/*Global Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; padding:0; margin:0;font-family:"Trebuchet MS", "Helvetica",Arial, Helvetica, sans-serif;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/*img 		{behavior: url(css/iepngfix.htc); border:0;}*/

/*Set some default stuff*/
body{background:#FFF;font-size:80%;line-height:136%;font-family:"Trebuchet MS", "Helvetica",Arial, Helvetica, sans-serif; color:#636363;margin:0;padding:0;background-image:url(../images/bgd.jpg);background-position:center top;background-repeat:no-repeat;}

#contact {background-image:url(../images/bgd-contact.jpg);}

p{margin:0 0 5px;padding:0;}
a:link,a:visited,a:active{color:#007DC3;text-decoration:none;}
a:hover {text-decoration:underline;}

img{border:0;vertical-align:bottom;}
#form{border:0;margin:0;padding:0;}
#form ul{border:0;list-style-type:none;margin:0;padding:0;}
#form ul li{display:block;border:0;margin:0;padding:0;}

.mydate {font-size:12px;color:#999;}

/*Navigation layout*/
#topframe {width:100%;padding:10px 0 3px 0;background-color:#FFFFFF;}
#bottomframe {width:471px;margin:0;padding:0; position:absolute}
#topcontent {width:767px;margin:0 auto 0; padding-top:10px;}
#bottomcontent {width:767px; margin:0 auto;  padding-top:30px;}
#bottomcontent p {padding-left:48px; }
#supportnav {float:right;text-align:right;}
#logoposition {float:left;}

#footer-rightlinks { float:right; text-align:right;}

ul {padding:3px 10px;}
ul li {list-style-type:circle;margin:3px 20px;}

.bulletclear {list-style-type:none;}
.copywright {font-size:82%;}

/*Build the layout*/

#content-container{float:left;width:100%;padding:0;}
#content{width:767px;margin-left:auto;margin-right:auto; margin-top:14px; padding-bottom:30px; clear:left;}

#content-container-review{background-color:#F2EFDC;display:block;float:left;width:100%;padding:0;background-position:top; background-repeat:no-repeat;}
#content-container-menu{background-color:#FFFDEE;display:block;float:left;width:100%;padding:0;background-position:top; background-repeat:no-repeat;}
#header{background-color:#FFFDEE;display:block;padding:10px 0px;}

#content-left{width:420px;float:left;padding-right:30px;text-align:left; clear:left;}
#content-fullwidth{width:767px;float:left;text-align:left; margin-top:5px;}
#content-right{width:422px;float:left;padding-left:30px;text-align:left;}
#footer{display:block;FLOAT:right;;font-family:"Helvetica",Arial, Helvetica, sans-serif; color:#333;font-size:90%;padding:15px 0;}
#footer a:link,#footer a:visited,#footer a:hover,#footer a:active{color:#FFF;text-decoration:underline;outline:none;}
#footer ul li{float:left;display:block;border:none;list-style-type:none;background-color:#00F;text-align:center;margin:0;padding:0;}
#footer p {margin:0;padding:0;}


/*Navigation*/
#navigation-container{width:602px; float:left; height:34px;display:block; padding-top:15px;}
#navigation{ width:602px;height:34px;display:block;background-image:url(../img/navigation_background.gif);background-position:top;background-repeat:no-repeat;margin:0 auto;}
#navigation ul{border:none;list-style-type:none;clear:left;height:34px;margin:0;padding:0;}
#navigation ul li{display:block;float:left;border:0;margin:0;padding:0;}
#navigation ul li a{display:block;height:34px;margin:0;padding:0;}
#navigation ul li strong{ display:none}
#navigation a:focus,#navigation a:active, H1 a:focus {outline:none}

li#navigation-about a{width:82px; }
li#navigation-thecompany a{width:106px;}
li#navigation-products a{width:88px;}
li#navigation-projects a{width:82px;}
li#navigation-facilities a{width:84px;}
li#navigation-theteam a{width:82px;}
li#navigation-feedback a{width:78px;}

li#navigation-about a:hover{background:transparent url(../img/navigation_on.gif) 0px 0 no-repeat;}
li#navigation-thecompany a:hover{background:transparent url(../img/navigation_on.gif) -82px 0 no-repeat;}
li#navigation-products a:hover{background:transparent url(../img/navigation_on.gif) -188px 0 no-repeat;}
li#navigation-projects a:hover{background:transparent url(../img/navigation_on.gif) -276px 0 no-repeat;}
li#navigation-facilities a:hover{background:transparent url(../img/navigation_on.gif) -358px 0 no-repeat;}
li#navigation-theteam a:hover{background:transparent url(../img/navigation_on.gif) -442px 0 no-repeat;}
li#navigation-feedback a:hover{background:transparent url(../img/navigation_on.gif) -524px 0 no-repeat;}

#about li#navigation-about a{background:transparent url(../img/navigation_on.gif) 0px 0 no-repeat;}
#thecompany li#navigation-thecompany a{background:transparent url(../img/navigation_on.gif) -82px 0 no-repeat;}
#products li#navigation-products a{background:transparent url(../img/navigation_on.gif) -188px 0 no-repeat;}
#projects li#navigation-projects a{background:transparent url(../img/navigation_on.gif) -276px 0 no-repeat;}
#facilities li#navigation-facilities a{background:transparent url(../img/navigation_on.gif) -358px 0 no-repeat;}
#theteam li#navigation-theteam a{background:transparent url(../img/navigation_on.gif) -442px 0 no-repeat;}
#feedback li#navigation-feedback a{background:transparent url(../img/navigation_on.gif) -524px 0 no-repeat;}


/*Build the layout for home page*/
#homepage-content-left{width:508px;float:left;text-align:left;background-repeat:no-repeat; background-position:top; clear:left;}
#homepage-content-right{width:259px;float:right;text-align:left;}
#homepage-contact-image{background-image:url(../img/inprivate_form_pattern.jpg);background-repeat:no-repeat; background-position:top; margin-top:-14px; padding:0px 0px; width:382px; padding-left:0px; padding-top:15px;}
#homepage-contact-image2{background-image:url(../img/inprivate_contact_form.png);background-repeat:no-repeat; padding:14px 0px; width:383px; height:340px;}
#homepage-contact-textholder{padding-top:5px;text-align:center;width:100%;}
#homepage-maincontent-wrap {width:471px;text-align:left; display:block; padding-bottom:6px; padding-top:15px; margin-top:5px;}
	
	#homepage-maincontent-wrap ul {padding:7px 10px;}
	#homepage-maincontent-wrap ul li {list-style-type:circle;margin:3px 20px;}

#homepage-newsarea-wrap { float:right; width:206px; padding-top:5px;}
#homepage-imagepad {padding-top:7px; padding-bottom:7px;}


/*Build the layout for the team page*/
#theteam-maincontent-wrap {width:479px;text-align:left; display:block; padding-bottom:6px; padding-top:15px; margin-top:5px;}


/*Build the layout for the site map*/
#site-maincontent-wrap {width:760px;text-align:left; display:block; padding-bottom:6px; padding-top:15px;}



/*Build the layout for projects home page*/
#projectshome-content-left{width:508px;float:left;text-align:left;background-repeat:no-repeat; background-position:top; clear:left;}
#projectshome-content-right{width:259px;float:left;text-align:left; padding-top:5px;}
#projectshome-contact-textholder{padding-top:5px;text-align:center;width:100%;}
#projectshome-mailinglist-wrap {width:471px;text-align:left; padding-bottom:6px; padding-top:15px; margin-top:5px; float:left;}

#projectshome-newsarea-wrap { float:right; width:203px;}
#projectshome-imagepad {padding-top:7px; padding-bottom:7px;}





/*Navigation for the projects home page*/
#projects-navigation-container{background-color:#FFF;width:203px; float:left; display:block; padding-top:15px; padding-bottom:15px;}
#projects-navigation{ width:203px;height:140px;display:block;background-image:url(../img/projects_navigation_background.gif);background-position:top;background-repeat:no-repeat;}
#projects-navigation ul{border:none;list-style-type:none;clear:left;height:140px;margin:0;padding:0;}
#projects-navigation ul li{display:block;float:left;border:0;margin:0;padding:0;}
#projects-navigation ul li a{display:block;height:23.3px;margin:0;padding:0;}
#projects-navigation ul li strong{ display:none}
#projects-navigation a:focus,#projects-navigation a:active, H1 a:focus {outline:none}

li#projects-navigation-office a{ height:23.3px;  width:203px;}
li#projects-navigation-retail a{height:23.3px; width:203px;}
li#projects-navigation-residential a{height:23.3px; width:203px;}
li#projects-navigation-education a{height:23.3px; width:203px;}
li#projects-navigation-leisure a{height:23.3px; width:203px;}
li#projects-navigation-health a{height:23.3px; width:203px;}


li#projects-navigation-office a:hover{background:transparent url(../img/projects_navigation_on.gif) 0 0px no-repeat;}
li#projects-navigation-retail a:hover{background:transparent url(../img/projects_navigation_on.gif) 0 -23.3px no-repeat;}
li#projects-navigation-residential a:hover{background:transparent url(../img/projects_navigation_on.gif) 0 -46.6px no-repeat;}
li#projects-navigation-education a:hover{background:transparent url(../img/projects_navigation_on.gif) 0 -69.9px no-repeat;}
li#projects-navigation-leisure a:hover{background:transparent url(../img/projects_navigation_on.gif) 0 -93.2px no-repeat;}
li#projects-navigation-health a:hover{background:transparent url(../img/projects_navigation_on.gif) 0 -116.5px no-repeat;}

#officenav li#projects-navigation-office a{background:transparent url(../img/projects_navigation_on.gif) 0 0px no-repeat;}
#retailnav li#projects-navigation-retail a{background:transparent url(../img/projects_navigation_on.gif) 0 -23.3px no-repeat;}
#residentialnav li#projects-navigation-residential a{background:transparent url(../img/projects_navigation_on.gif) 0 -46.6px no-repeat;}
#educationnav li#projects-navigation-education a{background:transparent url(../img/projects_navigation_on.gif) 0 -69.9px no-repeat;}
#leisurenav li#projects-navigation-leisure a{background:transparent url(../img/projects_navigation_on.gif) 0 -93.2px no-repeat;}
#leisurenav li#projects-navigation-health a{background:transparent url(../img/projects_navigation_on.gif) 0 -116.5.2px no-repeat;}




#about li#projects-navigation-office a{background:transparent url(../img/navigation_on.gif) 0px 0 no-repeat;}
#thecompany li#projects-navigation-retail a{background:transparent url(../img/navigation_on.gif) -82px 0 no-repeat;}
#products li#projects-navigation-residential a{background:transparent url(../img/navigation_on.gif) -188px 0 no-repeat;}
#projects li#projects-navigation-education a{background:transparent url(../img/navigation_on.gif) -276px 0 no-repeat;}
#facilities li#projects-navigation-leisure a{background:transparent url(../img/navigation_on.gif) -358px 0 no-repeat;}
#facilities li#projects-navigation-health a{background:transparent url(../img/navigation_on.gif) -440px 0 no-repeat;}



/*Build the layout for projects - individuals page*/
#projectsdetail-content-left{width:508px;float:left;text-align:left;background-repeat:no-repeat; background-position:top; clear:left}
#projectsdetail-content-right{width:259px;float:left;text-align:left; padding-top:5px;}

#projectsdetail-contact-textholder{padding-top:5px;text-align:center;width:100%;}

#projectshome-leftcontent-wrap {width:471px; text-align:left; padding-bottom:6px; padding:16px 0 0 0; margin-top:5px;}
#projectsdetail-infotext-wrap {width:245px; float:left; text-align:left; padding-bottom:6px; padding-right:20px; margin-top:5px; }
#projectsdetail-images-wrap {width:206px; float:left; text-align:left; padding-bottom:6px; margin-top:5px;}


#projectsdetail-newsarea-wrap { float:right; width:203px;}
#projectsdetail-imagepad {padding-top:8px;float:left;}


/*Build the layout for products home page*/
#productsdetail-content-left{width:508px;float:left;text-align:left;background-repeat:no-repeat; background-position:top; clear:left;}
#productsdetail-content-right{width:259px;text-align:left; padding-top:5px; clear:left;}

#productsdetail-contact-textholder{padding-top:5px;text-align:center;width:100%;}

#productshome-leftcontent-wrap {width:471px; text-align:left; padding-bottom:6px; padding-top:15px; margin-top:5px; float:left;}
#productsdetail-infotext-wrap {float:left; text-align:left; padding-bottom:6px; padding-left:20px; padding-top:8px;}
#productsdetail-images-wrap {width:178px; float:left; text-align:left; padding-bottom:6px;}
#productsdetail-imagepad {padding-bottom:8px;float:left;}

#productsdetail-newsarea-wrap { float:right; width:206px;}


/* stuff for contacts page and feed back page */
#location-textholder{padding-top:5px;width:100%; display:block; float:left;}
#location-textholder-wrap{padding-top:5px; padding-right:10px; width:327px; display:block; float:left;}
#location-googlemap-wrap{padding-top:5px; padding-left:20px; width:400px; height:200px; display:block; float:right;}

#contacts-contact-textholder{padding-top:5px;width:370px; display:block; float:left;}
#contacts-contact-textholder2{padding-top:5px;width:370px; display:block; float:right;}
#contacts-contact-textholder3{padding-top:5px;width:767px; display:block; float:left;}





/*Headings*/
h1{width:207px;height:63px;background:url(../img/logo.gif) no-repeat;margin:0 auto;padding:0;}
h1 a{text-indent:-9999px;display:block;width:207px;height:63px;background-color:transparent;background-attachment:scroll;background-x-position:0;background-y-position:0;margin:0;padding:0;}
h2 a,h2 a:visited,h2 a:hover,h2 a:active {color:#007DC3;text-decoration:underline;}
h2{font-family:"Helvetica",Arial, Helvetica, sans-serif; color:#007DC3; letter-spacing:0px; font-size:100%; font-weight:900; display:inline; padding-bottom:2px;text-transform:uppercase;}


h4{font-family:"Helvetica",Arial, Helvetica, sans-serif; color:#666; text-transform: uppercase; font-style:italic; letter-spacing:2px; font-size:84%; font-weight:200; padding:0; margin:0; line-height:16px}
h5 a:link,h5 a:visited,h5 a:hover,h5 a:active{color:#A0C9EC;text-decoration:underline;}
h5 {font-family:"Helvetica",Arial, Helvetica, sans-serif; color:#007DC3; text-transform:uppercase; font-weight:900; padding:5px 0 5px 0; letter-spacing:0px; line-height:22px; font-size:160%;vertical-align:top;}

/*h6{font-family:"Helvetica",Arial, Helvetica, sans-serif; color:#554129; letter-spacing:1px; font-size:120%; font-style:italic; line-height:132%; display:inline; text-indent: 30px; }*/
h6 a:visited,#h6 a:hover,#h6 a:active {color:#A0C9EC;text-decoration:underline;}
h6  a:link  {font-family:"Helvetica",Arial, Helvetica, sans-serif; color:#007DC3; letter-spacing:0px; font-size:100%; font-weight:900; padding-bottom:2px;}
h3{font-family: "Helvetica",Arial, Helvetica, sans-serif;color:#007DC3;font-size:100%;font-weight:900; letter-spacing:0px; padding-bottom:2px; padding-top:6px; text-transform:uppercase;}


/*Page Relevant Id's*/
#about-photo1	{ position:absolute; top:590px;}
#about-photo2	{position:absolute; top:370px; margin-left:480px}
#quote { background-image: url(../img/quote_left.gif); background-repeat:no-repeat; text-indent:30px; margin-bottom:10px;}
#inprivate-contactform	{ position:absolute; top:271px;}
#inprivate-contactform-bg	{ position:absolute; top:261px;}
#contact-photo1	{ position:absolute; top:430px; margin-left:252px}
#home-gallery{ background-image:url(../img/home_gallery.jpg); background-repeat:no-repeat; background-position:left; width: 400px; height:220px}
#home-gallery ul{ display:none;}
#interview-photo1	{position:absolute; top:710px; margin-left:700px}
#seasonal-photo1	{ position:absolute; top:325px; margin-left:502px}

/*Classes*/
.subcontent-middle-txtinput	{width:190px; padding:2px; margin:2px 0px 4px 0px; font-family:"Georgia", Times New Roman, serif; color:#554129}
.contactform-txtinput	{width:100%; padding:1px; margin:6px 0px 15px 0px; font-family: "Helvetica",Arial, Helvetica, sans-serif;color:#666;font-size:100%;}

/*h3{font-family: "Helvetica",Arial, Helvetica, sans-serif;color:#A0C9EC;font-size:100%;font-weight:900; letter-spacing:0px; padding-bottom:2px; padding-top:12px; text-transform:uppercase;}*/

.contactform-enterbutton {margin-left:10px; margin-top:10px}
.text-wrap-left {width:480px}
.noonline-booking {width:320px;margin-left:35px; margin-bottom:30px;}
.text-wrap-right {width:480px; margin-left:340px}
.supersizeme{font-size:204%; margin-bottom:4px}
.bottom-margin-me{margin-bottom:14px;}
.reviewmargin{margin-bottom:6px;}
.reviewmargintop{margin-top:7px;}
.reviewby{font-size:140%}
.space-me{padding-top:10px;}
.push-right {float:right;text-align:right; display:inline; padding-right:20px;margin-bottom:6px; background-image:url(../img/link_button.gif); background-repeat:no-repeat; background-position:right;}

.align-right {float:right;text-align:right; color:#A0C9EC; font-size:120%; text-decoration:underline; display:inline; padding-right:20px; background-image:url(../img/link_button.gif); background-repeat:no-repeat; background-position:right;}
.alignLeft {text-align: left;float: left; color:#A0C9EC; text-decoration:underline; font-size:120%;}
.add-padding {padding-bottom:5px; padding-top:10px;}

.office-colour {color:#00ae8e;}
.retail-colour {color:#ac208e;}
.residential-colour {color:#a3d063;}
.education-colour {color:#d71440;}
.leisure-colour {color:#f58220;}

.office-title {color:#00ae8e;display:block;width:471px;padding:0 0 0 0;margin:3px 5px 0 0;background-image:url(../img/bgd-of-title.gif);}
.office-title span {background-color:#fff;padding:0 5px 0 0;}
.retail-title {color:#ac208e;display:block;width:471px;padding:0 0 0 0;margin:3px 5px 0 0;background-image:url(../img/bgd-ret-title.gif);}
.retail-title span {background-color:#fff;padding:0 5px 0 0;}
.residential-title {color:#a3d063;display:block;width:471px;padding:0 0 0 0;margin:3px 5px 0 0;background-image:url(../img/bgd-res-title.gif);}
.residential-title span {background-color:#fff;padding:0 5px 0 0;}
.education-title {color:#d71440;display:block;width:471px;padding:0 0 0 0;margin:3px 5px 0 0;background-image:url(../img/bgd-ed-title.gif);}
.education-title span {background-color:#fff;padding:0 5px 0 0;}
.leisure-title {color:#f58220;display:block;width:471px;padding:0 0 0 0;margin:3px 5px 0 0;background-image:url(../img/bgd-lei-title.gif);}
.leisure-title span {background-color:#fff;padding:0 5px 0 0;}

.health-title {color:#00D4D4;display:block;width:471px;padding:0 0 0 0;margin:3px 5px 0 0;background-image:url(../img/bgd-he-title.gif);}
.health-title span {background-color:#fff;padding:0 5px 0 0;}

.floatpicleft {float:left;margin:4px 7px 0 0;}

#sitemap ul{margin:0 0 20px 20px;padding:0;}
#sitemap ul li {display:block;padding:0;margin:0;}
#sitemap ul li a {width:300px;display:block;padding:4px 0 3px 20px;border-bottom:1px dotted #999999;text-decoration:none;}
#sitemap ul li a:hover {display:block;background-color:#0099CC;color:#fff;}

.push-blue {color:#A0C9EC;}
/*not yet being used
#map{width:408px;height:248px;background-color:#fff;background-image:url(../img/map_loadingAnimation.gif);background-position:top;background-repeat:no-repeat;border:2px solid #FFF;}
#map-border{border:4px solid #B2D8D9;margin:0;}
*/