/*------------------------------------------------------------------
[helena petersen photography Stylesheet]

Project: helena petersen photography June 2009
Version:	1.1
Assigned to:	JGH internet
Primary use:	SKIN
-------------------------------------------------------------------*/

 		@import url("milk.css");
 		@import url("http://dynamic.icecreamlovestheweb.com/labs/960grid.css");
		@import url("http://dynamic.icecreamlovestheweb.com/labs/gallery.css");
 

	
		/*	GLOBAL STYLES	*/
		*{outline:none; margin:0px; padding:0px;}
		
		body{background:#fff;font:12px Arial; color:#8A8A8A; line-height:16px;}  
 
		a{color:#8A8A8A ;text-decoration:underline;}
		a:hover{color:#656363;}
		h1{font-size:16px;}
		h2{font-size:14px;font-weight:lighter;text-transform:uppercase;}
		h3{font-size:12px;}
		p{}
		blockquote{float:left;margin:0;padding:0 10px 20px 0;width:48%;}
		
		.heading_h1{color:#D8D7D7;}
		
		/*	STRUCTURE	*/
		#site{background:#FFFFFF;padding:20px 20px 0 40px;width:1100px;margin:0px auto;}
		#structure{padding-left:64px;height:100%;overflow:hidden;width:1024px;}
     	#social{bottom:0;padding:10px;position:fixed;left:0;text-align:right;z-index:9999;}
		.social_jgh{display:none;}
  		#menu{float:right;text-align:right;width:460px;}
		#menu ul{list-style-type:none;}
		#menu li{ padding-left:10px;display:inline;}
		#menu a{color:#D8D7D7;height:17px;text-transform:uppercase;text-decoration:none;}
		#menu a:hover{color:#8A8A8A;}
		#menu .active a{color:#8A8A8A;}
		#menu .sub_menu a{font-size:11px;color:#0499F3;text-decoration:none;}
		
		.submenu{float:right;padding-bottom:20px;text-align:right;}
		.submenu ul{list-style-type:none;}
		.submenu li{ padding-left:10px;display:inline;}
		.submenu a{color:#D8D7D7;height:17px;text-transform:uppercase;text-decoration:none;}
		.submenu a:hover{color:#8A8A8A;}
		.submenu .active a{color:#8A8A8A;}
		.submenu .sub_menu a{font-size:11px;color:#0499F3;}
		
		.home_tags{display:none;}
		#stage{position:relative;} 
   
 		#mask{background: url(images/mask.png) repeat-x scroll right center;top:474px;left:0;z-index:9999;position:fixed;width:960px;height:5000px;}

		#top{background:#fff none repeat scroll 0 0;border-bottom:1px solid #F5F4F4;width:1100px;float:left;padding:5px 0px;margin-bottom:5px;}
		.logo{
		color:#8A8A8A;
		float:left;
		text-align:left;
		font-size:11px;
		font-weight:lighter;
		text-transform:uppercase;
		width:460px;}
		
		.logo h1{font-weight:lighter;}
		
		.content_tools_top{float:right;padding:10px 20px 20px;text-align:right;}
		.content_tools_top ul{}
		.content_tools_top li{display:inline;padding-left:5px;}
		.content_tools_top a{} 
		.content_tools_top a:hover{} 
		
		.content{float:left;margin:0;padding:20px 0;}
		.content ul{margin-left:20px;}
		.content h1{font-weight:lighter;font-size:15px;padding:10px 0 0 0;text-transform:uppercase;color:#D8D7D7;}
		.content img{border:1px solid #D8D7D7;margin:0 10px 0 0;padding:1px;}
		.record h2{float:left;padding-right:20px;font-weight:lighter;}
		.home_date{display:block;font-size:11px;font-style:italic;}
		#form{float:right;text-align:right;padding:10px;}
		#form label{text-transform:capitalize;}
		#form input{border:1px solid #D8D7D7;width:300px;}
		#form textarea{border:1px solid #D8D7D7;height:100px;width:300px;}
		#form fieldset{border:none;}
		#error_on_form{padding:5px 0;}
		#form button{text-align:right;width:40px;cursor:pointer;}
		
		#search_site{margin:16px 0 0 797px;}
		.search_input{border:1px solid #D8D5D5;color:#999999;padding:1px;}
		.keyword{background:transparent url(images/arrow.png) no-repeat scroll left bottom;border:medium none;height:23px;width:13px;}
		.copyright{clear:both;
font-size:11px;
margin:10px;
text-align:right;}
		#footer{border-top:1px solid #F5F4F4;float:left;margin:20px 0;width:100%;}
		#clear{clear:both;height:5px;}
		
		
			#stage{height:500px; float:left;}
	
    #slider{
		line-height:14px; 
		font-size:10px; 
		width:1100px; 
		height:525px; 
		overflow:hidden;
		visibility:hidden; 
		margin:0 0px 0 0px; 
		float:left; 
		position:absolute;
		z-index:4;
	}

    .slider_scroll{overflow: auto;position: relative;clear: left;left:auto; height:450px;}


    .slider_scrollContainer p{
	background:#FFFFFF none repeat scroll 0 0; 
	color:#8A8A8A;
	font-size:13px;
	height:25px;
	margin:0px;
	padding:10px 0px 0;
	position:absolute;
	width:1080px;text-align:center;
	}
	.slider_scrollContainer .rec_p_{display:none;}
    .slider_scrollContainer{font-size:12px; line-height:18px; font-weight:500;} /*Duplicate p font styles incase client content is missing <p>*/
  	.slider_scrollContainer a{color:#536018; text-decoration:none; font-weight:bold;}
	.slider_scrollContainer a:hover{text-decoration:underline;} 
	.slider_scrollContainer .home_date{display:none;}

    .slider_panels{
		width:1100px;  padding:0px 0 0px 0px;height:420px;}
    .p_link{display:block;}
    .slider_panels img{left:0;display:block;margin:auto;bottom:0;}
    .scrollButtons{position:absolute; bottom:150px; z-index:999; cursor:pointer;}
    
	.left{
		left:0px; 
		background: url(images/left_scroll.png) no-repeat left  bottom; 
		position:absolute;
		width:22px;
		z-index:999;
		padding:453px 0 0;
		cursor:pointer;
	}
    .right{
		right:0px; 
		background: url(images/right_scroll.png) no-repeat left bottom; 
		position:absolute;
		width:22px;
		z-index:999;
		padding:453px 0 0;
		cursor:pointer;
	}
    *:first-child+html .right{padding:441px 0 0;}
    *:first-child+html .left{padding:441px 0 0;}
	.scrollButtons{cursor:pointer; opacity:0.7;}
    .scrollButtons:hover{opacity:1;}
   

   
    #thumbnails{margin:15px 0 0 0;
position:absolute;
width:1100px;text-align:center;}
    #thumbnails img{border:1px solid #D8D7D7;margin:0 1px 0 0; opacity:0.3;}
    #thumbnails img:hover{opacity:1; border:1px #8A8A8A solid;} /*stop the image from bouncing up and right*/    
    .selected_thumbnail{opacity:1!important; border:1px #8A8A8A solid!important;} /*current slide*/
	
		
		/*IE 7 Hacks*/