/* ----------- */
/*  Structure  */
/* ----------- */

BODY {
margin:0px;
padding:0px;
background: #25211e url(../images/construct/bigbackground.jpg) 100px 0px repeat-x;
background-attachment:fixed;
}
#container  {
width:100%;
padding-top:10px;
}
#pagearea {
width:884px;
border:8px solid white;
margin:auto;
position:relative;
}
#topshadow {
margin:auto;
width:900px;
}
#bottomshadow {
margin:auto;
width:900px;
}


#menu {
background:#ffc20e;
height:30px;
border-bottom:8px solid white;
padding-left:10px;
}
#content {
background:#dfdfdf;
border-bottom:8px solid white;

}


/* -------- */
/*  Footer  */
/* -------- */

#footer {

	background:#312c26;
	height:106px;
	margin:0px;
	padding:0px;
}

#footerleft {
	float:left;
	width:225px;
	margin-top:5px;

}

#footermiddle {
	float:left;
	width:434px;
	margin-top:30px;
}

#footerright {
	width:150px;
	margin-top:5px;
	float:right;
	text-align:right;
}

#footerleft ul {
	margin-top:0px;
	margin-left:10px;
	font-family:"Trebuchet MS", Helvetica, Arial, Sans-Serif;;
	font-size:10px;
	letter-spacing:1.5px;
	line-height:12px;
	color:#eeeeee;
}
#footer ol {
	margin-top:0px;
	margin-left:5px;
	font-family:"Trebuchet MS", Helvetica, Arial, Sans-Serif;;
	font-size:10px;
	letter-spacing:1.5px;
	line-height:12px;
	color:#eeeeee;
}
#footerleft li {
	font-family:"Trebuchet MS", Helvetica, Arial, Sans-Serif;;
	font-size:10px;
	letter-spacing:1.5px;
	line-height:11px;
	color:#eeeeee;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:1px 4px 2px 0px;
}
#footer ul li:hover {
	text-indent:5px;
}
#footer a, #footer a:link, #footer a:visited{
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover, #footer a:active {
	color:#aeb888;
	text-decoration:none;
}
#footermiddle p {
	text-align:center;
	color:#CCCCCC;
	font-size:10px;
}
#footerright p {
	padding:2px 0px 2px 0px;
	text-align:center;
	color:#CCCCCC;
	font-size:11px;
}
#footerright table {
	margin-left:45px;
}

#footerright table tr td {
	padding:2px;
}

/* --------- */
/* Main Menu */
/* --------- */

a.home {
	float:left;
	width: 71px;
	height: 30px;
	background: url("../images/construct/home.gif") 0 0 no-repeat;
	text-decoration: none;
	background-position:  0px 0px;	
}
a:hover.home {
	background-position:  0px -30px;
}

a.about {
	float:left;
	width: 95px;
	height: 30px;
	background: url("../images/construct/aboutus.gif") 0 0 no-repeat;
	text-decoration: none;
	background-position:  0px 0px;	
}
a:hover.about {
	background-position: 0px -30px ;
}

a.careers {
	float:left;
	width: 83px;
	height: 30px;
	background: url("../images/construct/careers.gif") 0 0 no-repeat;
	text-decoration: none;
	background-position:  0px 0px;
}
a:hover.careers {
	background-position: 0px -30px ;
}
a.contact {
	float:left;
	width: 109px;
	height: 30px;
	background: url("../images/construct/contactus.gif") 0 0 no-repeat;
	text-decoration: none;
	background-position:  0px 0px;	
}
a:hover.contact {
	background-position: 0px -30px ;
}

a.services {
	float:left;
	width: 90px;
	height: 30px;
	background: url("../images/construct/services.gif") 0 0 no-repeat;
	text-decoration: none;
	background-position:  0px 0px;	
}
a:hover.services {
	background-position: 0px -30px ;
}

a.intelligrout {
	float:left;
	width: 116px;
	height: 30px;
	background: url("../images/construct/intelligrout.gif") 0 0 no-repeat;
	text-decoration: none;
	background-position:  0px 0px;	
}
a:hover.intelligrout {
	background-position: 0px -30px ;
}

a.map {
	float:left;
	width: 149px;
	height: 30px;
	background: url("../images/construct/interactivemap.gif") 0 0 no-repeat;
	text-decoration: none;
	background-position:  0px 0px;	
}
a:hover.map {
	background-position: 0 -30px ;
}

.projectshowleft {
width:460px; float:left;
}
.projectshowright {
width:400px; float:right;
}