@charset "utf-8";
/* CSS Document */

* {	margin: 0;
	padding: 0;}
	
html {min-height:101%;}
body {
	font-family:Verdana, Geneva, sans-serif;
	background-color:#000;
	font-size:14px;
	color:#09F;
}
p {
	font-size:14px;
	color: #09F;
	padding: 6px 0 5px 5px;
}
a {
	text-decoration:none;
	color: #09F;
}
a:hover {
	color:#fff;
}
li {
	font-size:12px;

	margin:0 0 0 18px;
}

img {border:none;}
strong {
	color: #0CF;
}
.center {text-align:center;}
.text-right {
	margin:20px 5px 0 5px;
}
.smaller {
	font-size:14px;
	color:#666;
}

.image-left {float:left; margin:10px 10px 0 0;}
.image-right {
	float:right;
	margin:10px 0 0 10px;
}
.h2-style {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#0FF;
	font-weight: normal;
	padding:5px 0 5px 0;
}
h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#0AF;
	font-weight: normal;
}
h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#0FF;
	font-weight: normal;
	padding:5px 0 5px 0;
}
h2 a{
	color:#FFF;
	font-size: 14px;
	padding: 0 0 0 0;
}
h2 a:hover{
	color:#09F;
}
h3 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#0FF;
	padding:5px 0 5px 0;
	font-weight: normal;
}

#top-holder {
	width:100%;
	height:144px;
	margin: 10px 0 0 0;
}
#top {
	width:1000px;
	height:144px;
	margin: 0 auto;
}
#logo-box {
	width:1000px;
	height:100px;
	float: left;
	background-image:url(../new/graphics/logo-box.jpg)
}
#logo {
	width: 310px;
	height: 110px;
	float: left;
}

#contact-bar {
	width:650px;
	height:40px;
	float: right;
}

#site-navigation {
	width:680px;
	height:20px;
	background-image:url(../new/graphics/navigation.gif);
	float: right;
	margin: 31px 0 0 0;
}
#site-navigation li{
	font-size:13px;
	font-weight:bold;
	float:left;
	list-style:none;
	padding:0 8px 2px 8px;
	margin:0 10px 0 10px;
	border-bottom: 2px solid #CCC;
}
#site-navigation li:hover{
	border-bottom: 2px solid #09F;
}
#site-navigation li a{
	color:#FFF;
}
#site-navigation li a:hover{
	color:#09F;
}
.active {
	color: #09F;
}
.active:hover {
	color:#09F;
}

#phone-contact {
	width:650px;
	height:20px;
	float: right;
	margin: 20px 0 0 0;
}
.phone-contact {
	color: #09F;
	text-align:center;
	padding:0;
}

.phone-contact a:link{
	color: #09F;
	text-align:center;
	padding:0;
}

.phone-contact a:hover{
	color: #FFF;
	text-align:center;
	padding:0;
}

#main-title {
	width:800px;
	height:25px;
	float:left;
}
#tagline {
	width:980px;
	height:25px;
	float:left;
	margin: 5px 0 0 10px;
	border-bottom: 2px solid #09F;
}
#tagline-text {
	width:700px;
	height:25px;
	float:left;
}

#fadeshow-holder {
	width:100%;
	height:300px;
}
#fadeshow {
	width:980px;
	height:300px;
	margin: 0 auto 0 auto;
}

#index-holder {
	width:100%;
	height:650px;
}
#index-main {
	width:980px;
	height:340px;
	margin: 2px auto 0 auto;
	border-top: 2px solid #09F;
}

.index-column {
	width:180px;
	height:500px;
	margin: 20px 20px 0 0;
	float:left;
}
.index-column p{
	font-size:11px;
	color:#09F;
}
.index-column-last {
	width:180px;
	height:300px;
	margin: 20px 0 0 0;
	float:left;
}
.index-column-last p{
	font-size:11px;
	color:#09F;
}
.column-image {
	width:176px;
	height:76px;
	margin: 0;
	float:left;
	border: 2px solid #09F;
}
.column-image:hover {
	border: 2px solid #0CF;
}
.column-title {
	width:180px;
	height:50px;
	margin: 5px 0 0 0;
	float:left;
}
.column-text {
	width:180px;
	height:350px;
	margin: 0;
	float:left;
}

