@charset "UTF-8";	 
/*
  Written by Jan Banks 14th December 2009

  http://www.dhammonddecorating.co.uk

  Copyright (c) 2009 D Hammond Decorating

*/

/* Page Set-up ----------------------------------------------------------------------------------------*/
html {
	margin: 0px;
	padding: 0px; 
	background-color: #ffffff;
}
body {
	position:relative;				/* needed otherwise IE7 doesn't resize properly */
	padding: 0;
	margin: 0;	
/*	font-size: 82%;	 */ 	/* 13pt */
	font-size: 76%;	  		/* 12pt */
/*	font-size: 72%;	  */		
	color: #0b2d54;
	font-family: arial,helvetica,sans-serif;	 
	background: #ffffff url(../images/top-strip-15x13.gif) top left repeat-x;		
}
h1 {	
	font-family: "Trebuchet MS",tahoma,verdana,helvetica,arial,sans-serif;
	font-size: 1.8em;	 
	line-height: 1.2em;
	padding: 0 0 20px 0;
	color: #0b2d54;
	margin: 0;
}	
h2 {
	font-size: 1.6em;	 
	padding: 20px 0 5px 0;
	margin: 0;
}		
h3 {
	font-size: 1em;
	line-height: 1em;  
}	
em { 
	font-weight: bold;
	font-style: normal;
}
p {
	font-size: 1em;
	line-height: 1.4em;
}

ul {
	position: relative;
	white-space: nowrap; 		/* required for some browsers to stop the text wrapping */	
	list-style: none;
	line-height: 1.5em; 
} 

a {
	font-size: 1em;
	text-decoration: underline;
}	
a:link {
	color: #0b2d54;
	font-style: normal
}	   
a:visited {
	color: #007db7;
}
a:focus {
	outline: 0;
	color: #007db7;
}
a:hover {
	color: #007db7;
}
a:active {
	outline: 0;
} 
img {
	border: 0;
}

address {
	padding: 0;
	font-style: normal;
	font-size: 1em;
}

#page {	  											  
	position: relative;	  	/* makes page the containing block */
	background: #ffffff;
	width: 940px;	  			
	margin: 0 auto;			/* proper way to center */	 
	padding: 0;
	clear: both;
}

/* Logo ----------------------------------------------------------------------------------------*/
#logo {
	position: relative;	  	/* makes page the containing block */
	display: block;
	background: #ffffff;
	width: 940px;	  		
	height: 108px;
	top: 23px;
	margin: 0 auto;			/* proper way to center */	 
}
#logo-image-box {
	position: relative;
	float: left;
	width: 500px;
	height: 100px;
}
#logo-image-box a {
	text-decoration: none;
}
#logo-image {
	position: relative;
	display: block;
	width: 500px;
	height: 85px;
	left: 0px;
	text-decoration: none;
	font-size: 0.4em;
	background: #ffffff url(../images/logo-01c-194x85.gif) bottom left no-repeat;	
	color: #ffffff;
	padding: 0 0 10px 0;	
}

#tagline-box {
	position: relative;
	float: right;
	height: 100px;
	width: 400px;
}

#tagline {
	text-align: right;
	height: 100px;
	width: 400px;	
	padding: 0;
	margin: 0;
}
#tagline ul {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 0 10px 0;
	margin: 0;	
}

#header-bottom {
	position: relative;
	width: 100%;
	text-align: right;
	height: 38px;
	background-color: #007db7;	
	margin-top: 27px;
	z-index: 1;	
}

#experience {
	position: relative;
	display:block;
	width: 940px;	  			
	margin: 0 auto;			/* proper way to center */		
	padding: 8px 0 0 0;
	font-size: 1.6em;
	font-family: garamond,times,helvetica,arial,sans-serif;
	font-style: italic;	
	color: #ffffff;
}

/* General Formatting ----------------------------------------------------------------------------------------*/ 
.clear {
	clear: both;
}
.adr span {
	display: block;
}

