/* Links */
a {
color:#865c34;
text-decoration:none;
font-weight:bold;
}

a:hover {
text-decoration:underline;
color:#9f7e5f;
}

a:visited {
color:#5b3710;
}




/*   Body, Container, Header, Logo    */

body{
margin:0;
background-color:#e9d4c0;
font:small Verdana, Arial, Helvetica, sans-serif;
line-height:1.4em;
}

#container{
width:970px;
margin-left:auto;
margin-right:auto;
margin-top:1%;
margin-bottom:2%;
min-height:100%;
}

#header{
width:970px;
background:url(../images/header/gradient.gif) left top repeat-y;
}

#logo{float:left;}




/*   Tab Navigation    */

#navigation{
float:left;
position:relative;
top:67px;
left:25px;
}
#tab{
background:url(../images/header/tab7.gif) left top no-repeat;
width:113px;
height:28px;
text-align:center;
font:85% Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-top:.8em;
display:block;
float:left;
margin-right:1px;
overflow:hidden;
}
#tabhome{
background:url(../images/header/tabhome.gif) left top no-repeat;
width:113px;
height:28px;
text-align:center;
font:85% Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-top:.8em;
display:block;
float:left;
margin-right:1px;
overflow:hidden;
}
#tab a{
width:113px;
height:28px;
display: block;
text-decoration:none;
color:#000;
}
#tab a:hover{
margin-top:-.8em;
padding-top:.8em;
background:url(../images/header/tab8.gif) left top no-repeat;

}
#tabhome a{
width:113px;
height:28px;
display: block;
text-decoration:none;
color:#000;
}
#tabhome a:hover{
margin-top:-.8em;
padding-top:.8em;
background:url(../images/header/tabhome2.gif) left top no-repeat;
}

#selected{
background:url(../images/header/tab9.gif) left top no-repeat;
width:113px;
height:28px;
color:#fff;
padding-top:.8em;
margin-top:-.8em;
padding-top:.8em;
}
#selected a{color:#fff;}
#selected a:hover{background:url(../images/header/tab9.gif) left top no-repeat;}
#selectedhome{
background:url(../images/header/tabhome3.gif) left top no-repeat;
width:113px;
height:28px;
color:#fff;
padding-top:.8em;
margin-top:-.8em;
padding-top:.8em;
}
#selectedhome a{color:#fff;}
#selectedhome a:hover{background:url(../images/header/tabhome3.gif) left top no-repeat;}

/*   Black Navigation    */

#supernav{
width:970px;
clear:both;
border-bottom:1px solid #fff;
}
#navcontainer
{
width:970px;
margin-left:auto;
margin-right:auto;
padding: 0;
height: 40px;
background:#000;
}
#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li
{
float: left;
text-align: left;
font:12px Verdana, Arial, Helvetica, sans-serif;
background: #000;
padding:0;
}

#navcontainer ul li a
{padding: 0;
margin: 0 0 0 0;
color: #fff;
text-decoration: none;
display:block;
text-align: center;
background:#000;
color: #fff;
height:40px;
}
#navcontainer li#active a
{
background: #7babd5;
height:40px;
color: #fff;

padding-left: 0px;

}
#navcontainer li#productdesign a{width:136px;height:40px;
background:url(../images/header/services/productdesignblack.gif) left top no-repeat;}
#navcontainer li#productdesign a:hover{background:url(../images/header/services/productdesign.gif) left top no-repeat;}

#navcontainer li#fea a{width:185px;height:40px;
background:url(../images/header/services/feablack.gif) left top no-repeat;}
#navcontainer li#fea a:hover{background:url(../images/header/services/fea.gif) left top no-repeat;}

#navcontainer li#testing a{width:87px;height:40px;
background:url(../images/header/services/testingblack.gif) left top no-repeat;}
#navcontainer li#testing a:hover{background:url(../images/header/services/testing.gif) left top no-repeat;}