.column-text a{
color:#009}

.column-links {
	width:180px;
	height:95px;
	margin: 0;
	float:left;
}
.column-links p{
	line-height: 20px;
	color: #000080;
}
.column-link {
	width:155px;
	height:30px;
	margin: 0;
	float:left;
}
.column-arrow {
	width:25px;
	height:20px;
	margin: 6px 0 0 0;
	float:left;
}
#footer-holder {
	width:100%;
	height:40px;
	margin: 10px 0 0 0;
}
#footer {
	width:1000px;
	height:40px;
	margin:0 auto;
}
#footer p{
	font-size:14px;
	padding:6px 0 0 0;
}
#footer a{
	color: #09F;
}
#footer a:hover{
	color:#fff;
}

#services-holder {
	width:100%;
	height:1440px;
}
#services {
	width:980px;
	height:1540px;
	margin: 0 auto;
}

#testimonials-holder {
	width:100%;
	height:1040px;
}
#testimonials {
	width:980px;
	height:1040px;
	margin: 0 auto;
}
.testimonial {
	margin: 0 0 10px 0;
}

#clients-holder {
	width:100%;
	height:1040px;
}
#clients {
	width:980px;
	height:1040px;
	margin: 0 auto;
}

#where-are-we-holder {
	width:100%;
	height:900px;
}
#where-are-we {
	width:980px;
	height:900px;
	margin: 0 auto;
}

#contact-holder {
	width:100%;
	height:550px;
}
#contact {
	width:980px;
	height:250px;
	margin: 0 auto;
}
#contact-extra {
	width:980px;
	height:300px;
	margin: 0 auto;
}
#general-building-holder {
	width:100%;
	height:920px;
}
#general-building{
	width:980px;
	height:920px;
	margin: 0 auto;
}

#sub-general-building-holder {
	width:100%;
	height:320px;
}
#sub-general-building{
	width:980px;
	height:320px;
	margin: 0 auto;
}

#gallery-holder {
	width:100%;
	height:520px;
}
#gallery{
	width:980px;
	height:520px;
	margin: 0 auto;
}

#carpentry-holder {
	width:100%;
	height:720px;
}
#carpentry {
	width:980px;
	height:720px;
	margin: 0 auto;
}

#sub-carpentry-holder {
	width:100%;
	height:420px;
}
#sub-carpentry {
	width:980px;
	height:420px;
	margin: 0 auto;
}


#landscaping-holder {
	width:100%;
	height:520px;
}
#landscaping {
	width:980px;
	height:520px;
	margin: 0 auto;
}

#refurbishment-renovations-holder {
	width:100%;
	height:1000px;
}
#refurbishment-renovations {
	width:980px;
	height:1000px;
	margin: 0 auto;
}

#sub-refurbishment-renovations-holder {
	width:100%;
	height:600px;
}
#sub-refurbishment-renovations {
	width:980px;
	height:600px;
	margin: 0 auto;
}

#loft-conversions-holder {
	width:100%;
	height:480px;
}
#loft-conversions {
	width:980px;
	height:480px;
	margin: 0 auto;
}
#portfolio-holder {
	width:100%;
	height:320px;
}
#portfolio {
	width:980px;
	height:320px;
	margin: 0 auto;
}
.portfolio-box {
	width:180px;
	height:240px;
	float:left;
	margin:40px 12px 0 0;
	border:2px solid #09F;
}
.gallery-box {
	width:154px;
	height:104px;
	float:left;
	margin:15px 0 0 35px;
}
.gallery-image{
	width:154px;
	height:104px;
	float:left;
}