/*
Theme Name: SMS
Theme URI: http://www.arrangingpixels.com
Description: Custom theme created by Arranging Pixels for Synergy.
Version: 1.0
Author: Arranging Pixels LLC
Author URI: http://www.arrangingpixels.com/
Tags: SMS

*/

/*-----GLOBALS-----*/
html{ background-color: #232767;}
body{ color: #333; font: 93%/25px Arial, Helvetica, sans-serif}

strong{ font-weight: bold;}
a{ color: #1E2158; text-decoration: underline;}

textarea{ width: 100%;}

/*-----MAIN CSS-----*/
#site{}
	
	/*Site header CSS*/
	body#index #site-header{ background: url(images/header_bg.jpg) #292d77 center top no-repeat; height: 436px;}
	#site-header{ background: url(images/header_bg.jpg) #292d77 center top no-repeat; height: 167px;}
		
		#site-header div.container{ margin: 0 auto; position: relative; width: 960px;}
		#site-header div.container-logo{ padding: 28px 0 43px; overflow: hidden;}
			#site-header h1{}
			#site-header h1 a{ background: url(images/logo.png); display: block; height: 46px; text-indent: -9999px; width: 426px;}
			#site-header address{ color: #fff; font-style: italic; font-weight: bold; position: absolute; right: 0; text-align: right; top: 34px;}
			#site-header address span.fax_number{ font-size: 1em;}
			#site-header address span.number_label{ color: #e27c25; font-size: 1.2em;}
			#site-header img.social_icon{ position: absolute; right: 0; top: 0;}
		
		/*Primary Navigation*/
		#navigation{ background: url(images/navigation_bg.png) repeat-x; height: 53px;}
			div.menu-primary-navigation-container{ margin: 0 auto; overflow: hidden; width: 960px;}
			div.menu-primary-navigation-container ul{}
			div.menu-primary-navigation-container ul li{ float: left;}
			div.menu-primary-navigation-container ul li.current-menu-item{ background: url(images/nav_indicator.png) center bottom no-repeat; height: 58px;}
			div.menu-primary-navigation-container ul li.menu-item-home{ background-image: none;}
			div.menu-primary-navigation-container ul li.current-menu-item a{ color: #1E2158;}
			div.menu-primary-navigation-container ul li a{ background: url(images/nav_link_border.gif) right no-repeat; color: #fff; display: block; font-weight: bold; height: 50px; line-height: 50px; padding: 0 28px; text-align: center; text-decoration: none;}
			div.menu-primary-navigation-container ul li a:hover{ color: #1E2158;}
		
		/*Gallery section CSS*/
		div.container-gallery{ height: 269px;}
			div.container-gallery #gallery{ position: relative; top: -3px;}
			div.container-gallery #cta_button{ background: url(images/cta_btn_shadow.png) bottom no-repeat; bottom: -65px; height: 116px; position: absolute; right: 35px; width: 291px; z-index: 10;}
				#cta_button img.cta_btn{}
				
	/*Body globals*/
	body#index #body h2{ color: #1e2158; font-size: 1.4em; font-weight: normal; padding-bottom: 10px;}
	body.just-moved #body h2 { color: #1e2158; font-size: 1.4em; font-weight: normal; padding: 15px 0 5px;}
	#body h2{ color: #1e2158; font-size: 1.4em; font-weight: normal; padding: 15px 0;}
	#body h2.justmoved_header{ padding-bottom: 0;}
	#body h2 a{ text-decoration: none;}
	#body p{ margin-bottom: 10px;}
	#body li{ background: url(images/body_bullet.png) left center no-repeat; padding: 5px 0 5px 25px;}
	
	/*Body CSS*/
	#body{ background: url(images/body_bg_top.gif) #f1f1f1 top repeat-x; font-size: 0.9em;}
	
		#body-inner{ background: url(images/body_bg_btm.gif) bottom repeat-x;}
		
			body#index #body div.container{ margin: 0 auto; overflow: hidden; padding: 55px 0; width: 960px;}
			#body div.container{ margin: 0 auto; overflow: hidden; padding: 30px 0; width: 960px;}
			
				body#index div.content-left{ float: left; width: 525px; padding-right: 40px;}
				body#loan-center div.content-left{ width: 960px;}
				
				body.just-moved div.content-left{ float: left; padding-right: 40px; width: 625px;}
				div.content-left{ float: left; width: 650px; padding-right: 40px;}
					div.content-left iframe{ border: none;}
					
					body.just-moved div.content-left div.entry{ background-color: #eae4e4; border: 1px solid #ccc; margin-top: 10px; padding: 5px; width: 512px;}
					
					div.bio_img_contact{ background-color: #eae4e4; border: 1px solid #cccccc; float: left; padding: 5px; width: 177px; margin-bottom: 40px;}
					div.bio_img_contact img{ display: block; width: 175px;}
					div.bio_copy{ float: left; min-height: 350px; padding-left: 15px; width: 435px;}
					div.bio_copy_last{ float: left; min-height: 225px; padding-left: 15px; width: 435px;}
				
				body#index div.content-right{ background-attachment: fixed; background: url(images/content_right_bg.gif) left 10px no-repeat; float: left; font-size: 0.8em; line-height: 20px; padding-left: 35px; width: 360px; min-height: 481px;}
				div.content-right{ background-attachment: fixed; background: url(images/content_right_bg.gif) left 10px no-repeat; float: left; font-size: 0.8em; line-height: 20px; padding-left: 35px; width: 235px; min-height: 481px;}
				div.content-right h2{ font-size: 1.4em !important;}
				
					div.content-right div.mortgage_calc{ overflow: hidden; padding: 20px 0; margin-bottom: 20px;}
					
					div.content-right div.latest_news{}
						div.latest_news div.content_block{ margin-bottom: 15px; padding-bottom: 10px;}
						
					div.content-right div.testimonial_quote{ color: #292d77; font-style: italic;}
						div.testimonial_quote{}
						div.testimonial_quote p.testimonial_author{ font-size: 1em !important; font-weight: bold; text-align: right;}
						div.testimonial_quote span.author_location{ display: block; font-weight: normal;}
						
					div.content-right div.agent{ position: relative;}
						div.content-right div.agent img{ margin-left: -7px;}
						
					div.content-right div.sms_agent{}
						div.content-right div.sms_agent h2{ padding-top: 0 !important;}
						
					/*Sidebar CSS*/
					div.content-right #sidebar{}
					div.content-right #sidebar ul{}
					div.content-right #sidebar ul li{ background: none; padding-left: 10px;}
	
	/*Footer CSS*/
	#footer{ color: #1e2158; background: url(images/footer_bg.gif) top repeat-x; font-size: 0.8em; min-height: 190px;}
		#footer div.container{ background: url(images/footer_container_bg.gif) right no-repeat; margin: 0 auto; padding: 15px 0; position: relative; height: 120px; text-align: right; width: 960px;}
			div.affiliates{ overflow: hidden; left: 0; position: absolute;}
				div.affiliates img{ float: left; margin-left: 10px;}
			
			div.footer_navigation{}
			div.footer_navigation ul{}
			div.footer_navigation ul li{ background: url(images/footer_nav_bullet.gif) left center no-repeat; display: inline; margin-left: 5px; padding-left: 15px;}
			div.footer_navigation ul li a{ color: #fff; text-decoration: none;}
			#footer a{color: #9D9FBE;}

/*-----FORMS-----*/
/*Mortgage Calculator form*/
form.form_mortgage_calc{ clear: left; overflow: hidden;}
form.form_mortgage_calc div.text_input_div{ float: left; margin: 5px; position: relative; width: 100px;}
	form.form_mortgage_calc div.form_mortgage_calc_years{ width: 35px;}

form.form_mortgage_calc div.text_input_div label{ color: #1e2158; font-weight: bold; left: 5px;}
form.form_mortgage_calc div.text_input_div label.error{ display: block; color:#C00; font-style: italic; font-size: 0.8em; line-height: 1em; position: relative;}
form.form_mortgage_calc div.text_input_div label span.required{ color: #c00;}
form.form_mortgage_calc div.text_input_div input{ border: 1px solid #999; color: #555; padding: 3px; width: 95px;}
	form.form_mortgage_calc div.text_input_div input#mortgage_calc_years{ width: 30px;}
		

form.form_mortgage_calc div.form_mortgage_calc_submit_container{ float: left; margin: 5px;}
	form.form_mortgage_calc a.form_mortgage_calc_submit{ background-color: #1e2158; border: 1px solid #ccc; color: #fff; display: block; height: 24px; line-height: 24px; margin-top: 19px; text-align: center; text-decoration: none; width: 75px;}
	
div.mortgage_calc div.mortgage_calc_container{ background-color: #3B40A4; border: 1px solid #222666; color: #fff; margin: 5px 0; padding: 5px;}
	div.mortgage_calc_container span{ font-size: 1.5em; font-style: italic; font-weight: bold;}
	
/*Contact Form*/
#contact_form_container{}

	#contact_form_container div.capcha_msg{ background-color: #eee; border: 1px solid #cc0000; color: #cc0000; font-size: 0.8em; font-style: italic; margin: 5px 0; padding: 10px;}
		div.capcha_msg p{ margin: 5px 0 !important;}

	form.form_contact{}
	form.form_contact div.text_input_div{ float: left; padding: 5px 0; width: 600px;}
		form.form_contact div.form_contact_capcha{ padding-left: 145px;}
	form.form_contact div.text_input_div label{ display: block; float: left; width: 150px;}
	form.form_contact div.text_input_div label.error{ clear: both; display: block; color:#C00; font-size:0.8em; font-style: italic; padding-left: 150px; position: relative;}
		form.form_contact div.text_input_div label span.required{ color: #c00;}
	form.form_contact div.text_input_div input{ border: 1px solid #999; color: #555; display: block; float: left; padding: 3px; width: 200px;}
	form.form_contact div.text_input_div input.checkbox{ border: none; display: inline; float: none; margin: 0 5px; padding: 0; width: auto;}
	form.form_contact div.text_input_div select{ border: 1px solid #999; color: #555; padding: 3px;}
	form.form_contact div.text_input_div select option{}
	form.form_contact div.text_input_div textarea{ border: 1px solid #999; color: #555; font: 12px/14px arial; height: 100px; padding: 3px; width: 250px;}
	
	form.form_contact div.form_contact_submit_container{ padding-left: 150px;}
	form.form_contact div.form_contact_submit_container input.form_contact_submit{ background-color: #292D77; border: 1px solid #ccc; color: #fff; height: 25px; margin: 10px 0; padding: 0 10px;}


/*-----CLASSES-----*/
.image_left{ float: left; margin: 0 10px 10px 0;}
.image_right{ float: right; margin: 0 0px 10px 10px;}
.image_border{ border: 1px solid #ccc;}
.border_btm{ background: url(images/border_btm.gif) bottom repeat-x;}
.border_top{ background: url(images/border_btm.gif) top repeat-x;}
.border_none{ background-image: none !important; border: none;}
.clear{ clear: both;}
.ap_props{ vertical-align: middle;}
.content_block{ margin-bottom: 15px; overflow: hidden; padding-bottom: 10px;}
.right_content_block{ margin-bottom: 15px; overflow: hidden; padding-bottom: 20px; width: 200px;}

#body .resources_list ul li {
	background: url(images/bullet.png) left center no-repeat;
	padding: 1px 0 3px 15px;
}
#body .policieslist li {
	background: url(images/bullet-circle.png) left top no-repeat;
	padding: 0 0 3px 15px;
}
#footercolor, div.footer_navigation ul li a {
	color: rgba(255,255,255,0.5);
}
#bcocredit {
	width: 146px;
	padding-top: 24px;
	margin-top: 7px;
	float: right;
	background-image: url(http://www.brandco.com/credit/white_50.png);
}
/*.menu-primary-navigation-container ul li ul{
	z-index:10000;
}
*/
.sub-menu {
	display: none;
}
.menu-primary-navigation-container #menu-primary-navigation .menu-item ul {
	display: none;
}
.menu-primary-navigation-container #menu-primary-navigation .menu-item ul li {
	background: #E27C25;
	z-index: 5;
	position: relative;
}
.menu-primary-navigation-container #menu-primary-navigation .menu-item ul li.current-menu-item {
	height: inherit;
}
.menu-primary-navigation-container #menu-primary-navigation .menu-item ul li a {
	background: none;
	padding: 0 37px;
}
.menu-primary-navigation-container #menu-primary-navigation .menu-item:hover ul{
	display: block;
	font-family: "ronnia-1","ronnia-2",sans-serif;
}
#menu-item-22:hover {
	height: inherit;
}
.fb-like {
	margin-top: 15px;
}