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

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

img {border: 0;}

body
{
  margin: 0;
  background: url(images/bg_page.jpg) top left repeat-x #9b9ca1;
  color: #CCCCCC;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  min-width: 960px;
  text-align: center;
}


a:link {text-decoration: none; color: #003399; background-color: transparent;}
a:visited {text-decoration: none; color: #003399; background-color: transparent;}
a:hover {text-decoration: underline; color: #003399; background-color: transparent;}

/*-- GENERAL BITS --*/
.container {margin: 0 auto; width: 960px; padding: 0; border: 0; position: relative; text-align: left;}
.divClear {clear: both;}

/*-- HEADER--*/
.headerArea {float: left; display: inline; width: 960px; height: 148px; margin: 10px 0 0 0; padding: 0; background: url(images/main_area_top.gif) top left no-repeat #FFFFFF;}
	.headerArea img {border: 0;}

.headerLogo {float: left; display: inline; width: 280px; height: 72px; margin: 21px 0 0 30px;}
.headerPhoneNumber {float: right; display: inline; width: 216px; height: 50px; margin: 42px 30px 0 0;}

/*-- MAIN NAV BAR --*/
.navbar {float: left; display: inline; width: 900px; margin: 17px 0 0 30px; height: 38px; background: url(images/navbar_bg.gif) top left no-repeat;}
	.navbar ul {float: left; display: inline; list-style: none; margin: 10px 0 0 20px; padding: 0; height: 22px; width: 915px;}
	.navbar li {float: left; display: inline; list-style: none; margin: 0;}
	.navbar li a {float: left; display: inline; height: 22px; outline: none;}
	.navbar li span {display: none;}	
	

#navHome a {width: 46px; height: 15px; background: url(images/nav_home.gif); margin: 0 63px 0 0;}
#navHome a:hover {width: 46px; height: 15px; background: url(images/nav_home.gif) 0 30px; margin: 0 63px 0 0;}
#navHomeOn a {width: 46px; height: 15px; background: url(images/nav_home.gif) 0 15px; margin: 0 63px 0 0;}

#navServices a {width: 73px; height: 15px; background: url(images/nav_services.gif); margin: 0 64px 0 0;}
#navServices a:hover {width: 73px; height: 15px; background: url(images/nav_services.gif) 0 30px; margin: 0 64px 0 0;}
#navServicesOn a {width: 73px; height: 15px; background: url(images/nav_services.gif) 0 15px; margin: 0 64px 0 0;}

#navRecentProjects a {width: 141px; height: 15px; background: url(images/nav_recent_projects.gif); margin: 0 63px 0 0;}
#navRecentProjects a:hover {width: 141px; height: 15px; background: url(images/nav_recent_projects.gif) 0 30px; margin: 0 63px 0 0;}
#navRecentProjectsOn a {width: 141px; height: 15px; background: url(images/nav_recent_projects.gif) 0 15px; margin: 0 63px 0 0;}

#navAboutUs a {width: 77px; height: 15px; background: url(images/nav_about_us.gif); margin: 0 64px 0 0;}
#navAboutUs a:hover {width: 77px; height: 15px; background: url(images/nav_about_us.gif) 0 30px; margin: 0 64px 0 0;}
#navAboutUsOn a {width: 77px; height: 15px; background: url(images/nav_about_us.gif) 0 15px; margin: 0 64px 0 0;}

#navTestimonials a {width: 110px; height: 15px; background: url(images/nav_testimonials.gif); margin: 0 64px 0 0;}
#navTestimonials a:hover {width: 110px; height: 15px; background: url(images/nav_testimonials.gif) 0 30px; margin: 0 64px 0 0;}
#navTestimonialsOn a {width: 110px; height: 15px; background: url(images/nav_testimonials.gif) 0 15px; margin: 0 64px 0 0;}

#navContactUs a {width: 95px; height: 15px; background: url(images/nav_contact_us.gif); margin: 0 0 0 0;}
#navContactUs a:hover {width: 95px; height: 15px; background: url(images/nav_contact_us.gif) 0 30px; margin: 0 0 0 0;}
#navContactUsOn a {width: 95px; height: 15px; background: url(images/nav_contact_us.gif) 0 15px; margin: 0 0 0 0;}

/*-- MAIN CONTENT AREA --*/
.contentArea {float: left; display: inline; width: 960px; background: url(images/main_area_bottom.gif) bottom right no-repeat #FFFFFF; padding: 0 0 20px 0;}

/*-- FOOTER --*/
.footer {float: left; display: inline; width: 900px; margin: 10px 0 0 30px; padding: 10px 0 30px 0;}
	.footer p {font-size: 12px; color: #333333; line-height: 1.2em; margin: 0;}
	.footer a:link {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
	.footer a:visited {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
	.footer a:hover {text-decoration: none; color: #FFFFFF; background-color: transparent;}

.footerLeft {float: left; display: inline;}
.footerRight {float: right; display: inline;}

/*-- HOME PAGE --*/
.homeTopRow {float: left; display: inline; width: 900px; margin: 30px 0 20px 30px;}

.homeIntro {float: left; display: inline; width: 280px; margin: 0 30px 0 0;}
	.homeIntro h1 {text-indent: -9999px; font-size: 12px; background: url(images/home_intro_strapline.gif) top left no-repeat; width: 280px; height: 77px; margin: 20px 0 5px 0;}
	.homeIntro p {font-size: 14px; line-height: 1.5em; color: #454545; margin: 0.4em 0 0.4em 0;}
	.homeIntro h6 {font-size: 14px; font-weight: bold; line-height: 1.5em; color: #454545; margin: 0.4em 0 0.4em 0;}
	
.homeFlashHolder {float: right; display: inline; width: 590px; margin: 0;}
	.homeFlashHolder img {border: 0;}
	
.homeLowerRow {float: left; display: inline; width: 900px; margin: 0 0 0 30px;}

.homeOurServices {float: left; display: inline; width: 280px; margin: 0 30px 0 0;}
	.homeOurServices h2 {text-indent: -9999px; font-size: 12px; background: url(images/sub_our_services.gif) top left no-repeat; width: 148px; height: 26px; margin: 0 0 5px 0;}
	.homeOurServices p {font-size: 14px; line-height: 1.5em; color: #454545; margin: 0.4em 0 0.4em 0;}
	.homeOurServices ul {margin: 0; font-size: 14px; color: #454545; list-style: none;}
	.homeOurServices li {background: url(images/bullet.gif) 5px center no-repeat; padding: 0 0 0 16px; font-size: 14px; margin: 0.3em 0 0.3em 0;}

.homeRecentProjects {float: left; display: inline; width: 280px; margin: 0 0 0 0;}
	.homeRecentProjects h2 {text-indent: -9999px; font-size: 12px; background: url(images/sub_recent_projects.gif) top left no-repeat; width: 183px; height: 26px; margin: 0 0 10px 0;}

.homeProjectItem {float: left; display: inline; width: 280px; margin: 0 0 20px 0;}
	.homeProjectItem img {float: left; display: inline; width: 80px; margin: 0;}
	.homeProjectItem h4 {float: right; display: inline; width: 190px; margin: 0; line-height: 1.3em; font-size: 14px; font-weight: bold;}
	.homeProjectItem p {float: right; display: inline; width: 190px; margin: 0; line-height: 1.5em; font-size: 12px; color: #666666;}

.homeBanners {float: right; display: inline; margin: 30px 0 0 0; width: 280px;}

.homeBannerFormat {margin: 0 0 20px 0;} 
.homeBannerFormatBottom {margin: 0;} 


/*-- MAIN COLUMN --*/
.contentMainColumn {float: left; display: inline; width: 590px; margin: 20px 30px 0 30px;}
	.contentMainColumn p {font-size: 14px; color: #666666; line-height: 1.5em;}
	.contentMainColumn h1 {font-size: 12px; text-indent: -9999px; width: 570px; height: 25px; margin: 0 0 0.5em 0;}
	.contentMainColumn h2 {font-size: 24px; font-weight: bold; line-height: 1.5em; color: #333333; margin: 0;}
	.contentMainColumn h3 {font-size: 18px; font-weight: bold; color: #333333; margin: 1em 0 0.5em 0;}
	.contentMainColumn h4 {font-size: 16px; font-weight: bold; line-height: 1.5em; color: #333333; margin: 0.5em 0 1em 0;}
	.contentMainColumn h5 {font-size: 18px; font-weight: normal; font-style: italic; line-height: 1.5em; color: #666666; margin: 0;}
	.contentMainColumn h6 {font-size: 12px; font-weight: normal; color: #666666; line-height: 1.5em;}
	.contentMainColumn h6 em {color: #CC0000;}
	.contentMainColumn blockquote {font-size: 14px; font-style: italic; color: #666666; line-height: 1.5em; margin: 20px 0 20px 0;}
	.contentMainColumn blockquote strong {color: #333333; font-style: normal;}
	.contentMainColumn form {padding: 0; margin: 10px 0 0 0;}
	.contentMainColumn label {font-size: 14px; font-weight: bold; color: #333333; width: 130px; display: inline; float: left; padding: 4px 0 0 0; margin: 0 20px 0 0;}
	.contentMainColumn label em {color: #CC0000;}
	.contentMainColumn ul {font-size: 14px; list-style: none; color: #666666;}
	.contentMainColumn li {line-height: 1.8em; background: url(images/bullet_square.gif) 0 0.55em no-repeat; padding: 0 0 0 16px; margin: 0.5em 0 0.5em;}

.formContactText {width: 400px; border: 1px solid #999999; background-color: #f3f3f3; color: #333333; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif;}
.formContactSelect {width: 400px; background-color: #FFFFFF; font-size: 14px; color: #333333; padding: 4px;}
.formButtonSendForm {float: left; display: inline; margin: 5px 0 10px 150px;}

.contentRightColumn {float: right; display: inline; width: 280px; margin: 30px 30px 20px 0;}
	.contentRightColumn h2 {text-indent: -9999px; font-size: 12px; margin: 0 0 0 0;}
	.contentRightColumn p {font-size: 14px; color: #666666; line-height: 1.5em;}
	.contentRightColumn p strong {color: #333333;}

#subContactDetails {background: url(images/sub_contact_details.gif) top left no-repeat; width: 176px; height: 26px;}

/*-- PAGE TITLES --*/
#titleAboutUs {background: url(images/title_about_us.gif) top left no-repeat;}
#titleRecentProjects {background: url(images/title_recent_projects.gif) top left no-repeat;}
#titleServices {background: url(images/title_services.gif) top left no-repeat;}
#titleExtensions {background: url(images/title_extensions.gif) top left no-repeat;}
#titleOrangeries {background: url(images/title_orangeries_and_sunrooms.gif) top left no-repeat;}
#titleRenovations {background: url(images/title_renovations_and_refurbishments.gif) top left no-repeat;}
#titleNewBuildings {background: url(images/title_new_buildings.gif) top left no-repeat;}
#titleConservation {background: url(images/title_conservation_and_restoration.gif) top left no-repeat;}
#titleLightIndustrialWork {background: url(images/title_light_industrial_work.gif) top left no-repeat;}
#titleArchitecturalPlanning {background: url(images/title_architectural_planning.gif) top left no-repeat;}
#titleTestimonials {background: url(images/title_testimonials.gif) top left no-repeat;}
#titleContactUs {background: url(images/title_contact_us.gif) top left no-repeat;}
#titleThankYou {background: url(images/title_thank_you.gif) top left no-repeat;}
#titleSiteMap {background: url(images/title_site_map.gif) top left no-repeat;}

/*-- SERVICES --*/
.serviceOffering {float: left; display: inline; width: 100%; margin: 10px 0 20px 0;}
	.serviceOffering img {float: left; display: inline; width: 280px;}
	.serviceOffering p {float: right; display: inline; width: 280px; font-size: 14px; color: #666666; line-height: 1.5em; margin: 0 0 0.4em 0;}
	.serviceOffering h3 {float: right; display: inline; width: 280px; font-size: 18px; font-weight: bold; color: #333333; margin: 5px 0 5px 0;}
	
/*-- PRJECTS HOME --*/
.projectOverview {float: left; display: inline; width: 100%; margin: 10px 0 20px 0;}
	.projectOverview img {float: left; display: inline; width: 140px;}
	.projectOverview p {float: right; display: inline; width: 430px; font-size: 14px; color: #666666; line-height: 1.5em; margin: 0 0 0.4em 0;}
	.projectOverview h3 {float: right; display: inline; width: 430px; font-size: 18px; font-weight: bold; color: #333333; margin: 5px 0 5px 0;}