.tel {
	margin-top: 15px;
}
.mobile {
}
.email{
	margin-top: 4px;
	margin-bottom: 6px;
}
a.email-link {
	font-family: arial,helvetica,sans-serif;	 
	font-size: 9px;
	text-decoration: underline;
}
a.email-link:link {	
	color: #0b2d54;
}
a.email-link:visited {	
	color: #0b2d54;
}
a.email-link:focus {	
	color: #007db7;
}
a.email-link:hover {	
	color: #007db7;
}
a.email-link:active {	
	color: #007db7;
}

#map_canvas {
	width: 550px; 
	height: 422px;
	background: transparent url(../images/google-map-load-01.gif) 0px 0px no-repeat;	
/*	border: 2px solid #525252;	*/
}
	

/* TABS ----------------------------------------------------------------------------------------*/
#mainnav {		
	position: relative;
/*J	float: right;		*/		/* Sliding doors method of doing tabs - see AListApart */
	width: 100%;				/* Required to centre floated items  */
	overflow: hidden;			/* hides the right half of the ul which overflows due to the centering used */
	margin: -20px 0 0 0;
	padding: 0;
	background: transparent url(../images/tab-strip-10x3.gif) bottom left repeat-x;	
/*	text-align: centre;		*/	/* we want the tabs centred so we need this */
	z-index: 2;
}
#mainnav ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0; 
	padding: 0;  	
	float: left;   				/* needed to correctly centre tabs */
	white-space: nowrap; 		/* required for some browsers to stop the text wrapping */
    position:relative;		 	/* needed to correctly centre floated tabs */
	left: 50%;					/* needed to correctly centre floated tabs */	
}	
#mainnav ul li {
	float: left; 
	margin: 0; 
	padding: 0;  	
    position:relative;			/* needed to correctly centre floated tabs */
    left: -245px;					/* needed to correctly centre floated tabs */
}	
#mainnav ul li a {	
	display: block;	   
	text-decoration: none;	
	color: #ffffff;	   
	background-color: #0b2d54;	
	text-align: center;	  
	font-size: 1.1em;
	margin: 0 5px 0 0;			/* margin-right overridden for IE in hacks.css */
	padding: 3px 12px;	
	border-top: #0b2d54 3px solid;
	border-right: #0b2d54 3px solid;
	border-left: #0b2d54 3px solid;	
	border-bottom: #0b2d54 3px solid;		
}

#mainnav ul li#thispage a {		  /* moved to mainnav  */
	color: #0b2d54;	
	background-color: #ffffff;
	border-bottom: #ffffff 3px solid;		
}
#mainnav ul li a:hover {	 	 
	color: #9bdfff;					/* must change something at this level or hover doesn't work in IE */
}
#mainnav ul li a:focus {	 	 
	outline: none;
	color: #9bdfff;	
}

/* Main Page Area ----------------------------------------------------------------------------------------*/

#main-page-cont {
	position: relative;
	height: 100%;
	margin: 0;
/* border: 1px solid pink; */
}

/* Main Page Text Area ------------------------------------------------------------------------------------*/

#main-text-cont {
	position: relative;
	padding: 50px 0 10px 0;
	margin: 0;				/* margin right & left to allow for page edge image  */
/*border: 1px solid red;*/
}


/* Extra Info Strip ------------------------------------------------------------------------------------*/
#extra-info {
	position: relative;
	float: left;
	padding: 0 0 0 0;
	margin: 0;
	font-size: 1em;	 
	line-height: 1.5em;	
	width: 165px; 		/* width required minus padding  */
/*border: 1px solid green;*/
}	

