/*
Theme Name: Faces Spa
Theme URI: http://www.facesspa.com/
Description: The Faces Spa theme.. Thanks Oxide Design!

*/

html, body { margin:0; padding:0; font-family: arial, helvetica;}
body { background: url(images/background.png) no-repeat top center #1A0303; color: #f2c96d; }
a, a:visited, a:hover { color: #f2c96d; }
a { outline: none; -moz-outline-style: none; text-decoration:none; }
a:hover { text-decoration:underline;}

.clear { clear:both; }
h2 { margin-top:0; margin-bottom:0;}

img { border:10px solid #F2C77C; }

#background { width: 980px; height:1000px; margin: 0 auto;  }
#background #landing_logo { width:465px; margin:0 auto;}
#background #landing_logo #landing_logo_left { background: url(images/faces_shadow_left.png) no-repeat; width:32px; height:435px; float:left;}
#background #landing_logo #landing_logo_center { float:left; width:400px; }
#background #landing_logo #landing_logo_right { background: url(images/faces_shadow_right.png) no-repeat -1px 0; width:33px; height:435px; float:left;}
#background #landing_logo #landing_logo_bottom { background: url(images/faces_shadow_bottom.png) no-repeat 0 -1px; width:400px; height:35px; float:left; }
#background #landing_logo a { background: url(images/faces.png) no-repeat; height: 400px; width:400px; text-indent:-9999px; float:left; }

.news_page p { _float:left; width:400px !important; }
.news_page h3 { width:400px !important; clear:both; height:12px;}
.news_page img { float:right; position:absolute; margin-left:430px; margin-top:-25px; }

#content table h3 { margin:0 0 5px 0;}
#content table p { margin:0;}

#content ul.menu { float:left; margin-bottom:10px; clear:left; }
	#content .menu li { }
	#content .menu li:hover, #content .menu li.selected { behavior: url('/faces-spa/wp-content/themes/faces-spa/iepngfix.htc'); padding-right: 29px; margin-left:0; background: url(images/flourish_right.png) no-repeat right top; }


.service_item_page { }
	.service_item_page img { float:right; position:absolute; top:245px; margin-left:430px; }
	.service_item_page #content { width:400px !important; }
	.service_item_page p { font-size:14px; }
		.service_item_page p strong { font-size:20px; font-weight:normal; }
#shopp .products_narrow { }
#shopp .products_narrow_catalog { width:443px; }
#shopp .products_narrow_catalog h2 { width:400px; }

#shopp ul.products li.product div.frame a.photo_frame { border:solid 10px #F2C77C; background-color:white; }
#shopp .products .frame { width: 110px !important; }
#shopp ul.products li .details h4 { font-weight:normal; }
#shopp ul.products li .details h4 a:hover { text-decoration:none; }

#shopp .gallery .shopp-thickbox { padding:10px; background-color:white; display:block; border:solid 10px #F2C77C; background-color:white; }
#shopp .gallery .shopp-thickbox img { border:0;}

#shopp .addtocart { background:url(images/add_to_cart.png) no-repeat; width:109px; height:12px; border:none; 
					cursor:pointer; text-indent:-9999px; margin-left:10px; behavior: url('/faces-spa/wp-content/themes/faces-spa/iepngfix.htc');}
#shopp .quantity_wrap select {  }

#sidenav { float:left; width:287px; height:380px;}
	#sidenav ul { list-style-type:none; margin:0; padding:0;}
	#sidenav ul li { margin:0; padding:0; margin-bottom:7px; margin-left: 29px; }
	#sidenav ul li:hover, #sidenav ul li.selected { behavior: url('/faces-spa/wp-content/themes/faces-spa/iepngfix.htc'); padding-left: 29px; margin-left:0; background: url(images/flourish.png) no-repeat left top; }
	#sidenav ul li a { display:block; }

#background #content { float:left; width: 600px;}
	#background #content p { color: #f2c96d; } 
	
	#background #content ul { margin:0; padding:0; list-style-type:none; }
		#background #content .products li { margin:0; padding:0; list-style-type:none;}
	
	
.landing #footer { margin-top:85px !important; }
#background #footer { width: 335px; margin: 60px auto 0 auto; font-family:helvetica;}
	#background #footer a { color: #f2c96d; letter-spacing:3px;  font-size:10pt; text-decoration:none; margin-right:17px; float:left; }
	#background #footer .spacer { border-left:solid 1px #f2c96d; width:17px; height:14px; float:left; }
	#background #footer .copyright { color: rgb(97, 56, 33); font-size:8pt; letter-spacing:2px; width:160px; margin-left: 107px; margin-top:15px; }
	#background #footer .last { margin-right:0; }
										
/* landing page nav */
#background #landing_nav { margin:12px auto 0 auto; width: 421px;}
	#background #landing_nav .services { background:url(images/landing_services.png) no-repeat; height:32px; width:129px;
		 								 text-indent:-9999px; float:left; margin-right:32px; background-position: -39px 0; 			
										 margin-left: 49px; }
	#background #landing_nav .services:hover { width:168px; margin-left:10px; background-position:0 0; }
	#background #landing_nav .products { background:url(images/landing_products.png) no-repeat; width:134px; height:32px;
		 								 text-indent:-9999px; float:left; }
	#background #landing_nav .products:hover { width:173px; }	
	#background #landing_nav .spacer { border-left:solid 1px #f2c96d; width:34px; height:45px; float:left;}

/* secondary pages header and navigation */
#background #secondary_header { margin:0 auto; width:793px; }
#background #secondary_logo { width:457px; float:left; margin:0; background: url(images/secondary_faces_shadow.png) no-repeat; height:240px;}
	#background #secondary_logo a { background: url(images/secondary_faces.png) no-repeat; height: 200px; width: 400px;
		 						    text-indent:-9999px; display:block; margin-left:33px;}
	#background #secondary_services { background:url(images/secondary_services.png) no-repeat; width:126px; height:30px;
									  text-indent:-9999px; float:left; margin-top:97px; margin-left:37px; background-position:-37px 0; }
		#background #secondary_services:hover, #background #secondary_services.selected { background-position:0 0; margin-left:0px; width:163px; }
	#background #secondary_products { background:url(images/secondary_products.png) no-repeat; width:133px; height:30px;
									  text-indent:-9999px; float:left; margin-top:97px; }
		#background #secondary_products:hover, #background #secondary_products.selected { width: 170px; }