@charset "utf-8";
/* CSS Document */
*{
	font-family:Helvetica, Arial, sans-serif;
}
html{
	background-image:url('../images/bg.gif');
	background-repeat:repeat;
	background-position:top center;
	background-color:#000000;
}
body{
	margin:0;
	background-image:url('../images/bg.gif');
	background-repeat:repeat;
	background-position:top center;
	background-color:#000;
	font-family:Helvetica, Arial, sans-serif;
	color:#BFBFBF;
	font-size:11px;
}

p{
	font-family:Helvetica, Arial, sans-serif;
	color:#BFBFBF;
	font-size:11px;
	padding:0;
	margin:0 0 10px 0;
}
.error{
	color:#FFFFFF;
}
h1{
	font-size:180%;
}
h2{
	font-size:130%;
	margin:0 0 5px 0;
	color:#FFFFFF;
}
h2.second{
	margin:10px 0 5px 0;
}
h3{
	margin:0;
	color:#FFFFFF;
	font-size:110%;
}
p em{
	clear:both;
	padding:0;
	margin:0;
	font-size:120%;
	font-weight:bold;
}

a, a:visited{
	color:#CCCCCC;
}
a:hover{
	color:#FFFFFF;
}
a img, a:visited img{
	border:0;
}

.clear{
	clear:both;
	overflow:hidden;
	height:1px;
}



 /* START JQUERY POP STYLING */
		/* Covers the screen in a black film to highlight the jquery pop windows */
		div#coverup {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: #000;
			display:none;
			z-index: 30;
			filter:alpha(opacity=75);
			opacity: 0.75;
			-moz-opacity:0.75;
		}
		* html div#coverup {
			position: absolute;
			height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
		}
		/* Popup window styling */
		#window {
			z-index:501;
			position: absolute;
			top: 30%;
			left: 30%;
			width: 432px;
			height: 240px;
			margin: 0 auto;
			background-color:#000;
			border:3px solid #fff;
		}
		#popup_content{
			position:absolute;
			top:0;
			left:0;
			z-index: 180;
		}
		#popup_close_button {
			position:absolute;
			top:-15px;
			right:-15px;
			height: 30px;
			width: 30px;
			background: url('../images/fancybox/fancy_closebox.png') top left repeat-x;
			cursor: pointer;
			z-index: 181;
		}
/* END JQUERY POP STYLING */


#header{
	height:80px;
}

#container{
	min-width:940px;
	background-color:#202020;
	border-top:1px solid #464646;
	border-bottom:1px solid #464646;
}

.inner{
	position:relative;
	width:900px;
	margin:0 auto;
	padding:0 20px 20px 20px;
}

#logo{
	padding:0 0 0 7px;
}

