/* BASE AND CONTENT STYLES */

html, body, #website 
{
background:#444;
height:100%;
margin:0px;
}

body, div, td, p 
{
font:20px/130% verdana, arial, sans-serif;
color:#444;
}


a, a:link, a:active, a:visited
{
color: #000;
text-decoration:underline;
}

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

#main
{
width: 980px;
margin:0px auto;
background:#fff;
}



#home
{
background: url('../images/bg_home.jpg') no-repeat #000;
}

#about
{
background:#aa7;
}

#capabilities
{
background:#eedd66;
}

#team
{
background: #cc9;
}

#about_copy
{
width:800px;
}

#contact
{
background: url('../images/bg_contact.jpg') no-repeat transparent;
}



#about_copy h1
{
color:#DC8F58;
margin:0px;
padding:0px;
font:italic 22px/130% "Garamond", "Garamond 3", "Adobe Garamond Pro",Times,'Times New Roman', serif;
font-weight:normal;
}

#home h1
{
color:#797360;
margin:0px;
padding:0px;
font:22px/130% "Garamond", "Garamond 3", "Adobe Garamond Pro",Times,'Times New Roman', serif;
font-weight:normal;
text-decoration:none;
}

#home h1 a
{
color:#bdb7a1;
margin:0px;
padding:0px;
font:22px/130% "Garamond", "Garamond 3", "Adobe Garamond Pro",Times,'Times New Roman', serif;
font-weight:normal;
text-decoration:none;

}


.column
{
display:block;
clear:both;
margin:20px auto;
width:800px;
}


.exp
{
clear:both;
width:800px;
margin:0px auto;
text-align:center;
padding-top:50px;

}

.exp .col1
{
clear:both;
width:800px;
text-align:left;
padding-bottom:50px;
}


.exp .col2
{
clear:both;
width:800px;
padding-bottom:130px;
}


h4
{
font:32px/34px arial, sans-serif;
color:#000;
margin:0px;
padding:0px;
clear:both;
}

.arrow
{
text-transform:uppercase;
font: 27px/29px arial, sans-serif;
color:#666;
margin:0px;
padding:0px;
display:inline;
}


.divider
{
clear:both;
height:100px;
background:#444;
page-break-after: always;
}

.divider a
{
display:block;
visibility:visible;
color:#fff;
text-align:center;
text-decoration:none;
}



#contact_card_tab
{
width:315px;
background:#fff;
padding:6px 20px;
margin-left:220px;
margin-top:125px;
height: 36px;
overflow:hidden;
border:3px solid #667766;
border-bottom:0;
font-size:30px;
line-height:36px;
}

#contact_card
{
width:500px;
padding:20px 30px;
margin-left:220px;
border:3px solid #667766;
border-top:0;
font-size:32px;
line-height:150%;
background:url('../images/olive_green.gif') no-repeat 355px 0px  #fff;
}

#contact_marker
{
display:none;
visibility:hidden;
}


#footer
{
color:#ccc;
font-size:10px;
text-align:center;
padding:50px;
height:50%;
}

#bios
{
margin-left:75px;
margin-top:50px;
width:800px;
}


.bio
{
background:#fff;
padding:10px 20px;
margin-bottom:20px;
border:3px solid #b2582c
}

ul.fosforus_list
{
margin:0px;
padding:0px;
list-style-type:none;
}

ul.fosforus_list li
{
padding-left:11px;
background:url('../images/bullet.gif') no-repeat 2px 3px transparent;
list-style-type:none;
display:block;
line-height:120%;
margin-bottom:8px;
}



/* NAVBAR STYLES */

#navbar
{
position:fixed;
top:30px;
left:50%;
margin-left:-490px;
z-index:9999;
width:980px;
text-align:center;
}


#navbar_inner
{
width:980px;
height:60px;
margin:0px auto;
text-align:left;
background:#444;
line-height:60px;
}

#links
{
font:26px/60px arial, sans-serif;
color:#777;
text-align:right;
float:left;
width:760px;
}

#links a, #links a:link, #links a:visited
{
color:#aaa;
text-decoration:none;
}

#links a:hover, #links a:active, #links a.on
{
color:#fff;
}

#shadow
{
margin:0px auto;
width:980px;
height:10px;
background:url('../images/bg_shadow.png') repeat-x transparent;
}

#experienceNav
{
visibility: hidden;
display:none;
position:fixed;
top:70px;
left:50%;
z-index:10000;
width:450px;
margin-left:-65px;
text-align:center;
height:20px;
font:13px/20px arial, sans-serif;
color:#aaa;
background:#595959;
border:2px solid #444;

}

#experienceNav a, #experienceNav a:link, #experienceNav a:visited
{
color:#aaa;
text-decoration:none;
}

#experienceNav a:hover, #experienceNav a:active, #experienceNav a.on
{
color:#fff;
}



/* FORM STYLES */