/*
Theme Name: Christine Face and Body 
Description: Designed, developed and maintained by FLDtrace.
Version: 2.0
Author: Lucian D. Florian
Author URI: http://www.fldtrace.com/
*/

@import url(css/hacks_style.css);


/*------------------layout--------------*/

* {
	margin: 0;
	padding: 0;
}


body {text-align:center; font-family:Arial, Helvetica, sans-serif; background-color:#A29C82; color:#1f1a17} /*A29C82 43302a*/

	#wrapper {width:760px; margin:0px auto 0; text-align:left}

	#header {
	
	width:758px; 
	
	float:left; 
	
	padding-bottom:10px;  
	
	background: #FFFFFF;
	
	border-bottom:1px solid #8599a8; 
	
	border-left:1px solid #ddd0b3; 
	
	border-right:1px solid #ddd0b3;
	}
		
		#logo {float:left; width:195px ; margin-left:0px; border:1px solid #969090; padding:5px; margin:10px; display:inline}
		
			#logo img {width:195px; height:190px}
		
		#slideshow {float:left; margin: 12px 0 0 10px}

	#main_navbar {float:left; width:758px; margin:0px 0 0 0px; border-bottom:1px solid #9e7668; border-left:1px solid #ddd0b3; border-right:1px solid #ddd0b3}

	#container {width:760px; float:left; background-color:#fff; padding:0 0 30px 0}
		
		#left_image {float:left;  width:205px; margin:10px 0 0px 10px; padding:0 2px 0px 0; border:0; border-right:1px dotted #f3e9f4}
		
		div#left_image img.home_prom_img {width:203px}
		
		#content {float:right; width:510px; margin:0 10px 0px 20px; display:inline}		
									
			#home_content_float {float:left; width:495px} /*home page only*/
			
			#products_carry{float:left; width:495px; margin:10px 0 0;} /*home page only*/
			
	#footer {width:760px; float:left;  background:#dedede}
	
	
/*------------------links style--------------*/

/*general link style*/

a:link, a:visited {color:#215780; text-decoration:none}

a:hover, a:focus {color:#35698f; text-decoration:underline}

a img {border:none}

.invisible {position:absolute; text-indent:-9999px}
	#contact_sidebar a {display:block; width:205px; height:37px; background: url(images/contactus-sprite.png) no-repeat 0 0; margin: 0 0 20px}
	#contact_sidebar a:hover, #contact_sidebar a:focus {display:block; background: url(images/contactus-sprite.png) 0 -37px;}

/*main navbar link style*/

#main_navbar ul {font-family:Arial, Helvetica, sans-serif; background-color:#d6c499; padding-left:156px; font-size:0.9em} /*d6c499*/
	#main_navbar ul li {position:relative; float: left; list-style-type:none;}
		#main_navbar ul li a {float:left; padding:15px 10px; text-decoration:none; color:#882015; font-size:0.95em; text-transform:uppercase;  background:url(images/nav_delimiter.jpg) 0 7px no-repeat}
		#main_navbar ul li a:hover, #main_navbar ul li a:focus {color:#000;}				
		#main_navbar ul li.firstchild a {background:none}
		
		/* sub navbar*/
		#main_navbar li li {float:none; display:block}
		
		#main_navbar ul ul {
			position:absolute;
			top:46px;
			left: 0;
			margin:0px 0px 0px 0px;
			padding:0 0 3px 6px;
			width:180px;			  
			border-top:1px solid #625754;
			border-bottom:3px solid #c2b79d;	
			z-index:1000; 
			background-color:#d6c499; 
			text-align:left; 
			filter:alpha(opacity=97);
			-moz-opacity:0.97;
			-khtml-opacity: 0.97;
			opacity: 0.97;			
		}
		
		#main_navbar ul ul a, #main_navbar ul ul a {
	float: none;
	font-size:0.95em;
	color: #000;
	display:block;
	height:20px;
	text-decoration:none;
	padding:5px 0 0px 5px;
	background:none; 
}

#main_navbar ul ul a:hover, #main_navbar ul ul a:focus {
	color:#5e240f;
}
		
		/*The Magic*/
#main_navbar ul li ul {display:none; margin:0; }
#main_navbar ul li:hover ul, #main_navbar ul li.over ul {display:block;}
		
		
/*------------------text style--------------*/


/*general style*/

	ul.home_ul {font-size:0.85em; font-weight:normal; margin:0 0 20px 0px}
	
		ul.home_ul li {margin-left:20px; padding:2px 0; list-style:url(images/asterix.png)}

	.general_ul { letter-spacing: 0.01em; margin:0 0 20px 0px; padding-left: 5px} 
		
		.general_ul li {font-size: 0.85em; list-style:url(images/asterix.png);}
		
		div#left_image .general_ul li {list-style:url(images/dart_li.png); margin:5px 0 0 20px; color:#882015}
		
			.general_ul li ul {margin-right:20px}
			
				.general_ul li ul li {list-style-type:none;}
.float_left {float:left; padding: 0 10px 10px}
.float_right {float:right; padding: 0 0 10px 10px}