/* MENU */
		
		#header .inner img{
			border:0;
		}
		#main_menu{
			position:absolute;
			top:45px;
			right:35px;
			list-style:none;
			padding:0;
			margin:0;
		}
		#main_menu li{
			float:left;
			padding:0;
			margin:0;
		}
		#main_menu li a, #main_menu li a:visited{
			float:left;
			padding:0;
			color:#FFFFFF;
			height:30px;
			text-decoration:none;
			text-indent:-150px;
			overflow:hidden;
		}
		#main_menu li a:hover{
			text-decoration:underline;
		}
		#main_menu li a, #main_menu li a:visited{
			background-repeat:no-repeat;
			background-position:top center;
		}
		#main_menu li a.home{
			width:58px;
			background-image:url('../images/main_menu.jpg');
			background-position:0 0;
		}
			#main_menu li a.home:hover, #main_menu li.selected a.home, #main_menu li.selected a.home:visited{
				background-position:0 -30px;
			}
		#main_menu li a.offers{
			width:105px;
			background-image:url('../images/main_menu.jpg');
			background-position:-58px 0;
		}
			#main_menu li a.offers:hover, #main_menu li.selected a.offers, #main_menu li.selected a.offers:visited{
				background-position:-58px -30px;
			}
		#main_menu li a.services{
			width:68px;
			background-image:url('../images/main_menu.jpg');
			background-position:-163px 0;
		}
			#main_menu li a.services:hover, #main_menu li.selected a.services, #main_menu li.selected a.services:visited{
				background-position:-163px -30px;
			}
		
		#main_menu li a.studio{
			width:85px;
			background-image:url('../images/main_menu.jpg');
			background-position:-231px 0;
		}
			#main_menu li a.studio:hover, #main_menu li.selected a.studio, #main_menu li.selected a.studio:visited{
				background-position:-231px -30px;
			}
		#main_menu li a.products{
			width:74px;
			background-image:url('../images/main_menu.jpg');
			background-position:-316px 0;
		}
			#main_menu li a.products:hover, #main_menu li.selected a.products, #main_menu li.selected a.products:visited{
				background-position:-316px -30px;
			}
		#main_menu li a.contact{
			width:89px;
			background-image:url('../images/main_menu.jpg');
			background-position:-390px 0;
		}
			#main_menu li a.contact:hover, #main_menu li.selected a.contact, #main_menu li.selected a.contact:visited{
				background-position:-390px -30px;
			}
		#main_menu li a.client{
			width:94px;
			background-image:url('../images/main_menu.jpg');
			background-position:-479px 0;
		}
			#main_menu li a.client:hover, #main_menu li.selected a.client, #main_menu li.selected a.client:visited{
				background-position:-479px -30px;
			}
		#style_menu, #static_style_menu{
			z-index:2;
			position:absolute;
		}
		#style_menu .style_link, #static_style_menu .static_style_link{
			float:left;
			overflow:hidden;
			width:150px;
			height:60px;
			line-height:60px;
			text-align:center;
			padding:0;
			margin:0;
		}
		#style_menu .style_link .button, #static_style_menu .static_style_link .button{
			text-indent:-300px;
			overflow:hidden;
			position:absolute;
			width:150px;
			height:60px;
			background-repeat:no-repeat;
			background-position:0 0;
			background-color:#202020;
		}
		#studio .button{background-image:url('../images/menu_strips/studio_button.gif');}
		#makeovers .button{background-image:url('../images/menu_strips/makeovers_button.gif');}
		#babies .button{background-image:url('../images/menu_strips/babies_button.gif');}
		#location .button{background-image:url('../images/menu_strips/location_button.gif');}
		#weddings .button{background-image:url('../images/menu_strips/weddings_button.gif');}
		#fusion .button{background-image:url('../images/menu_strips/fusion_button.gif');}
		
		#style_menu .style_link:hover{
			width:150px;
		}
		#style_menu .style_link:hover .button, #static_style_menu .static_style_link:hover .button{
			width:150px;
			background-position:0 -150px;
			background-color:transparent;
		}
		#static_style_menu{
			margin:0;
			padding:0;
			list-style:none;
		}
		#static_style_menu li{
			float:left;
			overflow:hidden;
			width:150px;
			height:60px;
			line-height:60px;
			text-align:center;
			padding:0;
			margin:0;
		}
		#static_style_menu li a, #static_style_menu li a:visited{
			float:left;
			width:150px;
			height:60px;
			text-indent:-300px;
			overflow:hidden;
			background-repeat:no-repeat;
			background-position:0 0;
		}
		#static_style_menu li a:hover, #static_style_menu li.selected a, #static_style_menu li.selected a:visited{
			background-position:0 -60px;
		}
		#static_style_menu #studio a{background-image:url('../images/menu_strips/static_studio.gif');}
		#static_style_menu #makeovers a{background-image:url('../images/menu_strips/static_makeovers.gif');}
		#static_style_menu #babies a{background-image:url('../images/menu_strips/static_babies.gif');}
		#static_style_menu #location a{background-image:url('../images/menu_strips/static_location.gif');}
		#static_style_menu #weddings a{background-image:url('../images/menu_strips/static_weddings.gif');}
		#static_style_menu #fusion a{background-image:url('../images/menu_strips/static_fusion.gif');}


