/* essentials
------------------------------------------------------------------*/

body {
background-image: url("images/bg.gif");
background-repeat: repeat-x;
font-family:arial;
font-size:12px;
text-decoration:none;
padding:0px;
margin:0px;
text-align: center;
}

#headimage{
background: url("images/topbanner.jpg");
position:absolute;
top:0px;
left:0px;
width:589px;
height:98px;
}

h1{
font-size:18px;
font-weight:bold;
color:#B7BD99;
}

h2{
font-size:18px;
font-weight:bold;
color:#B7BD99;
}

h4{
margin:0px;
padding:0px;
color:#999999;
margin-left:22px;
font-weight:normal;
margin-top:5px;
margin-bottom:2px;
font-size:12px;
font-family:arial;
}

h5{
font-weight:bold;
text-decoration:none;
color:#81957B;
font-size:11px;
padding:0px;
margin:0px;
}

.rightcolbreaker{
float:left;
width:260px;
height:20px;
}




/* layout
------------------------------------------------------------------*/


#wrapper{
margin-left: auto;
margin-right: auto;
width:950px;
text-align:left;
padding-left:20px;
background-repeat: no-repeat;
background-position:right;
}

#left{
width:560px;
float:left;
margin-top:5px;
}


#left p{
width:450px;
line-height:1.6em;
color:#B7BD99;
}


#right{
width:260px;
float:left;
position:relative;
bottom:80px;
}



/* navigation
------------------------------------------------------------------*/

.navtab{
	float:left;
	width:350px;
}

.navleft {
background: url("images/navleft.gif") no-repeat;
float:left;
height:30px;
width:12px;
}

.navcentre {
background: url("images/navcentre.gif") repeat-x;
float:left;
height:30px;
padding:7px 10px 0 10px;
}

.navright {
background: url("images/navright.gif") no-repeat;
float:left;
height:30px;
width:38px;
margin-right:10px;
}




#nav a{
font-weight:bold;
text-decoration:none;
color:#81957B;
font-size:11px;
}

#nav a:hover{
color:#BAE1AD;
}

#nav{
position:relative;
bottom:70px;
float:left;
width:950px;
}

a.vcars{
color:#B7BD99;
}


/* footer
------------------------------------------------------------------*/

#footer {
background:#F4F7E6;
text-align:center;
padding:.5em;
margin:2em 0 0 0;
clear:both;
height:100px;
position:relative;
bottom:220px;
}

.footer{
font-family:times;
font-style:italic;
font-size:30px;
color:#E2E6CD;
margin-top:50px;
margin-left:40px;
}

#pinup{
position:relative;
float:left;
z-index:9;
width:500px;
}

#label{
position:relative;
left:200px;
top:75px;
width:311px;
}

#xhtml{
position:relative;
float:left;
z-index:9;
width:827px;
top:20px;
text-align:right;
color:#666666;
}



/* latest projects
------------------------------------------------------------------*/

#latestproject{
float:left;
width:500px;
margin-bottom:90px;
}

.latestproject{
float:left;
width:500px;
border:0px;
border-top:1px;
border-bottom:1px;
border-style:dashed;
height:90px;
margin-top:25px;
border-color:#c0c0c0;
background-color:#E7F3BD;
}

.latestprojectdesc{
position:relative;
left:10px;
color:#A0A68C;
line-height:1.6em;
font-size:11px;
}

.latestprojectdesc h3{
color:#D1DEAC;
padding:0px;
margin:0px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:14px;
}

.latestprojectimg{
margin-top:8px;
float:left;
margin-left:8px;
}

#latestproject a{
font-weight:bold;
text-decoration:none;
color:#81957B;
font-size:11px;
}

#latestproject a:hover{
color:#BAE1AD;
}

#latestproject h3 a{
color:#A0A68C;
padding:0px;
margin:0px;
margin-top:10px;
margin-bottom:10px;
font-family:arial;
font-size:11px;
font-weight:normal;
text-decoration:underline;
}

#latestproject h3 a:hover{
color:#c0c0c0;
}

/* contact
------------------------------------------------------------------*/


#contact{
position:relative;
top:20px;
}

#contact a{
font-weight:bold;
text-decoration:none;
color:#81957B;
font-size:11px;
}

#contact a:hover{
color:#BAE1AD;
}

#contactmain{
float:left;
width:260px;
background-color:#F1FBC6;
}

#topcontact {
background-image: url("images/topcontact.gif");
background-repeat: no-repeat;
float:left;
background-color:#F1FBC6;
width:260px;
height:10px;
}

#bottomcontact {
background-image: url("images/bottomcontact.gif");
background-repeat: no-repeat;
float:left;
width:260px;
height:13px;
}

.contactinput{
border:1px;
width:210px;
color:#666666;
padding:2px;
font-size:11px;
margin-left:22px;
}

.contacttext{
border:1px;
width:210px;
color:#666666;
padding:2px;
font-size:11px;
margin-left:22px;
height:170px;
}

#send{
width:238px;
float:left;
margin-top:12px;
padding-left:22px;
}

.submit{
border:1px;
border-style:dashed;
padding:2px;
font-size:11px;
border-color:#9EBE41;
background-color:transparent;
color:#666666;
}

#advert_error{
float:left;
padding:22px;
color:#9EBE41;
}




/* services
------------------------------------------------------------------*/

#services a{
font-weight:bold;
text-decoration:none;
color:#81957B;
font-size:11px;
}

#services a:hover{
color:#BAE1AD;
}

img.latestimage{
margin-left:21px;
}

#servicesmain{
background-color:#F1FBC6;
width:260px;
float:left;
}

#topservices {
background-image: url("images/topcontact.gif");
background-repeat: no-repeat;
width:260px;
height:10px;
float:left;
background-color:#F1FBC6;
}

#bottomservices {
background-image: url("images/bottomcontact.gif");
background-repeat: no-repeat;
float:left;
width:260px;
height:13px;
}