/* SJB Construction CSS Document */
body {
 margin:0px;
 padding:0px;
 font-family:Tahoma;
 font-size:12px;
 color:#FFFFFF;
 background:#333333 url(images/background.jpg) repeat;
}

#container {
 width:980px;
 margin:0px auto;
 padding:0px;
 background:#D11709 url(images/container.gif) repeat-x top left;
 overflow:hidden;
}

#header {
 width:965px;
 background:url(images/header.gif) no-repeat top left;
 overflow:hidden;
 margin:0px auto;
 padding:0px;
 margin-top:5px;
}

#header h1 {
 float:left;
 width:347px;
 height:109px;
 background:url(images/logo.jpg) no-repeat top left;
 margin:10px 0px 10px 10px;
 padding:0px;
}

#header h1 a {
 width:347px;
 height:109px;
 text-indent:-10000px;
 display:block
}

#header ul {
 width:440px;
 float:right;
 margin:55px 0px 0px 0px;
 padding:0px;
 list-style:none;
}

#header ul li {
 float:left;
 margin:0px 15px 0px 0px;
 padding:0px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:15px;
 font-weight:600
}

#header ul li a { color:#2B0502; text-decoration:none }
#header ul li a:hover { color:#2B0502; text-decoration:underline }
#header p.clear { float:right; text-align:right; margin:10px 10px 0px 0px; padding:0px; color:#D11709; font-size:24px; font-weight:normal; width:350px; }

#wrapped {
 clear:both;
 width:965px;
 margin:0px auto;
 padding:10px 0px 0px 0px;
}

#content {
 float:right;
 width:515px;
 margin:0px 15px 0px 0px;
 padding:0px;
}

#content #img {
 margin:0px;
 padding:0px;
}

#content #img span.building { float:left; width:125px; height:119px; margin:0px 5px 0px 0px; padding:0px; background:url(images/building-dev-hov.gif) no-repeat top left; }
#content #img span.building a { width:125px; height:119px; text-indent:-1000px; background:url(images/building-dev.jpg) no-repeat top left; display:block }
#content #img span.building a:hover { background:url(images/building-dev-hov.gif) no-repeat top left }
#content #img span.current-building a { background:url(images/building-dev-hov.gif) no-repeat top left }

#content #img span.groundworks { float:left; width:125px; height:119px; margin:0px 5px 0px 0px; padding:0px; background:url(images/ground-works-hov.gif) no-repeat top left }
#content #img span.groundworks a { width:125px; height:119px; background:url(images/ground-works.jpg) no-repeat top left; text-indent:-1000px; display:block }
#content #img span.groundworks a:hover { background:url(images/ground-works-hov.gif) no-repeat top left }
#content #img span.current-groundworks a { background:url(images/ground-works-hov.gif) no-repeat top left }

#content #img span.joinery { width:125px; height:119px; margin:0px 5px 0px 0px; padding:0px; float:left; background:url(images/joinery-hov.gif) no-repeat top left }
#content #img span.joinery a { width:125px; height:119px; text-indent:-1000px; background:url(images/joinery.jpg) no-repeat top left; display:block }
#content #img span.joinery a:hover { background:url(images/joinery-hov.gif) no-repeat top left }
#content #img span.current-joinery a { background:url(images/joinery-hov.gif) no-repeat top left }

#content #img span.civil { float:left; width:125px; height:119px; margin:0px; padding:0px; background:url(images/civil-engineering-hov.gif) no-repeat top left }
#content #img span.civil a { width:125px; height:119px; background:url(images/civil-engineering.jpg) no-repeat top left; text-indent:-1000px; display:block }
#content #img span.civil a:hover { background:url(images/civil-engineering-hov.gif) no-repeat top left }
#content #img span.current-civil a { background:url(images/civil-engineering-hov.gif) no-repeat top left }

#content h2 {
 clear:both;
 margin:0px;
 padding:10px 0px 0px 0px;
 font-size:28px;
 font-weight:100;
 color:#FFFFFF;
 font-family:Verdana
}

#content p {
 margin:0px;
 padding:10px 0px 5px 0px;
}

#content ul {
 margin:10px 0px 10px 0px;
 padding:0px;
 list-style:none;
 line-height:20px;
}

img.contact {
 float:left;
 margin:0px;
 padding:0px;
}

div.contact {
 float:left;
 width:185px;
 margin:0px;
 padding:0px 0px 10px 0px;
}

div.contact span { display:block }
div.contact span.spacer { padding-top:10px; }

form.contact {
 clear:both;
 display:block;
 margin:0px 0px 20px 0px;
 padding:15px 0px 0px 0px;
}

form.contact label {
 margin:0px;
 padding:2px 0px 2px 0px;
 display:block;
 clear:both;
}

form.contact label span { width:200px; display:block; float:left; padding:2px 0px 0px 0px; }

#flash {
 float:left;
 width:407px;
 margin:0px 0px 0px 0px;
 padding:0px;
}

#footer {
 clear:both;
 margin:0px;
 padding:20px 0px 10px 0px
}

#footer ul {
 width:400px;
 float:right;
 margin:0px;
 padding:20px 0px 20px 0px;
 list-style:none;
}

#footer ul li {
 float:left;
 margin:0px 15px 0px 0px;
 padding:0px;
 font-size:14px;
}

#footer ul li.last { margin:0px; }

#footer ul li a { color:#2B0502; text-decoration:none }
#footer ul li a:hover { color:#2B0502; text-decoration:underline }