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


html, body {
height: 100%;
height:100%;
margin:1px 0 0 0;
padding:0;
}

li{
margin-left:20px;
list-style-type:none;
}


body{
margin:0;
padding:0;
font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
line-height:16px;
background: #000000;
}

a{
color:#333333;
text-decoration:none;
border:0;
outline:none;
}

a:hover{
color:#FFFFFF;
text-decoration:overline;
}

img{
border:0;
margin:0 0 20px 0;
}

h1{
font: normal 30px "Courier New", Courier, monospace;
line-height:32px;
margin:0 0 20px 0;
}

h2{
font: normal 24px "Courier New", Courier, monospace;
line-height:26px;
}

.subhead{
width:100%;
height:12px;
background-color:#FFF;
margin:0 0 20px 0;
}

.portfolio-img{
margin:30px 0;
}

ul, li{
margin:0;
padding:0;
}

li{
padding-bottom:5px;
}

ul{
width:140px;
}

.float-left{
float:left;
margin-left:20px;
}

.f-right{
float:right;
margin-left:20px;
}

.no-rollover:hover{
text-decoration:none;
}

.production-catagory{
margin:0 0 100px 0;

}

div#home-imgs{
width:560px;
height:320px;
padding:0 0 20px 0;
background:url(../images/home/home-bg.gif) no-repeat;
overflow:hidden;
}


div#wrapper{
background:url(../images/co-op-bg.jpg) repeat-x top;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -200px; 
}


div#outer-col{
width:940px;
position:relative;
margin: 0px auto;
}

div#main-col{
width:560px;
height:600px;
}

div#menu{
height:40px;
padding:40px 0 80px 0; 
}

div#logo{
position: fixed;
top:206px;
left: 50%;
margin-left: -470px;
height:125px;
width:110px;
background: url(../images/co-op-logo.gif) no-repeat 10px 0;
}

div#content{
width:560px;
padding:0 0 30px 0;
margin: 0px auto;
}

.footer, .push {
	height: 200px;
}

.footer{
background:url(../images/co-op-base.jpg) no-repeat right bottom;
}

.footer-text{
padding-top:150px;
text-align:center;
color:#333333;
}


.clear{
width: 100%;
height: 1px;
margin: 0 0 -1px;
clear: both;
}


/*
MAIN NAV
*/

#home-nav, #about-nav, #portfolio-nav, #contact-nav{
height:40px;
display:block;
background-position:0 0;
background-repeat:no-repeat;
float:left;
}

#home-nav span, #about-nav span, #portfolio-nav span, #contact-nav span{
display:none;
}

#home-nav{
width:117px;
background-image:url(../images/home-nav.gif);
}

#about-nav{
background-image:url(../images/about-nav.gif);
width:126px;
}

#portfolio-nav{
background-image:url(../images/portfolio-nav.gif);
width:170px;
}

#contact-nav{
background-image:url(../images/contact-nav.gif);
width:147px;
}

#home-nav:hover, #about-nav:hover, #portfolio-nav:hover, #contact-nav:hover{
background-position:0 -40px;
}

body#home-page #home-nav, body#contact-page #contact-nav, body#portfolio-page #portfolio-nav, body#about-page #about-nav{
background-position:0 -80px;
}