@charset "UTF-8";
/* CSS Document */

body{
margin: 0;
padding: 0;
background: url(art/greywood.jpg);
font-family: Arial, Helvetica, san serif;
font-size: small;}

#wrapper{
margin: 0 auto;
width: 864px;}

a{
color: #557755;}

a:hover{
text-decoration: none;}

/* HEADER AND MAIN MENU */

#header{
height: 136px;}

#header h1{
float: left;
margin: 0;
background: url(art/ssr_logo.gif) top left no-repeat;
display: block;
height: 136px;
width: 321px;
text-indent: -2000px;
font-size: 1px;}

#header ul{
float: left;
list-style-type: none;
margin: 62px 0 0;
padding: 0 0 0 10px;
height: 74px;
width: 533px;
background: url(art/menu_full.gif) bottom left no-repeat;}

#header ul li{
float: left;
margin: 10px 0 0;}

#header ul li a{
padding: 25px 12px 0;
height: 39px;
display: block;
color: #557755;
text-decoration: none;}

#header ul li a:hover{
background: url(art/menu_selected.gif);
color: #fff;}

/* LEFT COLUMN */

#leftcol{
float: left;
width: 200px;}

#pagehead{
display: block;
width: 200px;
height: 94px;
background: url(art/title_base.gif) bottom left no-repeat #082b03;}

#pagehead h2{
display: block;
margin: 0;
padding: 0;
height: 94px;
width: 200px;
text-indent: -2000px;}

#pagehead h2.home{
background: url(art/home_hd.gif) 23px 30px no-repeat;}

#pagehead h2.services{
background: url(art/services_hd.gif) 23px 30px no-repeat;}

#pagehead h2.credits{
background: url(art/credits_hd.gif) 23px 30px no-repeat;}

#pagehead h2.equipment{
background: url(art/equipment_hd.gif) 23px 30px no-repeat;}

#pagehead h2.media{
background: url(art/media_hd.gif) 23px 30px no-repeat;}

#pagehead h2.links{
background: url(art/links_hd.gif) 23px 30px no-repeat;}

#contact{
display: block;
width: 200px;
padding: 0 0 27px 0;
font-size: x-small;
/* color: #114907; */
color: #000;
background: url(art/contact_base.gif) bottom left no-repeat;}

#contact p{
margin: 0;
padding: 10px 15px 0;
background: #fff;}

#contact p.email{
padding: 10px 15px 5px 45px;
background: url(art/email_icon.gif) 10px 4px no-repeat #fff;}

#contact p.phone{
padding: 9px 15px 4px 45px;
background: url(art/phone_icon.gif) 10px 0px no-repeat #fff;}

#contact p.phone{}

#contact p a{
color: #557755;}

#contact p a:hover{
text-decoration: none;}

/* AUDIO PLAYER */

#player{
float: right;
height: 204px;
width: 214px;
background: url(art/player_back.gif) top left no-repeat;}

#flash{
margin: 10px;}

/* CONTENT */

#content{
width: 410px;
margin: 0 0 0 200px;
padding: 0 20px 9px 20px;
background: url(art/content_base_alt.gif) bottom left no-repeat #fff;}

#content img.top{
margin: 0 0 20px -20px;}

#content h3{
margin: 0 0 10px;
font-size: medium;
color: #141;
/*display: block;
padding: 3px 5px;
font-weight: normal;
background: #141;*/}

#content h4{
font-size: small;
font-weight: normal;
display: block;
border-bottom: 1px solid #aaa;
margin: 0 0 5px;
color: #141;}

#content p{
margin: 0 0 10px 0;
color: #444;
line-height: 1.3em;}

#content p a{
color: #114907;}

#content p a:hover{
text-decoration: none;}

#content ul{
list-style-type: none;
margin: 0 0 10px;
padding: 0;}

#content ul li{
font-size: x-small;
margin: 0;
padding: 0;}

#content table{
margin: 0 0 10px 0;
font-size: x-small;
/* border-left: 1px solid #114907;
border-top: 1px solid #114907; */}

#content td{
vertical-align: top;
padding: 5px;
/* border-right: 1px solid #114907;*/
border-bottom: 1px solid #557755;}

#content td.date{
background: #114907;
color: #fff;
border-bottom: none;}

a.photos img{
margin: 0 3px;
border: 4px solid #eee;
border-bottom: 20px solid #eee;}

a.photos:hover img{
border: 4px solid #ccc;
border-bottom: 20px solid #ccc;}

#contact p.quote{
margin: 0;
padding: 20px 25px 0;
color: #333;}

p.quote{
font-size: x-small;
color: #333;
padding: 0 10px 10px;}

/* FOOTER */

#footer{
margin: 0 0 0 220px;}

#footer p{
color: #082b03;
font-size: x-small;}