/*content div style*/

	#content h1 {margin: 7px 20px 10px 0; font-size:1.3em; font-weight:normal; background-color:#fefefe; color:#5c3021; font-family:Georgia, "Times New Roman", Times, serif; text-transform: capitalize}
	
	#content h2, #left_image h2 {margin: 7px 0 10px 0; font-size:1.2em; font-weight:normal;  font-family:Georgia, "Times New Roman", Times, serif; text-transform: capitalize}
	
	#content h3 {margin: 3px 0 5px 0; font-size:1.05em; font-weight:normal;  font-family:Georgia, "Times New Roman", Times, serif; text-transform: capitalize}
	
	#content p {font-size: 0.85em; letter-spacing: 0.01em; line-height:1.5em; margin: 0 0 20px 0}
	
	h3.products_home {padding: 10px 0 0 0}
		/*------------Services style-----------*/
		
		div#services_listing {padding: 0 0 0 0px}
		
		div.services_container {float:left; width:200px; padding:0 20px 20px 20px; margin:0 10px 10px 0; background-color:#f7f4f9}
		
		div.services_container_left {float:none; display:block; width:200px; padding:10px 20px 20px 20px; margin:0 10px 10px 0; background-color:#f7f4f9; clear: both}

				div.more {padding:3px 0 0 0; text-align:right; font-style:normal; font-size:0.95em; font-family:Georgia, "Times New Roman", Times, serif}
				
				/*---------single services page----------*/
				
				#content table {margin: 0 0 40px 0; border-collapse: collapse;}
				
					 #content tbody {display:inline-block; width:460px; border-bottom:solid 20px #fff; border-left: solid 20px #fff;  margin:0 20px 0px 0; }
					 				
					
					#content tbody tr.details:hover, #content tbody tr.title:hover {background-color:#34302e; color:#ece5d4;}

					
					#content tbody tr.details {display:inline-block; font-size: 0.9em; letter-spacing: 0.01em; line-height:1.1em; margin:0; padding:0px 0 0px 0; margin:0 0 0px 0;}				
						
						#content tbody td.description  {width:400px; padding:7px 10px 2px 0;  border-bottom:1px solid #f2f0f0}
						
						#content tbody td.price {padding:7px 10px 2px 0;  border-bottom:1px solid #f2f0f0}
						
						#content h2.price_header {margin:0; padding:0; text-align:left}
						
							#content #content tbody td.description p {margin: 0 0 0 0; padding:0 10px 0 0; font-size:1em; text-align:right; color:#7c6b65; font-style:italic}

							
							tr.title h2.title_header {width:400px; padding: 0 10px 0 0}
						
				/*sitemap-legend style*/
									
				div.ddsg-wrapper ul li {padding: 0 0 5px 0; list-style:none}
				
					div.ddsg-wrapper ul li ul {padding: 5px 0 0 20px}
					
						div.ddsg-wrapper ul li ul li {padding: 3px 0 1px 0}
				


					/*contact page*/
	
					form.wpcf7-form {background-color:#F7F4F9; margin: 10px 20px 10px 0; padding:0 0 0 20px; border:1px solid #a49f9f}
				
					div#pages_entry form.wpcf7-form img {width:0; height:0}
				
					#content form.wpcf7-form p {margin:0 0 10px}
					
					form.wpcf7-form p#name_inputs {padding-top:5px}
				
					form.wpcf7-form input, form.wpcf7-form textarea {padding: 5px; color:#5c3021; font-size:1em;}
					
					form.wpcf7-form span.contact_inputs {font-weight: bold; font-size:0.9em}
					
					form.wpcf7-form textarea {width:430px; font-size:1.2em;}
					
					span.send_input input {margin-bottom:15px}
					
						form.wpcf7-form span.send_input input:hover, form.wpcf7-form span.send_input input:focus {background-color:#d4d0c8}



/*left image style*/

div#left_image img { width:203px; background-color:#f3e9f4; margin: 0 0 10px 0}

div#services_left_text {padding:3px; width:195px; border:solid 1px #eee6f3; background-color:#F7F4F9; margin:30px 0 10px 0}
	
	div#left_image div#services_left_text .general_ul {margin: 10px 0 20px 0;}
	
	div#services_left_text .general_ul li {list-style:url(images/asterix.png)}

div.contact_us_left {padding:3px; width:195px; border:solid 1px #eee6f3; background-color:#f6eefb; margin:0px 0 0 0}

	div#left_image h3 {font-size:1.1em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif}

	div#left_image .general_ul {letter-spacing: 0em; margin:0 0 20px 0px}
		div#left_image .general_ul li {font-size: 0.8em;  list-style-type:square; margin-left:15px; padding:0px 0}

div#left_image p {font-size: 0.8em; letter-spacing: 0em; line-height:1.2em; margin: 0 0 10px 0}

	div#left_image p.phone {color:#c12a33; font-size:1.1em;}


/*footer style*/

	
	#footer p {color:##1f1a17; font-size:1em}
	
	#footer li {list-style-type:none}
	
	div#footer_boxes_wrapper {padding:20px 10px 0px;}
	
		#footer_contact_box, #footer_address_box, #footer_meta_box {float:left; width:210px; padding:10px 0; font-size: 0.8em; text-align:center; }
		
		#last_box {float:right; width:64px; padding:0 20px 0 20px; font-size:0.8em; border:0; border-left: dotted 1px #d6c499}
			
			ul#footer_meta_box li {font-style:italic}
			
			#footer_contact_box, #footer_address_box {border:0; border-right: dotted 1px #d6c499}


