@charset "utf-8";
/* CSS Document */
body { background:url(../images/bg-site.jpg) repeat-x top left #fcf4ec; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; height: 100%; margin-top: 10px; }
h2 { color: #7d5530; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 23px; font-weight: bold; margin-bottom: 10px; }
h3 { color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; }
h3 a { color: #b38756; font-weight: bold; text-decoration: none;}
h3 a:hover { color: #b38756; text-decoration: underline;}
h5 a { color: #b38756; font-weight: bold; text-decoration: none;}
h5 a:hover { color: #b38756; text-decoration: underline;}
strong { font-weight: bold;}
p { color: #2f251c; font-size: 12px; line-height: 20px; margin-bottom: 10px; text-align: left; }
p a { color: #b38756; text-decoration: underline;}
p a:hover { color: #734821;}
.date { color: #a5a5a5; font-size: 10px;}

.clearBoth {clear: both;}
.wrapper { width: 980px; margin: 0 auto; }
.banner { margin-top: 20px;}
.content { clear: both; overflow: hidden; }
.col-1, .col-2, .col-3 {border: 1px solid #e2e2e1; float: left; padding: 15px; margin: 0 0 20px 0;}
.three-col .col-1, .three-col .col-2, .three-col .col-3 {width: 284px; background: #fff;}
.three-col .col-2 { margin: 0 16px;}

h2.stock { background: url(../images/icon-stock.jpg) no-repeat center left; padding-left: 35px; margin-right:20px;}
h2.news { background:url(../images/icon-paper.gif) no-repeat center left; padding-left: 35px;}
h2.blog { background:url(../images/icon-coffee.gif) no-repeat center left; padding-left: 35px;}
h2.testi { background:url(../images/icon-chat.gif) no-repeat center left; padding-left: 35px;}
h2.big { color: #734821; font-size: 38px; margin-top: 15px;}
h3.orange { color: #ae743f !important; text-transform: uppercase;}
#brown{ color: #734821; font-size:16px;}


.header h1 a { background:url(../images/bvm-logo-header.gif) no-repeat; display: block; height: 1px;  overflow: hidden; padding-top: 65px; width: 144px;}

.nav-main { background: url(../images/bg-nav.gif) no-repeat; height: 44px; clear: both;}
.nav-main > li { float: left; position: relative;}
.nav-main > li > a {background: url(../images/bg-nav.gif) no-repeat; display: block; height: 1px; overflow: hidden; padding-top: 43px;}
.nav-main > li.home > a { width: 93px; background-position: 0 0;}
.nav-main > li.home-loans > a { width: 144px; background-position: -93px 0;}
.nav-main > li.loan-off > a {width: 158px; background-position: -237px 0;}
.nav-main > li.loan-tip > a { width: 123px; background-position: -395px 0;}
.nav-main > li.loan-calc > a { width: 188px; background-position: -518px 0;}
.nav-main > li.about > a { width: 118px; background-position: -706px 0;}
.nav-main > li.video > a { width: 155px; background-position: -824px 0;}
.nav-main > li.home > a:hover {  background-position: 0 -44px;}
.nav-main > li.home-loans > a:hover { background-position: -93px -44px;}
.nav-main > li.loan-off > a:hover { background-position: -237px -44px;}  
.nav-main > li.loan-tip > a:hover{ background-position: -395px -44px;}
.nav-main > li.loan-calc > a:hover { background-position: -518px -44px;}
.nav-main > li.about > a:hover { background-position: -706px -44px;}
.nav-main > li.video > a:hover {  background-position: -824px -44px;}
.nav-main > li:hover > div, .nav-main > li.over > div { display: block;} 

.nav-main li div {background: url(../images/bg-drop.png); display: none; padding: 5px; width:475px; position: absolute; }
.nav-main li div.over { display: block;}
.nav-main li ul {padding: 10px; background: #fff; border: 1px solid #ccc;}
.nav-main li ul li { width: 215px;}
.nav-main li ul li.info { background: none; float: right; width: 230px; }
.nav-main li ul li.info a { background: none; padding-left: 0;}
.nav-main li ul li.info h3 {color: #7d5530;}
.nav-main li ul li a, .tips a, .more-info li { background: url(../images/blt-drop.gif) no-repeat left center; color: #373737; display: block; font-size: .8em; padding: 5px 0 5px 10px; text-decoration: underline; }
.nav-main li.loan-calc div{width:475px; position:absolute; left:-297px;}
.nav-main li.loan-calc ul li { width: 215px;}
.nav-main li.loan-calc ul li.info { width: 230px;}
.nav-main li.about div{width:475px; position:absolute; left:-367px;}
.nav-main li.about ul li { width: 215px;}
.nav-main li.about ul li.info { width: 230px;}
.nav-main li.video div{width:490px; position:absolute; left:-345px;}
.nav-main li.video ul li { width: 215px;}
.nav-main li.video ul li.info { width: 205px;}

.indent {
	text-indent:0;
	width: 230px;
	list-style:none;
	border:1px;
	margin:-10px 0;
}



.nav-sec, .nav-foot {color: #fff; float: right; width: 400px; margin: 50px 0 10px 0; overflow: hidden;}
.nav-sec li, .nav-foot li {float: right; padding-left: 20px; margin-left:20px; text-align: right;}
.nav-sec li a, .nav-foot li a { color: #fff; font-size: .8em;}
.nav-sec li.phone { font-size: 1.25em; margin-bottom: 5px; margin-left:0px; padding: 0; width: 400px;}
.nav-sec li.news { background: url(../images/icon-news.gif) no-repeat center left; }
.nav-sec li.contact { background: url(../images/icon-contact.gif) no-repeat center left; }
.nav-sec li.log-in { background: url(../images/icon-log-in.gif) no-repeat center left; }

.nav-foot { width: 800px; margin: 0;}
.nav-foot li { float: left; padding: 0;}
.nav-foot li a {}
.nav-foot li.disc { color: #999; font-size: .7em; margin-top: 5px;}
.nav-foot a.btn-touch { background:url(../images/get-in-touch-foot.gif) no-repeat;}

a.btn-learn, a.btn-apply, a.btn-touch, a.btn-answers, a.btn-calc, a.btn-tips, .nav-main li ul li a.btn-answers { display: inline-block; height: 1px; overflow: hidden; padding-top: 35px; width: 129px; }
a.btn-learn { background: url(../images/btn-learn-more-beige.gif) no-repeat top left;}
a.btn-apply { background:url(../images/btn-apply-now.gif) no-repeat top left;}
a.btn-touch { background: url(../images/btn-get-in-touch.gif) no-repeat top left;}
a.btn-answers { background:url(../images/btn-get-answers.gif) no-repeat top left !important;}
a.btn-calc { background:url(../images/btn-loan-calc.gif) no-repeat top left; width: 142px;}
a.btn-tips { background:url(../images/btn-tips.png) no-repeat top left; width: 142px;}

.ticker, .ticker li ul {  background:url(../images/bg-ticker-upper.gif) repeat-x top left; font-size: .8em; height: 48px; line-height: 44px; margin: 10px 0; padding-left: 10px;}
.ticker li { float: left;}
.ticker li.ticker-sec { background: url(../images/stock-bend.gif) top left no-repeat; padding-left: 9px; float:right;}
.ticker li ul { background: url(../images/bg-ticker-lower.gif) repeat-x top left; margin: 0; width: 100%;}
.ticker li ul li { padding-top: 5px;}

.trips { background: url(../images/bg-trips.gif) no-repeat top left #fff; border-bottom: 1px solid #e2e2e1; margin-bottom: 10px; overflow: auto; padding: 5px 0 0 0;}
.trips h3 { color: #f7f4ae; padding: 7px 0 0 10px; float: left; margin-right: 95px;}
.trips h3 span { color: #fff;}
.trips ul {border-left: 1px solid #e2e2e1; float: left; margin-top: 3px; padding: 15px 75px 15px 15px; width: 235px; }
.trips ul li { display: block;}
.trips ul li h3 { color: #844d1d; display: block; float: none; font-weight: bold; margin: 0; padding: 0;}
.trips ul li h3 span { color: #c78851; }
.trips ul li p { margin-bottom: 10px;}
.trips ul.con {background:url(../images/fpo-woman.jpg) no-repeat bottom right;}
/*.trips ul.find {background:url(../images/couple.jpg) no-repeat bottom right; padding-right: 95px; width: 215px;}*/
.trips ul.find {background:url(../images/couple.jpg) no-repeat bottom right; border-right: 1px solid #e2e2e1; padding-right: 95px; width: 216px;}
.trips ul.est { background:url(../images/calculator.jpg) no-repeat bottom right; padding-right: 55px; width: 255px;}
.trips ul.tips {background:url(../images/couple.jpg) no-repeat bottom right; padding-right: 95px; width: 215px;}

.faces { background:url(../images/footer-faces.jpg) top left no-repeat #493b2e; clear: both; height: 74px; line-height: 74px; margin: 20px 0 -35px 0; padding-right: 50px; position: relative; text-align: right; z-index: 1;}
.faces h3 { color: #fff;}
.faces h3 a { color: #fff; font-weight: normal; }

.facesHome { background:url(../images/footer-faces.jpg) top left no-repeat #493b2e;
clear: both;
height: 74px;
width:957px;
line-height: 74px;
margin: 0 auto 0 auto;
padding-right:50px;
position: relative;
text-align: right;
z-index: 1;
}

.facesHome h3 { color: #fff;}
.facesHome h3 a { color: #fff; font-weight: normal; }

.footer { background: #281f15; height: 200px; padding-top: 50px;}
.footer h2 a {background:url(../images/bvm-logo-footer.gif) no-repeat;  float: left; height: 1px; overflow: hidden; padding-top: 57px; width: 129px;}
.footer p { color: #fff; margin-left: 200px;}
.footer p img { margin-left: 50px;}

.sticky-footer { height:40px; width:100%; background:#554434; position:fixed; bottom:0px; opacity:0.9; z-index: 1000; }
.sticky-footer a {color: #fff; display: block; font-size: .8em; float: right; height: 1px; overflow: hidden; padding-top: 25px;}
.sticky-footer h2 a {background: url(../images/logo-bvm-bottom.gif) no-repeat;  float: left; height: 1px; margin-left: 20px; overflow: hidden; padding-top: 39px; width: 241px;}
.sticky-footer a.contact { background:url(../images/btn-contact.gif) no-repeat; margin-right: 20px; width: 97px;}
.sticky-footer a.share { background:url(../images/share-w-friends.gif) no-repeat; width: 141px; margin-right: 10px; }

ul.privacy {color: #734821;	font-size: 12px; margin-left:20px; margin-bottom: 10px; text-align: left;}
ul.privacy li {list-style-type: square;}

ul.bullets {color: #000; font-size: 12px; margin-left:20px; margin-bottom: 10px; text-align: left; line-height:20px;}
ul.bullets li {list-style-type: square;}

ul.list {color: #000; font-size: 12px; margin-left:20px; margin-bottom: 10px; text-align: left; line-height:20px;}
ul.list li {list-style-type: none; margin:3px 0 0 0;}

.field {background-color:#F5F1E7; border: 1px solid #ccc; margin:0 10px 0 10px; }
#message {margin:10px 0 0 0;}
table.credittable {background-color: #FFF; width:250px; border-color:#000}

.phonepop {
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
}


/*--- WIDE LEFT SPECIFIC STYLES -----------------------------------------------------------------*/
/*.wide-left .content { background: url(../images/bg-loan-off-content.gif) no-repeat bottom left; margin-top: 10px;}*/
.wide-left .content { background: url(../images/bg-loan-off-content.gif) repeat-y bottom left; margin-top: 10px;}
.wide-left .bg-candy-tab { background: url(../images/bg-fixed.jpg) no-repeat top left; float: left;}
.wide-left .bg-clark-app { background: url(../images/clark-app-bg.jpg) no-repeat top left; float: left;}
.wide-left .col-2 h2 { background: url(../images/bg-sidebar-heading.gif) no-repeat top left; color: #fff; line-height: 46px; padding-left: 15px; text-shadow: -1px -1px 0 #645549;}
.wide-left .col-2 ul { padding: 0 15px;}
.wide-left .col-1 { border: none; float: left; width: 729px;  bgcolor: #f30;}
.wide-left .col-clark-app { border: none; float: left; width: 950px;  bgcolor: #f30;}
.wide-left .col-2, .wide-left .col-3 {  background: url(../images/bg-sidebar.gif) repeat-y top left #fff; border-left: none; border-top: none; float: left; margin-top: 45px; padding: 0 0 15px 0; width: 219px;}
.wide-left .col-3 { background: none; border: none; padding: 0; text-align: right; margin-top: 10px; float:right;}
.headlines { background: url(../images/bg-headlines.gif) repeat-x bottom left; padding-bottom: 15px; margin: 0 0 15px 0;}





/*--- LOAN OFFICER SPECIFIC STYLES --------------------------------------------------------------*/
.loan-off .content { background: url(../images/bg-loan-off-content.gif) no-repeat bottom left; margin-top: 10px;}
.loan-off .bg-candy-tab { background: url(../images/bg-header-loan-off.gif) no-repeat top left; overflow: auto; float: left;}
.loan-off .col-3 ul { padding: 0 15px;}
.loan-off .col-1 {border: none; float: left; width: 192px; }
.loan-off .col-2 { border: none ; float: left; width: 522px; padding: 0 15px 15px 0;}
.loan-off .col-3 {  background: none; border: none; border-top: none; float: left; margin-top: 45px; padding: 0 0 15px 0; width: 218px;} 
.loan-off .col-3 h2 { background: url(../images/bg-sidebar-heading.gif) no-repeat top left; color: #fff; line-height: 46px; margin-bottom: 0; padding-left: 15px; text-shadow: -1px -1px 0 #645549;}
.loan-off .headlines { padding: 0 0 10px 0; margin: 0 0 15px 0;}
.loan-off .headlines h2.big { color: #fff; margin: 15px 0 5px 0; text-shadow: -1px -1px 0 #645549; line-height: 25px; }
.loan-off .headlines h3 { color: #936d4d; font-weight: bold; margin-bottom: 15px; line-height: 20px;}
.loan-off .headlines h3.orange { font-weight: normal;}
.loan-off .headlines .apply-big {float: right; margin-top: 10px;}

.contact-me { background: url(../images/bg-sidebar.gif) repeat-y top left #fff; border: 1px solid #ccc; border-left: none; border-top: none; padding-top: 10px !important;}
.call-me, .my-blog, .contact-me a.contact {color: #fff; display: block; font-size: .8em; height: 28px; line-height: 27px; margin-bottom: 10px; padding: 0 0 0 25px; }
.call-me { background: url(../images/btn-loan-off-contact.gif) no-repeat; }
.my-blog { background: url(../images/btn-loan-off-contact.gif) no-repeat 0 -32px; }
.contact-me a.contact {background: url(../images/icon-contact-loan.gif) no-repeat center left; color: #945a26;}

.social { padding: 0;}
.social ul {overflow: auto; padding: 0 !important;}
.social ul li { float: left; height: 27px; margin: 0 10px 10px 0; width: 27px;}
.social ul li a { background: url(../images/icons-social.gif) no-repeat 0 0; display: block; height: 1px; overflow: hidden; padding-top: 26px; }
.social ul li.twitter a { background-position: 0 0;}
.social ul li.facebook a {background-position: -29px 0;}
.social ul li.linkedin a { background-position: -58px 0;}
.social ul li.youtube a {background-position: -87px 0;}
.social ul li.mapquest a {background-position: -115px 0;}
.social ul li.flickr a {background-position: -144px 0;}
.social ul li.activerain a {background-position: -174px 0;}
.social ul li.yelp a {background-position: -202px 0;}

.bio-photo { background: #fff; border: 1px solid #999; padding: 5px; background-image:../images/fpo-loan-officer.jpg }
.more-info { background: #f5ebe1; padding: 5px; margin-top: 10px;}
.more-info li { text-decoration: none; font-size: .8em; }
.more-info li:first-child, .more-info.noblt li { background: none; }
.more-info h3, .loan-off .col-1 h3 {color: #b87233; font-weight: bold;}

.photo-gal { margin-top: -50px; overflow: auto; }
.photo-gal li { float: left; width: 50px; margin: 0 4px;}
.photo-gal li.left, .photo-gal li.right { width: 9px; margin: 0;}
.photo-gal li.right { float: right;}
.photo-gal li.left a, .photo-gal li.right a { background: url(../images/slide-show-arrows.gif); display: block; height: 1px; overflow: hidden; padding-top: 53px; width: 9px;}
.photo-gal li.right a { background-position: 9px 0;}

.testimonial { background: url(../images/bg-testimonial-side.gif) repeat-y #f5ebe1; border: 1px solid #e6d2be; border-left: none; margin-top: 10px; padding: 10px;}
span.author { color: #ad7b49; display: block; text-transform: uppercase;}
h3.testi { background:url(../images/icon-chat-beige.gif) no-repeat center left; color: #7d5530; font-weight: bold; padding: 5px 0; padding-left: 35px;}

.ads { margin-top: 10px;}
.ads img { float: right;}

.imgDescription {background:none repeat scroll 0 0 #554434; width:182px;height:58px; display:block; position:relative; top:-67px; left:6px; z-index:auto; opacity:0.8; text-align:center; vertical-align:middle;}

.imgDescription span {font-size:12px;z-index:1;color:#FFF; margin-top:auto; margin-left:5px; margin-right:5px; margin-bottom:auto;}

.loanOffCA {  clear: both; margin-bottom:20px; }
.loanOffCA ul li { float: left;/* position: relative;*/ margin-right:0px; display:inline; height:122px; width:235px; }

.loanOffCA ul li.name a{
	background: url(../images/loanOfficer-callout-sprites.jpg) no-repeat; height: 122px; width:235px;	
	background-position: 0 0;
	display:block;
}
.loanOffCA ul li.location a{
	background: url(../images/loanOfficer-callout-sprites.jpg) no-repeat; height: 122px; width:235px;
	 background-position: -235px 0px;
	 display:block;
}
.loanOffCA ul li.language a{
	background: url(../images/loanOfficer-callout-sprites.jpg) no-repeat; height: 122px; width:235px;
	 background-position: -470px 0px;
	 display:block;
}
.loanOffCA ul li.reverse a{
	background: url(../images/loanOfficer-callout-sprites.jpg) no-repeat; height: 122px; width:235px;	
	background-position: 0px -244px;
	display:block;
	margin:5px 0 0 235px;
}
.loanOffCA ul li.name a:hover {
	background: url(../images/loanOfficer-callout-sprites.jpg) no-repeat; height: 122px; width:235px;
	background-position: 0px -122px;
	display:block;
}
.loanOffCA ul li.location a:hover {
	background: url(../images/loanOfficer-callout-sprites.jpg) no-repeat; height: 122px; width:235px;
	background-position: -235px -122px;
	display:block;
}
.loanOffCA ul li.language a:hover {
	background: url(../images/loanOfficer-callout-sprites.jpg) no-repeat; height: 122px; width:235px;
	background-position: -470px -122px;
	display:block;
}
.loanOffCA ul li.reverse a:hover{
	background: url(../images/loanOfficer-callout-sprites.jpg) no-repeat; height: 122px; width:235px;	
	background-position: 0px -366px;
	display:block;
}
.content .bg-candy-tab .col-1 th {
	vertical-align:middle;
	}
.striped {color:#4E3C2E; margin-top:30px;}
.striped a img {border: 3px solid #B38756;}
.striped a img:hover {border: 3px solid #734821;}
.striped tbody tr {margin-bottom: 20px;}
.striped tr:hover {background-color:#FAF4E2;}
.striped th {padding:8px 5px; border-bottom: 1px solid #734821; }
.striped a {color:#b38756;}
.striped a:hover {color:#734821;}
.crumbTrail ul li.crumb{
		display:inline; 
		margin-right:10px;
		color:#4E3C2E;
 }	
 .crumbTrail ul li.crumb a{
		color:#4E3C2E;
 }
 .crumbTrail ul li.crumb a:hover{
		color:#b38756;
 }
span a {color:#b38756;}
span a:hover {color:#734821;}
/*-----History Styles---------------------------------------------------------------*/

.letter {margin-left:60px;  width:600px; } 
.letter p {color:#734821;}
p.signature{text-align:right; margin-right:40px;}


<!-- Table Style for What-is-a-credit-score.php-->

#credittable {
	width:100%;
	margin:0 0 15opx 0;
	}
	
#credittable th{
	text-align:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #ae743f;
	text-transform:uppercase;
	padding:0 50px 5px 0;
	border-bottom: 1px solid #c5b596;
	}

#credittable td {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding: 5px 0 5px 5px
}

#phonepopup{ position: relative; }
/*#phonepopup a span { display: none; color: white; }*/
#phonepopup a span 
{ 
	background-color:Wheat;
	color:black;
	display:block;
	height:100%;
	left:152px;
	padding:5px;
	position:absolute;
	top:0;
	width:100%;
}

<!-- Loan Calculator styles-->

<!---------Video Styles--------------------------->
.content #videogallery .video{
	width:320px;
	float:left;
}
<!----------Team Bios------------------>
#team{
	width:650px;	
}
#team .bios{
	width:150px;
	float:left;
	margin:0 15px 30px 15px;
}

.bios img{
	margin-left:30px;
}

.bios h3{
	color:#C60;
	font-size:14px;
	width:150px;
	text-align:center;
}

<!----------Branch Location Styles --------------->


#content #leftColumn .crumbTrail ul li.crumb{
		display:inline; 
		margin-right:15px;
 }