/* CONTENT CONTAINER (INC IMAGES AND TEXT) */
		.home #container .inner{
			height:593px;
		}
		#content_holder{
			top:60px;
			position:relative;
			width:900px;
			margin:0 0 60px 0;
			border-top:1px solid #464646;
			border-bottom:1px solid #464646;
			min-height:530px;
			height:auto !important;
			height:530px;
			background-color:#202020;
		}
		
/* IMAGE SCROLLER */
		#main_image, #product_images{
			z-index:1;
			position:absolute;
			left:0;
			width:450px;
			float:left;
			top:0;
			left:0;
			margin:0;
			padding:0;
			overflow:hidden;
			height:530px;
		}
		.home #main_image{
			position:absolute;
			top:60px;
			left:20px;
			width:900px;
			height:530px;
		}
		#main_image #image_cover{
			position:absolute;
			position:60px;
			left:0px;
			width:900px;
			height:530px;
			background-color:#202020;
			z-index:501;
			
			opacity: 0;
			filter: alpha(opacity=0);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		}
		#main_image #slideshow{
			position:absolute;
			top:0;
			left:0;
			margin:0;
			padding:0;
			list-style:none;
		}
		

/* MAIN PAGE CONTENT */
		#content{
			position:relative;
			width:380px;
			height:529px;
			float:right;
			padding:0 30px 0 0;
			background-color:#202020;
		}
		#content.wide{
			margin:0 auto;
			width:850px;
			padding:0 25px;
		}
		#content img{
			margin-bottom:10px;
		}
		h1{
			font-size:180%;
		}
		h1 em{
			font-weight:normal;
		}
		#content .product_panel{
			position:absolute;
			bottom:0;
			left:0;
		}
		#products_nav{
			clear:both;
			padding:0;
		}
		#products, #products2{
			position:relative;
			clear:both;
			width:380px;
			height:385px;
			padding:0;
			margin:0 0 0 0;
			overflow:hidden;
		}
		#products.small_list, #products2.small_list{
			height:260px;
		}
		#products.single_list, #products2.single_list{
			height:125px;
		}
		#products .slide, #products2 .slide{
			width:380px;
			height:300px;
			clear:both;
			margin:0;
			padding:0;
			list-style:none;
			background-color:#202020;
		}
		#products li, #products2 li{
			list-style:none;
			display:block;
			clear:both;
			border-top:1px solid #464646;
			width:380px;
			height:125px;
			margin:0;
			padding:5px 0 0 0;
		}
		#products li a, #products li a:visited, #products li div, #products2 li a, #products2 li a:visited, #products2 li div{
			float:left;
			width:380px;
			height:125px;
			padding:0;
			text-decoration:none;
			color:#BFBFBF;
		}
		#products li a:hover, #products2 li a:hover{
			color:#FFFFFF;
			cursor:hand;
		}
		#products li a:hover .title, #products2 li a:hover .title{
			text-decoration:underline;
		}
		#products li .img, #products2 li .img{
			width:125px;
			float:left;
		}
		#products li .details, #products2 li .details{
			width:250px;
			float:right;
		}
		#products li .title, #products2 li .title{
			clear:both;
			margin:0;
			float:left;
			padding:10px 0 0 0;
			font-size:12px;
			font-weight:bold;
			text-decoration:none;
			color:#FFFFFF;
		}
		#products li .desc, #products2 li .desc{
			display:block;
			clear:both;
			padding:5px 0 5px 0;
			margin:0;
		}
		#products li .price, #products2 li .price{
			clear:both;
			font-weight:bold;
		}
		
		#prev, #prev:visited, #prev2, #prev2:visited{
			float:left;
			text-indent:-150px;
			overflow:hidden;
			width:80px;
			height:28px;
			background-repeat:no-repeat;
			background-position:0 0;
			background-image:url('../images/product_navi_prev.gif');
		}
		#prev:hover, #prev2:hover{
			background-position:0 -30px;
		}
		#next, #next:visited, #next2, #next2:visited{
			float:right;
			text-indent:-150px;
			overflow:hidden;
			width:80px;
			height:28px;
			background-repeat:no-repeat;
			background-position:0 0;
			background-image:url('../images/product_navi_next.gif');
		}
		#next:hover, #next2:hover{
			background-position:0 -30px;
		}
		
