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

*/

/*-----GLOBALS-----*/
html{ background-color: #003366;}
body{ background: url(images/bg.jpg) center top no-repeat;}

a{ text-decoration: none;}
textarea{ width: 100%;}

div.container{ margin: 0 auto; overflow: hidden; position: relative; width: 960px;}

/*-----MAIN CSS-----*/
#site{ height: 920px}
	
	/*-----HEADER REGION-----*/
	#site-header{ height: 240px;}
		#site-header div.container{}
			a.logo{ display: block; margin: 0 auto; padding-bottom: 7px; width: 426px;}
			
			/*-----MAIN NAVIGATION-----*/
			#navigation{ margin: 0 auto; overflow: hidden; width: 900px;}
			#navigation ul#menu-primary-navigation{}
			#navigation ul#menu-primary-navigation li{ background: url(images/nav_item_bg.gif) repeat-x; float: left;}
			#navigation ul#menu-primary-navigation li a{ background: url(images/nav_item_border.gif) right no-repeat; color: #fff; display: block; font-weight: bold; line-height: 45px; height: 45px; text-align: center; width: 150px;}
			
			/*-----SUB NAVIGATION-----*/
			#navigation ul#menu-primary-navigation li:hover ul.sub-menu{ left: auto; position: absolute;}
			#navigation ul#menu-primary-navigation li ul.sub-menu{ background-color: #fff; border: 2px solid #cc5500; border-top: none; display: block; left: -9999px; margin-left: -1px; position: absolute; width: 169px; z-index: 9999;} 
			#navigation ul#menu-primary-navigation li ul.sub-menu li{ background-color: #fff; float: none;}
			#navigation ul#menu-primary-navigation li ul.sub-menu li a{ background-image: none; border-left: none; border-right: none; color: #555; display: block; height: 33px; line-height: 33px; padding: 0 20px; text-align: left;}
			#navigation ul#menu-primary-navigation li ul.sub-menu li a:hover{ color: #333; background-color: #eee; border: none;}
			
	
	/*-----BODY GLOBALS-----*/
	#body{ color: #333;}
	#body p, #body ul, #body h1, #body h2, #body h3, #body address{ padding: 7px 0;}
	#body p{ line-height: 20px;}
	#body h2{ color: #012856; font-size: 1.4em; font-weight: bold; padding: 10px 0;}
	#body h3{ background: url(images/header_icon.gif) left no-repeat; color: #00aeef; font-size: 1.3em; font-weight: bold; height: 35px; line-height: 20px; padding: 20px 0 0 40px !important; padding-left: 40px !important; width: auto !important;}
	#body h3 a{ color: #012856; text-decoration: none;}
	#body h4{ color: #012856; font-weight: bold; font-size: 1em; padding: 10px 0;}
	
	/*-----BODY REGION-----*/
		#body div.container{ background: url(images/body_bg.gif) #fff repeat-x; min-height: 358px; width: 960px;}
		
			div#content{ padding: 10px 9px 0;}
			div#content a{ color: #012856; text-decoration: underline;}
				div.preview_images{}
					div.preview_images img{ -webkit-box-shadow: 0px 0px 7px #ccc; -moz-box-shadow: 0px 0px 7px #ccc; box-shadow: 0px 0px 7px #ccc;  background-color: #fff; border: 1px solid #ccc !important; padding: 5px;}
			
			div.content_left_right_container{ background: url(images/content_right_left_bg.gif) repeat-y; overflow: hidden;}
			
				div.content-left{ padding: 10px 20px 10px 9px !important; float: left; width: 686px;}
				
					div.blog-roll{}
						div.blog_entry a{ color: #00aeef; font-style: italic; text-decoration: underline; }
					
					div.vendor{ float: left; width: 340px; height: 235px;}
						div.vendor p{ padding-left: 40px !important;}
				
				div.content-right{ background: url(images/content_right_bio_image.jpg) top no-repeat; float: left; padding: 160px 0 30px 50px; width: 195px;}
				
					div.content-right img.giftcard{ position: relative; left: -45px;}
				
					#sidebar{}
					#sidebar h2{ color: #fff; padding: 5px 0;}
					#sidebar h4{ padding: 5px 0;}
					
					#sidebar ul{ overflow: hidden; padding: 0;}
					#sidebar ul li.widget{ margin-bottom: 10px;}
					#sidebar ul li.widget_text p{ line-height: 18px;}
					#sidebar ul li.widget_text a{ color: #fff; text-decoration: underline;}
					
						#sidebar li.widget_categories a,
						#sidebar li.widget_execphp a,
						#sidebar li.widget_archive a{ color: #333; display: block; padding: 3px 0; text-decoration: underline;}
						
					#sidebar ul li#text-4 ul li{ float: left; padding-left: 3px;}
	
	
	/*-----FOOTER REGION-----*/
	#footer{ color: #035ac1; padding: 15px 0;}
		#footer div.container{}
			p.disclaimer{ float: left;}
			p.disclaimer a{ color: #035ac1;}
			


/*-----CLASSES-----*/
.ap_logo{ float: right;}
.clear{ clear: both;}
.cta_img{ border: 2px solid #fff;}
.no_border{ background: none !important; border: none;}
.content_block{ border-bottom: 1px solid #ccc; overflow: hidden; padding: 5px 0 15px 0;}

/*-----EMAIL POP-UP-----*/
#fancybox-inner{ background: url(images/body_bg.gif) #fff repeat-x;}

#mc_embed_signup{ padding: 0 10px;}
h1.email_header{ color: #012856; font-size: 2.5em; padding: 15px 0 15px 10px;}
div.mc-field-group{ padding: 5px 0;}
div.mc-field-group input{ border: 1px solid #ccc; height: 20px; padding: 3px; width: 200px;}
div.mc-field-group label{ padding: 3px 0;}
div.mc-field-group label span.required{ color: #c00;}

/*-----FORMS CSS-----*/

/*--PROPERTY VALUE--*/
#property_form_container{}

	div.error_container{ background-color: #eee; border: 1px solid #C00; color: #F00; padding: 7px;}
	div.error_container ul{ margin-left: 25px;}
	div.error_container ul li{ list-style-type: circle; font-style: italic;}

	form.form_property_value{}
	form.form_property_value div.text_input_div{ float: left; padding: 5px 0; width: 600px;}
	form.form_property_value div.text_input_div label{ display: block; float: left; width: 150px;}
	form.form_property_value div.text_input_div label.error{ display: block; color:#C00; font-style: italic; position: relative;}
		form.form_property_value div.text_input_div label span.required{ color: #c00;}
	form.form_property_value div.text_input_div input{ border: 1px solid #999; color: #555; display: block; float: left; padding: 3px; width: 200px;}
	form.form_property_value div.text_input_div input.checkbox{ border: none; display: inline; float: none; margin: 0 5px; padding: 0; width: auto;}
	form.form_property_value div.text_input_div select{ border: 1px solid #999; color: #555; padding: 3px;}
	form.form_property_value div.text_input_div select option{}
	form.form_property_value div.text_input_div textarea{ border: 1px solid #999; color: #555; font: 12px/14px arial; height: 100px; padding: 3px; width: 250px;}
	
	/*For checkboxes*/
	form.form_property_value div.text_input_div div.property_features{ float: left; width: 300px;}
	
	form.form_property_value div.form_property_reset_submit_container{ padding-left: 150px;}
		form.form_property_value div.form_property_reset_submit_container input.form_property_reset,
		form.form_property_value div.form_property_reset_submit_container input.form_property_submit{ background-color: #003366; border: 1px solid #ccc; color: #fff; height: 25px; margin: 10px 0; padding: 0 10px;}
		
/*--CONTACT FORM--*/
#contact_form_container{}
	form.form_contact{}
		form.form_contact div.text_input_div{ float: left; margin: 5px; position: relative; width: 225px;}
		form.form_contact div.text_input_div label{ color: #555; left: 5px; position: absolute; top: 3px;}
		form.form_contact div.text_input_div label span.required{ color: #c00;}
		form.form_contact div.text_input_div label.error{ display: block; color:#C00; font-style: italic; position: relative;}
		form.form_contact div.text_input_div input{ border: 1px solid #999; color: #555; padding: 3px; width: 200px;}
			form.form_contact div.text_input_div input#contact_address{ width: 435px;}
		form.form_contact div.form_contact_message{ width: 450px;}
			form.form_contact div.text_input_div textarea#contact_message{ border: 1px solid #999; color: #555; font-family: Segoe UI, Arial; font-size: 11px; overflow: auto; padding: 3px; height: 100px; width: 435px;}
			
		form.form_contact div.form_contact_submit_container{ margin: 5px;}
			form.form_contact input.form_contact_submit{ background-color: #003366; repeat-x; border: 1px solid #ccc; color: #fff; height: 25px; margin: 10px 0; padding: 0 10px;}