#navcontainer li#research a{width:99px;height:40px;
background:url(../images/header/services/researchblack.gif) left top no-repeat;}
#navcontainer li#research a:hover{background:url(../images/header/services/research.gif) left top no-repeat;}

#navcontainer li#prototypes a{width:110px;height:40px;
background:url(../images/header/services/prototypesblack.gif) left top no-repeat;}
#navcontainer li#prototypes a:hover{background:url(../images/header/services/prototypes.gif) left top no-repeat;}

#navcontainer li#documentation a{width:136px;height:40px;
background:url(../images/header/services/documentationblack.gif) left top no-repeat;}
#navcontainer li#documentation a:hover{background:url(../images/header/services/documentation.gif) left top no-repeat;}

#navcontainer li#interactive a{width:109px;height:40px;
background:url(../images/header/services/interactiveblack.gif) left top no-repeat;}
#navcontainer li#interactive a:hover{background:url(../images/header/services/interactive.gif) left top no-repeat;}

#navcontainer li#production a{width:108px;height:40px;
background:url(../images/header/services/productionblack.gif) left top no-repeat;}
#navcontainer li#production a:hover{background:url(../images/header/services/production.gif) left top no-repeat;}

/* Colors for Each 
0071bf - Product Design
159863 - FEA
224495 - Testing
5399b3 - Research
529d00 - Prototypes
735494 - Documentation
506081 - Interactive
9bb654 - Production

/*   Content Area Formatting  */
#left{
float:left;
width:285px;
position:relative;
color:#fff;

font-weight:normal;
}
#right{
float:left;
background-color:#fff;
width:660px;
padding-left:15px;
padding-right:10px;
padding-bottom:0px;
}
#leftfont{font:175%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
padding:15px;padding-right:10px;letter-spacing:-1px;padding-top:0;line-height:1.4em;margin-right:10px;
}
#leftfonthome{font:100%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
padding:10px;letter-spacing:0px;line-height:1.5em;}
#leftfontname{
font:85% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
font-style:italic;
margin-left:20px;
margin-top:5px;
margin-right:5px;}

* html #leftfont {padding-top:.5em;}

#title {
margin-top:10px;
font:200%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
color:#865c34;
}
#image {
float:right;
padding-left:5px;
}
#arrowlarge {float:left;margin-top:.225em;margin-right:.25em;}





/* Bottom Tabs */
#bottomtabswrapper{
width:660px;
height:auto;

border-top:4px solid #ab8e72;
margin-left:auto;
margin-right:auto;
padding-bottom:-1em;
margin-top:10px;
}

#box {clear:all;}
.stretcher {
	background: none !important;
	background: #fff;
}

h3 {
float:left;
background:url(../images/bottomtabs3.gif) left top no-repeat;
color:#fff;
margin-left:1px;
text-align:center;
font:80% Verdana, Arial, Helvetica, sans-serif;
position:relative;
top:-1em;
}

.tabnormal{background:url(../images/bottomtabs3.gif) left top no-repeat;}
.tabselected{background:url(../images/bottomtabs4.gif) left top no-repeat;}


* html h3 { 
padding-bottom:1em;
top:0;
font:77.5% Verdana, Arial, Helvetica, sans-serif;;
}



h3 a {
height:25px;
width:130px;
display: block;
text-decoration:none;
color:#fff;
margin-top:2px;
}
h3 a:hover {text-decoration:none;color:#fff;}
h3 a:active {text-decoration:none;color:#fff;}
h3 a:visited {text-decoration:none;color:#fff;}

h3 a.moveup {position:relative;top:-4px;}

h2{
margin-bottom:-10px;
margin-top:-.3em;

font:175%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
color:#865c34;
}

/*   Footer   */
#sitemap{float:left;margin-left:10px;}
#sitemap a {color:#fff;}
#copyright{float:right;}


#footer{
clear:both;
width:950px;
height:45px;
background:url(../images/footer/fade.gif) left top repeat-x;
font:100% Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
line-height:25px;
padding-right:20px;
}