body{
background-color:#000000;
margin:0px;
padding:0px;
text-align:center;

}

h1{
font-family: Georgia,Helvetica, Verdana, Times, serif;
color:#fff;
font-size: 22px;
font-weight:normal;
margin:0px;
padding:20px 0 0 10px;

}

h2{
font-family: Georgia,Helvetica, Verdana, Times, serif;
font-size:20px;
font-weight: normal;
line-height:12px;
text-decoration:none;
color:#00CCCC;
margin: 0px;
padding: 0px 0 0px 0;
}
ul{
margin:0px;
padding:0px;
}
div{
margin:0px;
padding:0px;
}

/*
main container
margin-right:auto for firefox
*/
.container{
margin-right:auto;
margin-left:auto;
width:771px;
}
.headcontainer{
width:802px;
height: 92px;
}

.headlogo{
position:relative;
float:left;
margin-left:15px;
margin-top:10px;

}

.headnav{
position:relative;
float:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
}

.headnav ul{
margin-top:50px;
padding:0px;
}

.headnav li{
background-color:#000000;
color:#FFFFFF;
float:left;
text-decoration:none;
display:block;
width:8em;
padding-top:5px;
padding-right:2px;

}

.headnav li a:link{
background-color:#222222;
color:#fff;
text-decoration:none;
display:block;
width:8em;
padding-top:5px;
padding-bottom:18px;
}

.headnav li a:visited{
background-color:#222222;
color:#fff;
text-decoration:none;
display:block;
width:8em;
padding-top:5px;
padding-bottom:18px;
}

.headnav li a:hover{
background-color:#00CCFF;
color:#666666;
text-decoration:none;
display:block;
width:8em;
padding-top:5px;
padding-bottom:18px;

}

.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}

.bodycontainer{
width:802px;
background-color:#1d1d1d;
height:100%;
text-align:left;

}


.leftcolumn{
position:relative;
width:215px;
margin: 10px 0 0 10px;
padding:0px;
text-align:left;
float:left;
}


.projectsnavcontainer{
padding: 20px 10px 0 30px;
width:200px;
position:relative;
float:left;
}

.projectimagecontainer{
width:500px;
height: 300px;
background-color:#1d1d1d;
padding-left:20px;
}


.rightcolumn
{
position:relative;
width:500px;
float:left;
padding: 20px 20px 0 10px;
}





.phone{
margin: 5px 0 0 15px;
padding:0px;
position:relative;
width:200px;
float:left;
}

.tagline{
margin:0px;
padding:0px;
position:relative;
float:right;
width: 300px;
position:relative;
}

.footercontainer{
width:771px;
height:75px;
background-color:#000;
}

.footernav{
position:relative;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
}

.footernav ul{
margin-top:15px;
padding:0px;
}

.footernav li{
background-color:#000000;
color:#FFFFFF;
float:left;
text-decoration:none;
display:block;
width:9em;
padding-top:5px;
}

.footernav li a:link{
background-color:#000000;
color:#FFFFFF;
text-decoration:none;
display:block;
width:9em;
padding-top:5px;
}



.footernav li a:visited{
background-color:#000000;
color:#FFFFFF;
text-decoration:none;
display:block;
width:9em;
padding-top:5px;
}

.footernav li a:hover{
background-color:#000000;
color:#FFFFFF;
text-decoration:underline;
display:block;
width:9em;
padding-top:5px;
padding-bottom:15px;
}

.footerlogo{
float:right;
position:relative;
margin: 0 25px 0 0;
padding:0px;


}

.projectcontainer{
height:340px;
border: solid 1px #fff;
}

.projectsnavtopbar{
position:relative;
width:200px;
height:2px;
background-color:#666666;
padding:0px;
margin:0px;
}


.itemcontainer{
width:198px;
height:50px;
position:relative;
margin:1px 0px 1px 0px;
padding-left:3px;
}


.itemcontainer img{
padding:2px 0 2px 0;
}

.itemtext{
width:123px;
position:relative;
float:left;
font-family: Helvetica,Verdana,"Times New Roman", Times, serif;
color:#FFFFFF;
font-size: 12px;
line-height:18px;
font-weight:normal;
}

.itemtext2{
font-family: Helvetica,Verdana,"Times New Roman", Times, serif;
color:#FFFFFF;
font-size: 12px;
line-height:18px;
font-weight:normal;
padding: 0px 0 0 45px;
}


.itemimage{
width:73px;
position:relative;
float:left;
}

.itemdivider{
width:200px;
height:1px;
background-color:#333333;
position:relative;

}

.projectimagecontainer{
width:500px;
height: 300px;
background-color:#1d1d1d;
}

.projectdetails{
position:relative;
width:400px;

padding:4px 0 0 0;
width:100%;
}

.projdetailstext{
position:relative;
width:250px;
float:left;
text-align:right;
height: 100px;

}

.projdetailstext ul{
margin:0px;
padding:0px;
}

.projdetailstext li{
list-style-type:none;
font-family: Helvetica,Verdana,"Times New Roman", Times, serif;
color:#CCCCCC;
font-size: 12px;
line-height:18px;
font-weight:normal;
}


.projdetailsname{
padding: 10px 20px 10px 40px;
float:left;
position:relative;
width:200px;
color:#999999;
font-family: Helvetica,Verdana,"Times New Roman", Times, serif;
font-size: 11px;
line-height:18px;
font-weight:normal;
text-align:left;
}

.smallorange{
font-family: Helvetica,Verdana,"Times New Roman", Times, serif;
font-size: 11px;
color:#CCCCCC;

}

.smallorange a{
font-family: Helvetica,Verdana,"Times New Roman", Times, serif;
font-size: 11px;
color:#FFCC33;
}

.footeraddress{
width:771px;
color:#666666;
height:75px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
background-color:#000;
}