/*
----------------------------------------------------
main cont
----------------------------------------------------
*/
* {
margin:0;
padding:0;
text-decoration:none;

}
img{
border:none;
}

html, body{
width:100%;
height:100%;
/*background:#2C2821 url(images/big_ocean_back.jpg) center top no-repeat;*/
background-color:#699B53;

}

#gallery li{
	float:left;
	width:151px;
	height:109px;
	overflow:hidden;
	}
#wrap{
background:#DCDCDC url(images/bg2.gif);
border-left:15px solid #DAD5A8;
border-right:15px solid #DAD5A8;
border-bottom:15px solid #DAD5A8;
width:960px;
margin:0 auto;
clear:both;
}


/*
----------------------------------------------------
footer
----------------------------------------------------
*/

#footer{
clear:both;
display:block;
background:#699B53;
padding:5px 20px;
}

#footer p{
color:#fff;
}

#footer a{
color:#fff;
}

.p_footer{
font:.7em Verdana, Arial, Helvetica, sans-serif;
display:block;
}

/*
----------------------------------------------------
main navigation
----------------------------------------------------
*/

#navigation{
float:left;
width:250px;
list-style:none;
background:#699B53;
}

#navigation li{
border-bottom: 1px dotted #fff;
}

#navigation li a{
font:.8em/140% Verdana, Arial, Helvetica, sans-serif;
display:block;
text-decoration:none;
color:#fff;
padding:10px;
}

#navigation li a:hover{
display:block;
text-decoration:none;
color:#000;
padding:10px;
background:#fff;
}

#navigation li ul{
list-style:none;
}

#navigation li #staff li a, #navigation li #client_list li a{
font:.8em/140% Verdana, Arial, Helvetica, sans-serif;
display:block;
color:#000;
text-decoration:none;
padding:10px;
background:#EFCA76;
}

#navigation li #staff li a:hover, #navigation li #client_list li a:hover{
border-bottom: 1px fff dotted;
color:#000;
background:#E0AE35;
}
/*
----------------------------------------------------
content
----------------------------------------------------
*/

#content{
float:left;
width:670px;
background:#fff;
padding:20px;
}

#content h2{
color:#fff;
background:#699B53;
margin:5px 0;
padding:3px 10px;
}

#content a{
color:#699B53;
margin:5px 0;
}

#content h3{
color:#DBA835;
margin:5px 0;
}

#content h2 a:hover, #content a:hover, 
#content h2 a{
background:#699B53;
color:#fff;
}

#content ul{
font:.85em Verdana, Arial, Helvetica, sans-serif;
list-style:none;
}

#content .audio_image_bank{
list-style:none;
margin:0;
}

#content .audio_image_bank li{
font:.7em Verdana, Arial, Helvetica, sans-serif;
margin:10px 10px 0 0;
padding:10px;
background:#efefef;
list-style:none;
float:left;
}

#content .gallery li{
display:inline;
}

/*
----------------------------------------------------
sub panel
----------------------------------------------------
*/

#event_list{
list-style:none;
background:#CEC894;
padding:0 20px;
}

#event_list li{
border:none;
}

#event_list li a{
font:.8em/140% Verdana, Arial, Helvetica, sans-serif;
color:#000;
padding:5px;
display:block;
text-decoration:none;
border:none;
margin-bottom:5px;
}

#event_list li a img{
margin-bottom:5px;
border:none;
vertical-align: middle;
}

#event_list li a:hover{
background:#E2E1D3
}

#cal_list{
list-style:none;
background:#CEC894;
padding:0 20px;
}

#cal_list li{
border:none;
}

#cal_list li a{
font:.8em/140% Verdana, Arial, Helvetica, sans-serif;
color:#000;
padding:5px;
display:block;
text-decoration:none;
border:none;
margin:5px 5px 10px 5px;
}

#cal_list li a img{
border:none;
vertical-align: middle;
}

#cal_list li a:hover{
background:#E2E1D3;
}


/*
----------------------------------------------------
contact
----------------------------------------------------
*/

#cont{
background:#CEC894 url('images/mail.gif') top center no-repeat;
padding:200px  20px 10px 20px;
color:#000;
border:none;
}

#cont .input, #contact .textarea{
width:98%;
display:block;
}

#cont li dl{
padding:10px 0;
}

#cont dl dt {
font:1.2em Trebuchet, Verdana, Arial Narrow, Helvetica Narrow, sans-serif;
}

#cont li dl dd{
font:.8em/140% Verdana, Arial, Helvetica, sans-serif;
}

#cont li dl dd a{
font:.9em/140% Verdana, Arial, Helvetica, sans-serif;
color:#000;
padding:3px;
display:block;
text-decoration:none;
}

#cont li dl dd a:hover{
font:.9em/140% Verdana, Arial, Helvetica, sans-serif;
padding:3px;
display:block;
text-decoration:none;
color:#000;
}

/*
----------------------------------------------------
forms
----------------------------------------------------
*/
#request_form input{
display:block;
width:90%;
}

legend{
font:1em Verdana, Arial, Helvetica, sans-serif;
margin:5px;
padding:5px;
}

fieldset{
padding:0 20px 20px 20px;
}

.checkbox{
float:right;
width:20px;
margin:0;
padding:0;
height:20px;
display:inline;
}

label{
font:.8em Verdana, Arial, Helvetica, sans-serif;
padding:5px 0;
display:block;
}

/*
----------------------------------------------------
recent events
----------------------------------------------------
*/

#recent_events{
margin:0;
padding:0;
list-style:none;
}

 #recent_events li{
margin:5px 0;
padding:10px;
background:#efefef;
border:#ccc 1px solid;
}

#recent_events img{
margin-right:10px;
float:left;
width:100px;
padding:3px;
background:#999;
border: dotted 1px #333;
}
/*
----------------------------------------------------
class/id
----------------------------------------------------
*/
.p_right{
float:right;
color:#fff;
padding:0 5px;
background:#000;
}


.studio_pics li {
margin:10px;
}

.submit{
float:right;
padding:5px;
margin:5px;
}

/*
----------------------------------------------------
tags
----------------------------------------------------
*/

h1 a{
float:left;
width:710px;
background:url(/assets/img/header.jpg) top left no-repeat;
height:290px;
text-decoration:none;
text-indent:-900000px;
display:block;
}

h2{
font:1.6em Franklin Gothic, Century Gothic, Trebuchet, Verdana, Arial Narrow, Helvetica Narrow, sans-serif;
}

h2 a{
	color:#fff;
	}

h3{
font:1em Trebuchet, Verdana, Arial Narrow, Helvetica Narrow, sans-serif;
}

p{
padding:5px 0;
font:.85em/140% Verdana, Arial, Helvetica, sans-serif;
}

em{
font:.8em oblique italic message-box Verdana, Arial, Helvetica, sans-serif;
}

hr{
visibility:hidden;
clear:both;
}

/*
----------------------------------------------------
lightbox
----------------------------------------------------
*/


#lightbox{
	background-color:#eee;
	padding: 30px;
	border:none;
	}

#lightboxCaption{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}