<!-- 
html,body{
background:#E0E0E0 url(/dev/images/layout/bg.png) repeat left top;
margin:0px;
padding:0px;
font-family:Tahoma,Helvetica,Verdana,Sans-Serif;
font-size:11px;
color:#627074;
}

h1{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 18px;
background:url(/dev/images/layout/bg.heading.gif) no-repeat left 3px;
}
h2{
font-size:1.4em;
margin:0px 0px 5px 0px !important;
padding:0px 0px 0px 18px;
background:url(/dev/images/layout/bg.heading.gif) no-repeat left 3px;
}

a:link, a:active, a:visited{
color:#F57C2F;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

ul{
position:relative;
margin:0px 0px 15px 0px;
padding:0px;
list-style:none;
}
ul li{
padding:0px 0px 0px 5px;
background:url(/dev/images/layout/bg.bullet.B.gif) no-repeat left 7px;
}

label{
display:block;
}

#wrapper{
position:relative;
text-align:center;
}
#main{
position:relative;
width:735px;
margin:0px auto;
text-align:left;
}
#header{
position:relative;
background:url(/dev/images/layout/bg.header.jpg) no-repeat left top;
width:735px;
height:403px;
}
#header .logo{
position:relative;
display:block;
background:url(/dev/images/layout/logo.gif) no-repeat right top;
width:100%;
height:95px;
float:right;
text-align:right;
}

#header .navigation{
position:relative;
width:140px;
float:left;
}
.navigation ul{
margin:0px;
padding:10px 0px 0px 0px;
list-style:none;
}
.navigation ul li{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 40px;
height:21px;
background:none no-repeat 15px top !important;
}
.navigation ul li:hover{
background:url(/dev/images/layout/nav.on.gif) no-repeat 15px top;
}
.navigation ul li.on{
background:url(/dev/images/layout/nav.on.gif) no-repeat 15px top !important;
}
.navigation ul li a:link, .navigation ul li a:active, .navigation ul li a:visited{
font-size:16px;
font-weight:bold;
color:#fff;
text-decoration:none;
}
.navigation ul li a:hover{
color:#F4D006;
}
#header .headerimage{
position:relative;
display:block;
width:595px;
height:182px;
float:left;
text-align:right;
background:#B9B9B9 url(/dev/images/fillers/news.jpg) no-repeat left top;
}

#header .logo img{
margin:63px 170px 0px 0px;
}
#header .headerimage img{
margin:3px 134px 0px 0px;
}
#header .headerimage .actionitem{
width:230px;
float:right;
text-align:left;
padding:5px 0px 0px 0px;
text-transform:uppercase;
}
#header .headerimage .actionitem img{
margin:0px !important;
}
#header .headerimage .actionitem a{
}
#header .headerimage .actionitem a:hover{
text-decoration:none !important;
}
#index.headerimage{
background:#959595 url(/dev/images/fillers/index.jpg) no-repeat left top;
}
#aboutus.headerimage{
background:#959595 url(/dev/images/fillers/about.jpg) no-repeat left top;
}
#contact.headerimage{
background:#959595 url(/dev/images/fillers/contact.jpg) no-repeat left top;
}
#services.headerimage{
background:#959595 url(/dev/images/fillers/services.jpg) no-repeat left top;
}
#projects.headerimage{
background:#959595 url(/dev/images/fillers/projects.jpg) no-repeat left top;
}
#news.headerimage{
background:#959595 url(/dev/images/fillers/news.jpg) no-repeat left top;
}
#privacypolicy.headerimage{
background:#959595 url(/dev/images/fillers/privacypolicy.jpg) no-repeat left top;
}
#termsofbusiness.headerimage{
background:#959595 url(/dev/images/fillers/termsofbusiness.jpg) no-repeat left top;
}
#suppliers.headerimage{
background:#959595 url(/dev/images/fillers/suppliers.jpg) no-repeat left top;
}

#header .title{
position:relative;
display:block;
clear:both;
width:370px;
margin:0px 0px 0px 260px;
padding:10px 0px 0px 0px;
}
#header .title h1{
margin:0px 0px 5px 0px;
padding:0px 0px 5px 0px !important;
color:#FDFEFD;
font-size:18px;
background:url(/dev/images/layout/title.underline.gif) repeat-x left bottom !important;
}
#header .title h2{
margin:0px;
padding:0px 0px 5px 0px !important;
font-size:14px;
color:#EDE9D6;
background:none repeat-x left bottom !important;
}
#header .title p{
margin:0px;
padding:0px;
}
#panel_left{
position:relative;
width:230px;
float:left;
text-align:left;
padding:0px 0px 0px 0px;
}
#panel_left img{
padding:0px 0px 0px 95px;
}
#panel_right{
position:relative;
width:470px;
float:left;
padding:10px 0px 10px 35px;
background:#fff;
border-bottom:solid #F38049 2px;
}
#footer{
position:relative;
width:470px;
float:right;
color:#858B8C;
padding:10px 0px 10px 35px;
}
#footer a{
color:#858B8C;
}
#footer a.on{
font-weight:bold;
}
.orange{
color:#F57C2F !important;
}
.yellow{
color:#FEE301 !important;
}

/* ----- LISTS ----- */
ul.news{
position:relative;
margin:0px 0px 15px 0px;
padding:0px;
list-style:none;
width:157px;
}
ul.news li{
background:url(/dev/images/layout/bg.list.gif) repeat-x left bottom;
padding:5px 0px 5px 0px;
}
.date{
padding:0px 0px 5px 0px;
color:#F57C2F !important;
font-size:10px;
}
.title{
font-weight:bold;
}
.body{
}
.link{
text-align:right;
}

ul.featuredproject{
position:relative;
margin:0px 0px 15px 0px;
padding:0px;
list-style:none;
width:157px;
}
ul.featuredproject li{
background:none repeat-x left bottom !important;
padding:5px 0px 5px 0px;
}
ul.featuredproject .date{
padding:0px 0px 5px 0px;
color:#F57C2F !important;
font-size:10px;
}
ul.featuredproject .title{
font-weight:bold;
color:#F57C2F;
}
ul.featuredproject .body{
}
ul.featuredproject .link{
text-align:right;
}

ul.projects{
position:relative;
margin:0px 0px 15px 0px;
padding:0px;
list-style:none;
width:157px;
}
ul.projects li{
background:none repeat-x left bottom !important;
padding:5px 0px 5px 0px;
clear:both;
}
ul.projects .date{
padding:0px 0px 5px 0px;
color:#F57C2F !important;
font-size:10px;
}
ul.projects .title{
font-weight:bold;
color:#F57C2F;
}
ul.projects .body{
}
ul.projects .link{
text-align:right;
}
ul.projects li img.thumb{
border:solid #000 1px;
float:left;
margin:0px 5px 0px 0px;
width:65px;
height:60px;
}

ul.suppliers{
position:relative;
margin:0px 0px 15px 0px;
padding:0px;
list-style:none;
width:157px;
}
ul.suppliers li{
background:none repeat-x left bottom !important;
padding:5px 0px 5px 0px;
}
ul.suppliers .date{
padding:0px 0px 5px 0px;
color:#F57C2F !important;
font-size:10px;
}
ul.suppliers .title{
font-weight:bold;
color:#F57C2F;
}
ul.suppliers .body{
}
ul.suppliers .link{
text-align:right;
}
/* ----- END LISTS ----- */

.clear{
clear:both;
}

img.thumb{
border:solid #000 1px;
margin:0px 5px 0px 0px;
width:65px;
height:60px;
}
-->