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

html
{
padding:0;
margin:0;
}

body
{
margin:0;
padding:0;
background:url(roles-bg.jpg) no-repeat top center;
font:0.75em arial,sans-serif;
}

#top
{
width:900px;
height:420px;
margin:0 auto;
overflow:hidden;
}

#logo
{
float:left;
width:174px;
margin:40px 0 0 0;
}

#title
{
float:left;
margin:100px 0 0 0;
width:800px;
}

#title h1
{
padding:0;
margin:0;
font:9.4em Georgia;
font-weight:normal;
color:#FFF;
}

#title h2
{
padding:0;
margin:-10px 0 0 0;
font:1.95em Georgia;
font-weight:normal;
color:#FFF;
}

#copy
{
width:900px;
margin:24px auto 24px auto;
overflow:hidden;
}

#copy p
{
width:700px;
padding:0;
margin:0 0 8px 0;
line-height:160%;
color:#666666;
}

#energy
{
height:54px;
margin:10px 0 0 0;
overflow:hidden;
background: url(bg-energyroles.jpg) no-repeat top center;
cursor:pointer;
}

#engineering
{
height:54px;
margin:10px 0 0 0;
overflow:hidden;
background: url(bg-engineeringroles.jpg) no-repeat top center;
cursor:pointer;
}

#green
{
height:54px;
margin:10px 0 0 0;
overflow:hidden;
background: url(bg-greenroles.jpg) no-repeat top center;
cursor:pointer;
}

#rec
{
height:54px;
margin:10px 0 0 0;
overflow:hidden;
background: url(bg-recroles.jpg) no-repeat top center;
}

#it
{
height:54px;
margin:10px 0 0 0;
overflow:hidden;
background: url(bg-itroles.jpg) no-repeat top center;
}

.content
{
width:900px;
height:40px;
margin:14px auto 0 auto;
overflow:hidden;
}

a,a:visited
{
text-decoration:none;
}

.content a,.content a:visited
{
color:#fff;
}

.content h3
{
padding:0;
margin:0;
font:1.7em Georgia;
font-weight:normal;
color:#FFF;
}

.content h3 span
{
padding:0;
margin:0;
font:0.75em Arial;
font-weight:normal;
color:#FFF;
}

#footer
{
height:54px;
margin:10px 0 0 0;
overflow:hidden;
background:#989898;
}

#footer-nav
{
width:900px;
height:36px;
margin:18px auto 0 auto;
padding:0;
overflow:hidden;
}

#footer-nav ul
{
float:left;
padding:0;
margin:0;
list-style-type:none;
}

#footer-nav li
{
float:left;
display:inline;
padding:0 14px 0 12px;
margin:0;
background:url(nav-sep.gif) right 1px no-repeat;
}

#footer-nav li a,#footer-nav li a:visited
{
color:#FFF;
text-decoration:none;	
}

#footer-nav li a:hover
{
color:#FFF;
text-decoration:none;
}

#footer-nav li.f
{
float:left;
display:inline;
padding:0 14px 0 0;
margin:0;
background:url(nav-sep.gif) right 3px no-repeat;
}

#footer-nav li.l
{
float:left;
display:inline;
padding:0 0 0 12px;
margin:0;
background:0;
}

#notice
{
width:900px;
height:40px;
margin:24px auto 0 auto;
overflow:hidden;
}

#notice img
{
float:left;
margin:0 10px 0 0;
}

#notice p
{
padding:0;
margin:0;
font:1em Arial;
font-weight:normal;
color:#757575;
}