#links-title {
	margin-top: 80px;	
	margin-bottom: 10px;
}
.links-text {
	margin-bottom: 0;  /* over-written in IE */
	padding: 15px 0 0 0;
}
.links-text a {
	text-decoration: underline;
	font-family: arial,helvetica,sans-serif;
}
#services-link-box {
	padding-bottom: 30px;
}
#services-link-selected {
	background: transparent url(../images/arrow-blue-normal.gif) center right no-repeat;	
	color: #007db7;
}
.services-link {
	display: block;
	padding: 0;
	margin: 0 5px 10px 0;
	font-size: 1.3em;
	text-decoration: none;
}
.services-link:link {
	color: #0b2d54;
}
.services-link:visited{
	color: #0b2d54;
}
.services-link:focus{
	color: #007db7;	
	text-decoration: underline;
}
.services-link:hover {
	color: #007db7;	
	text-decoration: underline;
}
.services-link:active {
	color: #007db7;	
}

/* Main Page Text ------------------------------------------------------------------------------------*/

#main-text {
	position: relative;
	float: right;
	width: 710px;    	/* width required minus padding  */
	margin: 0;
	padding: 0;
	font-size: 1em;	
/*border: 1px solid blue;	*/
}
#main-text p {
	padding: 0 0 18px 0;
	margin: 0;
}


/* Homepage ----------------------------------------------------------------------------------------*/

.homepage-img-div {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}
#commercial  {
	margin: 0 20px 0 0;
}

#residential {
	margin: 0 20px 0 0;
}
.homepage-img-div img{
	border: #0b2d54 2px solid;
}
#residential img {
	border: #007db7 2px solid;
}
.homepage-hdr a {
	position: absolute;
	height: 30px;
	width: 198px;
	top: 0px;
	left: 0;
	font-size: 1.7em;	
	text-decoration: none;
	text-align: center;
	color: #ffffff;	
	padding: 15px 10px 5px 10px;
	background-color: #0b2d54;
}
#residential .homepage-hdr  a {
	background-color: #007db7;
}

.homepage-hdr  a:link {
	color: #ffffff;
}
.homepage-hdr  a:visited {
	color: #ffffff;
}
.homepage-hdr  a:hover {
	color: #ffffff;
}
.homepage-hdr  a:active {
	color: #ffffff;
}

.homepage-text a {
	position: absolute;
	display: block;
	top: 350px;
	left: 0;	
	width: 178px;
	font-size: 0.9em;	
	text-decoration: none;	
	color: #0b2d54;	
	margin: 0 auto;
	padding: 0 14px;
}
.homepage-text  a:link {
	color: #0b2d54;	
}
.homepage-text  a:visited {
	color: #0b2d54;	
}
.homepage-text  a:hover {
	color: #0b2d54;	
}
.homepage-text  a:active {
	color: #0b2d54;	
}
.services-img-box {
	position: relative;
	float: left;
	height: 150px;
	width: 210px;
	margin: 0 20px 30px 0;
}
.services-img {
	border: 2px #0b2d54 solid;
}
.services-txt {
	position: absolute;
	top: 50px;
	left: 0px;
	padding: 15px 0 15px 15px;
	margin: 0;
	font-size: 0.9em;
}
.services-txt  h2{
	padding: 5px 0;
	margin: 0;
}

/* Misc ----------------------------------------------------------------------------------------*/

#network-text {
	padding-top: 5px;
	font-size: 0.9em;
}

.testimonial {
	font-size: 0.9em;
	border: 1px solid #404040;
	background-color: #ffffed;
	padding: 30px 60px 10px 60px;
	margin-bottom: 20px;
}
#search-links {
	padding: 80px 0px 0px 0px;
	font-size: 0.9em;
	text-align: center;
}
/* Footer ----------------------------------------------------------------------------------------*/

#footer {
	position: relative;
	text-align: center;
	font-size: 0.9em;
	padding: 0 0 20px 0;
	margin: 25px 0 0 0;
	color: #0b2d54;	
	background: #ffffff url(../images/bottom-strip-12x7.gif) top left repeat-x;		
	padding-top: 10px;	
}

#footer  a {
	font-size: 1em;
	font-family: arial,helvetica,sans-serif;	 
	text-decoration: none;
	color: #0b2d54;
}
#footer  a:hover {
	color: #007db7;
}