/* SERVICES SLIDER */
		
		#services{
			position:relative;
			clear:both;
			width:380px;
			height:520px;
			padding:0;
			margin:0 0 0 0;
			overflow:hidden;
		}
		#services .slide{
			width:380px;
			height:520px;
			clear:both;
			margin:0;
			padding:0;
			list-style:none;
			background-color:#202020;
		}
		#services .slide img.title{
			float:left;
		}
		#services .more, #services .more:visited{
			float:right;
			text-indent:-150px;
			overflow:hidden;
			width:80px;
			height:28px;
			margin:15px 0 0 0;
			background-repeat:no-repeat;
			background-position:0 0;
		}
		#services .more:hover{
			background-position:0 -30px;
		}
		#services #commercial, #services #commercial:visited{
			width:100px;
			background-image:url('../images/service_navi_commercial.gif');
		}
		#services #standard_services, #services #standard_services:visited{
			width:100px;
			background-image:url('../images/service_navi_services.gif');
		}
		
/* CONTACT MAP */
		
		#main_content .google_link a, #main_content .google_link a:visited{
			color:#FFFFFF;
		}
		
		#map_canvas{
			width:450px;
			height:590px;
			background-color:#202020;
		}
		#map_info{
			width:220px;
			height:155px;
		}
		#map_info img{
			float:right;
		}
		#map_info h2{
			font-size:120%;
			color:#000000;
		}
		#map_info p{
			padding:5px 0 0 0;
			color:#000000;
		}
		#map_info p.google_link a, #map_info p.google_link a:visited{
			color:#000000;
			font-weight:bold;
			text-decoration:none;
		}
		#map_info p.google_link a:hover{
			color:#666;
			text-decoration:underline;
		}
		
		


/* FOOTER INFO */

		#footer .inner{
			font-size:10px;
			padding-left:60px;
			padding-top:15px;
			color:#777777;
		}
		#footer .inner a, #footer .inner a:visited{
			text-decoration:none;
			color:#777777;
		}
		#footer .inner a:hover{
			text-decoration:underline;
			color:#C0C0C0;
		}
		


/* CLIENT LOGIN GALLERY */
		
		#logout{
			position:absolute;
			top:20px;
			right:30px;
		}
		#logout a, #logout a:visited{
			float:left;
			width:
			color:#FFFFFF;
			text-decoration:none;
			font-weight:bold;
			background-image:url('../images/logout_bg.gif');
			background-repeat:no-repeat;
			background-position:0 0;
			width:70px;
			height:30px;
			text-indent:-100px;
			overflow:hidden;
		}
		#logout a:hover{
			background-position:0 -30px;
		}
		
		
		#content #gallery{
			margin:0;
			padding:0;
			list-style:none;
		}
		#content #gallery li{
			float:left;
			list-style:none;
			margin:0;
			padding: 0 19px 15px 0;
		}
		#content #gallery li a, #content #gallery li a:visited{
			float:left;
			width:120px;
			text-decoration:none;
			background:#464646;
			border:1px solid #000000;
		}
		#content #gallery li .img{
			width:110px;
			height:100px;
			overflow:hidden;
			display:block;
			margin:5px;
			position:relative;
		}
		#content #gallery li .img img{
			position:absolute;
			border:0;
		}
		#content #gallery li .desc{
			display:block;
			color:#FFF;
			text-decoration:none;
			padding:5px;
			background-color:#333333;
		}
		#content #gallery li a:hover{
			border:1px solid #FFFFFF;
			background-color:#CCCCCC;
		}
		#content #gallery li a:hover .desc{
			background-color:#999999;
		}


#offers_message{
	clear:both;
	float:left;
	margin-top:5px;
	padding-top:10px;
	border-top:1px dotted #EAEAEA;
	line-height:25px;
}
#book_now{
	float:right;
	width:85px;
	height:30px;
	overflow:hidden;
	background-image:url(../images/book_now.gif);
	background-repeat:no-repeat;
	background-position:-10px -3px;
	text-indent:-300px;
}
#book_now:hover{
	background-position:-10px -33px;
}