/* */
body{margin:auto;padding:0px;}

/* Gallery Styles */
.gallery,.gallery .slideshow,.gallery div.thumbs{width:753px;height:581px;}
.gallery{position:relative;}
.gallery .slideshow{height:500px;}
.gallery .slideshow,.gallery div.thumbs{position:absolute;top:56px;left:0px;}
.gallery .slideshow-caption{position:absolute;top:556px;font-size:10px;}
.gallery .slideshow-info{position:absolute;top:20px;font-size:10px;}
.gallery .navi{position:absolute;top:5px;left:0px;width:100%;}
.gallery .slideshow img{position:absolute;}
.gallery .thumbs ul li{float:left;list-style:none;margin:0 10px 10px 0;}

.controls.navi a{margin-right:5px;}
.controls.navi a{float:left;/*text-indent:-9999px;*/}

/* 	Loading Sprite */
.loading, .controls.navi a.indie-loader{background:url('/imgs/loader.gif');width:16px;height:16px;display:block; margin-left: -25px;}

/* 	Container  */
.container{ width:1140px;margin:auto;padding-top:40px;}
.container .header.left{ width:180px;padding-left:20px;}
.container .header.left h1{padding-bottom:15px;}
.container .header.left h1 a{background:url('/imgs/sunnylogo.jpg') no-repeat 0px 0px;height:35px;width:194px;margin-left:0px; margin-top: -5px; display:block;}
.container .header.left h1 a:hover{background-position:0px 0px;}
.container .header.left h1 a span{display:none;}
.container .body{width:840px;padding-left:45px;position:relative;}
.container .body .loading{position:absolute;top:1px;left:5px;}

#leftnav{
	margin-left: 0px;
}

#debugTab{
	position: absolute;
	top: 0px;
	left: 0px;	
}

/*
	Sidebar
*/
.header ul{text-align:left;}
.header ul li{list-style:none;}
.header ul li h2{height:18px;}
.header ul li h2 a{text-transform:uppercase;}
.header ul li ol{padding-top:10px;padding-bottom:40px;}
.header ul li ol li{font-size:10px;line-height:15px;}
.header ul li a{color:#979797;}
.header ul li a:hover,.header ul li.active h2 a,.header ul li.active ol li.active a{color:black;}

.header ul.standard-pages{padding-top:30px;}

/*
	Info (and a lil' bit of contact) page
*/
.info{padding-top:48px;}
.info h1{color:black;}
.info p a,.contact p a{border-bottom:solid 1px #ccc;}
.info p a:hover, .contact p a:hover{border-bottom:solid 1px #666;color:black;}
.info hr{border:none;border-bottom:solid 1px #ccc;margin-bottom:2.08333em;}

.info .half{width:280px;padding-right:20px;float:left;}
.info .half.last{width:500px;padding-left:19px;border-left:solid 1px #ccc;}
.info ul li{list-style:none;border-bottom:solid 1px #E5E5E5;}
.info .controls.navi{margin:5px 0;height:16px;}
.info ul li .photos-container{padding-bottom:10px;display:none;}

.info ul li a{color:#333;}
	
/*
	Contact
*/
.contact{padding-top:28px;}
.contact p{margin:5px;}
.contact .contact-form{margin-top:10px;width:280px;}
.contact p.input{min-height:25px;}
.contact p.input label{display:block;float:left;width:60px;}
.contact input.text, .contact textarea{width:214px;padding:2px;border:solid 1px #ccc;margin-top:3px;}
.contact input.text:focus, .contact textarea:focus{border:solid 1px #999;}
.contact textarea{width:300px;height:112px;resize:none;padding-top:0px; line-height:  18px;}
.contact input.submit{cursor: pointer;border-width:1px;font-size:12px;padding:2px;background:none;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#666;}
.contact input.submit:hover{cursor: pointer;border-width:1px;font-size:12px;padding:2px;background:none;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff; background-color:#000;}
.contact label.error{padding-left:60px;width:214px !important; color: darkred; position:relative; top: 5px; }
.contact .textarea label.error{padding-left:0px;width:272px !important;}

/*
Logo
*/
.logo a{position:absolute;bottom:2px;left:10px;font-size:10px;color:#b2b2b2;}
.logo a:hover{color:black;}


body{margin:0 auto;}

/*
	Basic Typogrpahic Styles
*/
body,button,textarea{font:12px/2.0833em "Helvetica Neue",Arial,Helvetica,sans-serif;color:#666;}
em{font-style:italic;}
strong{font-weight:bold;}
p{margin-bottom:2.08333em;}
/* Basic Links */
a{text-decoration:none;color:#666;}
a:hover{color:#000;}
a:visited{color:#505050;}
/* headers */
h2,h3,h4,h5,h6,legend{color:#111;}

/*
	Navigation Controls
*/
.controls.navi a{display:block;height:12px;width:12px;text-indent:-9999px;background:url(/imgs/navcontrols.gif) no-repeat;}
.controls.navi a.thumbs{background-position:-48px 0;width:16px;}
.controls.navi a.thumbs:hover{background-position:-64px 0;}
.controls.navi a.thumbs.alt{background-position:-48px -12px;width:16px;}
.controls.navi a.thumbs.alt:hover{background-position:-64px -12px;}
.controls.navi a.prev,.navi a.thumbs_prev{background-position:-24px 0;}
.controls.navi a.prev:hover,.navi a.thumbs_prev:hover{background-position:-24px -12px;}
.controls.navi a.next,.navi a.thumbs_next{background-position:-36px 0;}
.controls.navi a.next:hover,.navi a.thumbs_next:hover{background-position:-36px -12px;}

.controls.navi a.gallery_page,.controls.navi a.thumbs_page, .controls.navi a.remove{width:auto;background:none;line-height:12px;text-indent:0px;color:#979797;}
.controls.navinavi a.gallery_page:hover,.controls.navi a.thumbs_page:hover,.controls.navi a.remove{color:inherit;}

.controls.navi a.remove{text-transform:capitalize;font-size:10px;color:#979797;text-indent:10px;}

/*
	Helpers
*/
.left{float:left;}
.right{float:right;}
.center{margin:0 auto;}
.clear{clear:both;display:block;}
.hide{display:none;}



/*
	Clearing floats without extra markup
	Based on How To Clear Floats Without Structural Markup by PiE
	[http://www.positioniseverything.net/easyclearing.html]
*/
.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}

/*
	Regular clearing
	apply to column that should drop below previous ones.
*/

.clear { clear:both; }