@charset "utf-8";
/* CSS Document */

body {
background-color:#000000;
}

.container {
margin: 0 auto;
width: 974px;
}

.header {
width: 974px;
height: 234px;
background-image: url(../images/headers/ceg_header.jpg);
background-repeat:no-repeat;
}

.header_nav{
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:14px;
}

.header_nav ul {
list-style-type:none;
}

.header_nav li{
display:inline;
padding: 0px 2px 0px 2px;
}

.nav_wrap {
width:974px;
height:33px;
float: left;
}

.nav_item{
width:239px;
padding: 0px 2px 0px 2px;
height:35px;
float:left;
text-align:center;
}

.nav_wrap ul {
list-style-type:none;
padding: 0px;
margin: 0px;
}

.nav_wrap li{
display:inline;
}

.portfolio_nav_wrap {
width:239px;
height:33px;
margin-top:15px;
float: left;
}

.portfolio_nav_item{
width:190px;
height:33px;
padding:10px 0px 40px 0px;
float:left;
text-align:center;
}

.panel {
width: 239px;
height: 464px;
padding:2px;
text-align:center;
float:left;
}

.footer {
width:974px;
height: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align: right;
color: #FFFFFF;
float:left;
}

.bar {
width: 974px;
height: 10px;
background-image:url(../images/footer.jpg);
float:left;
}

.content_wrap {
width: 974px;
height:auto;
float: left;
}

.content_left {
width:380px;
height:auto;
float:left;
margin-top:30px;
padding:5px 100px 5px 5px;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:12px
}

.content_right {
width:210px;
height:auto;
float:left;
margin-top:30px;
padding:5px 5px 5px 10px;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:12px;
border-left:#FFFFFF 1px solid;
}

.title{
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:14px;
font-weight:bold;
}

.photo {
width: 191px;
height: 101px;
border: 1px solid #FFFFFF;
margin: 5px;
padding: 1px;
float:left;
}

.portfolio_left {
width:620px;
height:auto;
float:left;
margin-top:30px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:12px
}

#graphic
{
  display: block;
  width: 239px;
  height: 29px;
  background: url(../images/headers/graphic_header.png) no-repeat 0 0;

}

#graphic:hover
{ 
  background-position: 0 -29px;
}



#digital
{
  display: block;
  width: 239px;
  height: 29px;
  background: url(../images/headers/digital_header.png) no-repeat 0 0;

}

#digital:hover
{ 
  background-position: 0 -29px;
}

#signage
{
  display: block;
  width: 239px;
  height: 29px;
  background: url(../images/headers/signage_header.png) no-repeat 0 0;

}

#signage:hover
{ 
  background-position: 0 -29px;
}

#services
{
  display: block;
  width: 239px;
  height: 29px;
  background: url(../images/headers/vehicle_graphics_header.png) no-repeat 0 0;

}

#services:hover
{ 
  background-position: 0 -29px;
}

#graphicportfolio
{
  display: block;
  width: 190px;
  height: 29px;
  background: url(../images/headers/graphic_portfolio_header.png) no-repeat 0 0;

}

#graphicportfolio:hover
{ 
  background-position: 0 -29px;
}

#webportfolio
{
  display: block;
  width: 190px;
  height: 29px;
  background: url(../images/headers/web_portfolio_header.png) no-repeat 0 0;

}

#webportfolio:hover
{ 
  background-position: 0 -29px;
}

#printportfolio
{
  display: block;
  width: 190px;
  height: 29px;
  background: url(../images/headers/print_portfolio_header.png) no-repeat 0 0;

}

#printportfolio:hover
{ 
  background-position: 0 -29px;
}

#signageportfolio
{
  display: block;
  width: 190px;
  height: 29px;
  background: url(../images/headers/signageportfolio_header.png) no-repeat 0 0;

}

#signageportfolio:hover
{ 
  background-position: 0 -29px;
}

#vehiclegraphics
{
  display: block;
  width: 190px;
  height: 29px;
  background: url(../images/headers/vehicle_graphics_portfolio.png) no-repeat 0 0;

}

#vehiclegraphics:hover
{ 
  background-position: 0 -29px;
}

a:link {color: #FFFFFF; text-decoration:none;}     /* unvisited link */
a:visited {color: #FFFFFF; text-decoration:none;}  /* visited link */
a:hover {color: #939598; text-decoration:none;}   /* mouse over link */
a:active {color: #939598; text-decoration:none;}   /* selected link */