* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
background:#fff url(images/bg.jpg);
}

p{line-height:20px; padding:5px;}
h1{ font-size:30px}
h4{font-size:20px}
input{width:50%;}
textarea{width:70%; height:100px;}
label{margin-bottom:10px;}
a{color:#d7c484; text-decoration:underline;}
a:hover{color:#d7c484; text-decoration:underline;}

#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #333;
 width: 922px;
 float: left;
 padding: 0px;

 height: 152px;
 margin: 0px 0px 5px 0px;

}

#logo{width:460px; float:left;}
#contactdetails{width:367px;float:left; height:60px; margin:67px 10px 0px 10px; color:#FFFFFF; text-align:right;}
#contactdetails h4{ font-size:18px;}
#contactdetails a{text-decoration:none; color:#FFFFFF;}
#accreditations{width:69px;float:left; background-color:#000000; height:107px; padding:20px 3px 3px 3px;}



#navigation {
 float: left;
 width: 902px;
 color: #333;
 padding: 10px 10px 0px 10px;
 margin: 0px 0px 0px 0px;

}

#navigationlist {
  color: #ffffff;
  font-size: 22px;
font-weight:bold;
  margin: 0px;
  padding: 0;
  width:900px;
  list-style: none;
  text-align: left;
text-transform:uppercase;
}
#navigation li {display: inline; padding: 0px 23px 0px 23px; width: 100%;}
#navigation a:link, #navigation a:visited {text-decoration: none; color: #ffffff; }
#navigation a:hover, #navigation a:active, #navigation .active a:link, #navigation .active a:visited {text-decoration: underline;  color:#ffffff;}

#banner {
 color: #333;
 width: 902px;
 float: left;
 padding: 10px 10px 10px 10px;
 height: 202px;
 margin: 0px 0px 5px 0px;
 background: url(images/fadedblackbg.png);
}
#pagename {
 color: #fff;
 width: 900px;
 float: left;
 padding: 0px 10px 0px 10px;
 margin: 15px 0px 15px 0px;
 background: None;
}

#leftcolumn { 
 color: #fff;

 background:none;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 min-height: 510px;
 width: 430px;
 float: left;
 background: url(images/fadedblackbg.png);
}
#ourworkincludes{width:100%;  border-top: 1px solid #fff; padding:10px 0px; margin-top:10px;}
table.worklist{margin-top:10px;}
.worklist td{padding:10px 20px;}

#content { 
 float: left;
 color: #fff;

 background: url(images/fadedblackbg.png);
 margin: 0px 0px 5px 0px;
 padding: 10px;
 min-height: 510px;
 width: 446px;
 display: inline;
}
#leftcolumnhome { 
 color: #fff;

 background:none;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 min-height: 450px;
 width: 430px;
 float: left;
 background: url(images/fadedblackbg.png);
}
#contenthome { 
 float: left;
 color: #fff;

 background: url(images/fadedblackbg.png);
 margin: 0px 0px 5px 0px;
 padding: 10px;
 min-height: 450px;
 width: 446px;
 display: inline;
}
#leftcolumncontact { 
 color: #fff;

 background:none;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 min-height: 400px;
 width: 430px;
 float: left;
 background: url(images/fadedblackbg.png);
}
#contentcontact { 
 float: left;
 color: #fff;

 background: url(images/fadedblackbg.png);
 margin: 0px 0px 5px 0px;
 padding: 10px;
 min-height: 400px;
 width: 446px;
 display: inline;
}

#title1 { 
 color: #fff;
 background:none;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 min-height: 40px;
 width: 430px;
 float: left;

}

#title2 { 
 float: left;
 color: #fff;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 min-height: 40px;
 width: 446px;
 display: inline;
}

.portfolioitem{width:96%;  height:130px; padding:2%; margin-bottom:10px; border:1px solid #fff;}
.portimage{width:30%; margin-right:5%; height:100px;  float:left;}
.portimage img{border:none;}
.portdescription{width:63%; height:85px;float:right; padding:0% 1%;}
.clicktoview{width:96%; padding:2%; text-align:right;float:right;}
.linkblock{display:block; text-decoration:none;}


.portfolioitemspacer{width:96%;  height:130px; padding:2%; margin-bottom:12px; border:none;}

#footer { 
 width: 900px;
 clear: both;
 color: #fff;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 background:none;
 margin: 0px 0px 10px 0px;
 padding: 15px 11px 10px 11px;
min-height:20px;
font-size:10px;

}
#footer a{ color:#d7c484;}

#footerleft{width:50%; float:left}
#footerright{width:50%; float:right; text-align:right;}


#lists
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#lists li
{
padding-top: 15px;
padding-left: 35px;
height:30px;
background-image: url(images/constructionicon.png);
background-repeat: no-repeat;
background-position: 0 .5em;
font-weight:bold;
font-size:13px;
}

blockquote {
    color: #d5cdb0;
    font-weight: bold;
    font-style: italic;
    margin: 1em 3em; }
blockquote p:before {
    content: '"'; }
blockquote p:after {
    content: '"'; }

.error {
	border: 1px solid #f00;
    background-color: none;
padding:5px; width:100%;
}






