/*
Dirig Sheet Metal
Styles and Layout by Chad Weinard
chad@weinard.org 

AMMENDED by Chris Ocken
*/


body {
background-color: #000;
}

#wrapper {
margin: 20px auto 20px auto;
width: 900px;
background-color:#333;
position: relative;
padding: 140px 0 20px 0;
background-repeat: no-repeat;
/*background-position: 382px 110px; */
background-position: 382px 110px; 
overflow: hidden;

}

#home #wrapper {
background-image:url(images/cyclone.jpg);
background-position: 10px 10px; 
height: 663px;
padding: 0 0 20px 0;
}

#capabilities #wrapper {
background-image:url(images/bg1.jpg);
}

#client_list #wrapper {
background-image:url(images/bg2.jpg);
}

#company_history #wrapper {
background-image:url(images/bg3.jpg);
}

#mission #wrapper {
background-image:url(images/bg4.jpg);
}

#our_team #wrapper {
background-image:url(images/bg5-2.jpg);
}

#working_at_dirig #wrapper {
background-image:url(images/bg6.jpg);
}

#content {
position: relative;
width: 290px;
margin: 0 0 0 60px;
}

#images {
	position: absolute;
	left: 482px;
	top: 300px;
}

#menu {
position: absolute;
left: 38px;
top: 10px;
width: 900px;
}

#home #menu {
top: 390px;
}

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

#menu li {
float:left; 
}

/*
#menu li a span, #menu li a em {
display:none; 
}
*/

#menu li a {
display:block;
height:100px;
position: relative;
text-indent: -9000px;
overflow: hidden;
}

#menu li a:hover {
display: block;
position: relative;
height:220px;
left:0;
top:0;
z-index: 1;
}

#menu li a, #menu li a:hover {
background-image:url(images/menu.png);
}

#menu li#home a,  #menu li#home a:hover {
background-image:none;
background-repeat: no-repeat;
width:235px;
height:100px;
text-indent: 0px;
}

#menu li#capabilities a {
background-position: 0px 0px; 
width:102px;
}

#menu li#capabilities a:hover {
background-position: 0px -96px; 
width:102px;
}

#menu li#client_list a {
background-position: -102px 0px; 
width:104px;

}

#menu li#client_list a:hover {
background-position: -99px -96px; 
width:104px;
left:-3px
}

#menu li#company_history a {
background-position: -203px 0px; 
width:105px;
left:-3px;
}

#menu li#company_history a:hover {
background-position: -200px -96px; 
width:105px;
left:-6px;
}

#menu li#mission a {
background-position: -302px 0px; 
width:104px;
left:-9px
}

#menu li#mission a:hover {
background-position: -302px -96px; 
width:104px;
left:-9px
}

#menu li#our_team a {
background-position: -403px 0px; 
width:105px;
left:-12px
}

#menu li#our_team a:hover {
background-position: -403px -96px; 
width:105px;
left:-12px
}

#menu li#working_at_dirig a {
background-position: -505px 0px; 
width:102px;
left:-15px
}

#menu li#working_at_dirig a:hover {
background-position: -505px -96px; 
width:102px;
left:-15px
}

#our_team a {
color:#485B29;
}

#our_team a:hover {
color:#AD882B;
}

.jobtitle {
font-style: italic;
font-weight: normal;
color: #aaa;
margin-left:5px;
}

#footer {
color: #ccc;
position: absolute;
right: 10px;
bottom: 10px;
font-size: .8em;
}

#members {
	position: absolute;
	right: 10px;
	bottom: 20px;
}