/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
body { background:#fff; padding:15px; font-size:75%; font-family:arial, vardana, sans-serif; color:#808080; line-height:1.6;}

/* Standard Styles */
* {padding:0; margin:0;}
.clear {clear:both;}
hr {margin:5px 0;}
blockquote {margin-left:40px;}
p {margin:0 0 1.5em 0; overfloaw:hidden; text-align:justify;}
.left {float:left;}
.right {float:right;}

a { color:#555; text-decoration:underline  }
a:hover { color:#94d332}
a img { border:none;}
a:hover img {  }
a img.noback, a:hover img.noback { background:none; padding:0; border:none; }
a.arrowlink {background:url(linkarrow.gif) top left no-repeat; padding:0 0 0 15px; clear:both;}

h1, h2, h3, h4 {font-family:;}
h1 {color:#555; font-size:2.3em;  font-weight:normal; margin:0px 0 0.5em 0; padding:0px; border-bottom:1px solid #dfdfdf; }
h2 {color:#808080; font-size:1.7em; line-height:1.8em; font-weight:normal; margin:0.5em 0 0.5em 0; padding:0 0 2px 0; }
h3 {color:#d4aa4f; font-size:1.2em; line-height:1.4em; font-weight:bold; margin:0.5em 0 0.5em 0;  padding:0 0 3px; border-bottom:1px solid #18a1c5}
h4 {display:block; background: #858585; color:#FFF; padding:10px; border: 1px solid #6c6969; text-align:center; }

img.clsleft { margin-right:15px; margin-bottom:10px; }
img.clsmiddle { margin-right:15px; margin-left:15px; margin-bottom:10px; }
img.clsright { margin-left:15px; margin-bottom:10px; }
img.clsborderleft { margin-right:15px; margin-bottom:10px; border:1px solid #010101; padding:4px;}
img.clsbordermiddle { margin-right:15px; margin-left:15px; border:1px solid #010101; padding:4px;}
img.clsborderright { margin-left:15px; margin-bottom:10px; border:1px solid #010101; padding:4px; }

.notes { font-size:0.8em; color:#888; margin:1.5em 0;}
.shout {color: #54733a; font-size: 1.2em; font-weight:bold; margin:1.5em 0;}
.shout2 {color: #ea9b3c; font-size: 1.2em; font-weight:bold; margin:1.5em 0;}

.submit {background: #ddd; border: 0; cursor: pointer; color: white; padding:2px;}
.reset {background: #ccc; border: 0; cursor: pointer; color: white}
.quote {padding:5px; color:#0159ad; margin:3px 0 ;  font-family:georgia, serif; font-style:italic; font-size:1.2em;}
.quote strong {font-size:1.2em;}
.caption {float:right; padding:5px; color:#555; margin:10px; margin-right:0px; }

.custom1 { margin:1.5em 0; color:#54733a}
.custom2 { margin:1.5em 0; color:#84AB65}

.border {border:1px solid #555; padding:4px; }
.noborder {border:0;}

/*Structural & Custom Styles */

#jump {display:none;}

#container {margin:0 auto; width:960px; overflow:hidden; padding:0; font-size:1.2em; background:url(cont_bkg.gif) left repeat-y; }

#header {overflow:hidden; padding:0 4px ;  background:#fff;  margin:5px auto 0 auto; width:960px;}
#header h2 {width:448px; height:99px; padding:0; border:none; margin:30px 0 0 0; text-indent:-999px ; border:none; background:url(sitelogo.gif) top left no-repeat; float:left;}
#header a {float:left}
#header #menu{}
#strip {padding-left:3px;}


#nav {float:right; margin:0; list-style:none;}
#nav li { margin:0;   float:left; }
#nav li a { margin:0 0 0 20px; color:#8a8a8a; text-decoration:none;  float:left; border-bottom:3px solid #fff}
#nav li a#active { font-weight:bold;}
#nav li a:hover {text-decoration:none; color:#444; border-bottom:3px solid #baed6a}

#pagecontent {width: 960px; float:left; min-height:350px}

#raising-the-bar { float:right; }

#packagesmenu, #packgagesheading {display:none;}

#page4 #packagesmenu, #page5 #packagesmenu, #page6 #packagesmenu, #page7 #packagesmenu, #page8 #packagesmenu, #page9 #packagesmenu, #page10 #packagesmenu, #page11 #packagesmenu, #page12 #packagesmenu, #page13 #packagesmenu, #page20 #packagesmenu, #page21 #packagesmenu, #page22 #packagesmenu, #page23 #packagesmenu, #page24 #packagesmenu, #page25 #packagesmenu, #page26 #packagesmenu, #page27 #packagesmenu, #page28 #packagesmenu, #page28 #packagesmenu, #page29 #packagesmenu, #page30 #packagesmenu, #page31 #packagesmenu  {display:block;width:150px; float:left; margin:11px 10px 1.5em 0; padding:0 0 3px 0px; }

#page4 #pagecontent, #page5 #pagecontent, #page6 #pagecontent, #page7 #pagecontent, #page8 #pagecontent, #page9 #pagecontent, #page10 #pagecontent, #page11 #pagecontent, #page12 #pagecontent, #page13 #pagecontent, #page20 #pagecontent, #page21 #pagecontent, #page22 #pagecontent, #page23 #pagecontent, #page24 #pagecontent, #page25 #pagecontent, #page26 #pagecontent, #page27 #pagecontent, #page28 #pagecontent, #page28 #pagecontent, #page29 #pagecontent, #page30 #pagecontent, #page31 #pagecontent {width:800px; }

#page4 #packgagesheading, #page5 #packgagesheading, #page6 #packgagesheading, #page7 #packgagesheading, #page8 #packgagesheading, #page9 #packgagesheading, #page10 #packgagesheading, #page11 #packgagesheading, #page12 #packgagesheading, #page13 #packgagesheading, #page20 #packagesheading, #page21 #packagesheading, #page22 #packagesheading, #page23 #packagesheading, #page24 #packagesheading, #page25 #packagesheading, #page26 #packagesheading, #page27 #packagesheading, #page28 #packagesheading, #page28 #packagesheading, #page29 #packagesheading, #page30 #packagesheading, #page31 #packagesheading{display:block;}


#nav2 {width:150px; float:left; margin:0; list-style:none;   font-size:1.2em}
#nav2 li { margin:0;   float:left; }
#nav2 li a {display:block;  padding:6px 5px 4px 0; margin:0; color:#8a8a8a; text-decoration:none;  float:left; width:160px;}
#nav2 li a#active {font-size:1.2em; font-weight:bold; color:#555;}
#nav2 li a:hover {text-decoration:none; color:#7bca00}

a#contactbutton {float:right; text-indent:-9999px; background:url(contact_button.gif) top left no-repeat; display:block; width:109px; height:14px; margin-top:40px;}
a#contactbutton:hover {background:url(contact_button.gif) left -16px no-repeat;}

#main {width:960px; margin:0; }

#page1 h1 {border:none; }

#logos {margin:20px auto 0 auto;}



.homelink1, .homelink2 {float:left; margin-right:85px;}
.homelink1 {margin:10px 85px 15px 20px;}
.speciallink {float:left; margin-top:30px;}

ul, ol { margin:1.5em 0 1.5em 25px;}
li {margin:0 0 0.5em 0;}

table, td, th {border:none; padding:2px; vertical-align:top;}
th {text-transform:uppercase; font-weight:bold; text-align:left;}
table h2 {margin:0; font-size:1.3em;}


#contact, #contact td {border:none; padding:0 30px 0 0 ;}

#villaright {width:310px; }
#villaright img {clear:both;}
#villaleft img.clsborderleft {clear:both;}

blockquote {background:transparent url(quote_top.jpg) no-repeat scroll left top;border:1px solid #b21914;clear:both;float:left;line-height:1.3;margin:0 0 20px 0;padding:10px 4px 0px 35px; width:594px}
blockquote p {padding-right:30px;}
blockquote .quotetext {background:transparent url(quote_bottom.jpg) no-repeat scroll right bottom;}
blockquote .quoteauthor {color:#151d61;font-weight:bold;}

#formdiv {float:left; width:370px;}
form#contact {margin:0; width:370px;}
form#contact .inputsurround {overflow:hidden; padding:0 0 10px 0; }
form#contact .inputsurround label {float:left; width:100px;}
form#contact .inputsurround input, form#contact .inputsurround textarea {float:right; width:260px; clear:right}
form#contact .inputsurround .submit {background: #808080; border: 0; cursor: pointer; color: white; padding:2px; width:70px; margin:5px 0; clear:both;}
#contactinfo {width:180px; float:left; margin:-10px 0 0 30px;}
#contactinfo h2 { margin:0; padding:0; }
#contactinfo p { margin: 0 0 20px 0;}

#sidecontact {padding:0 10px; margin:40px 0 0 10px; clear:both; color:#555; border:1px solid #0e83bb}
.noMarginTop { margin-top:0; }
#MMEmbeddedMap {margin-left:27px; float:left; margin-top:40px;}

#buttonmenu {width:960px; margin:10px auto; padding:0; list-style:none; height:60px}
#buttonmenu li { float:left; }
#buttonmenu li a {text-indent:-9999px; display:block; height:47px; background-position:0px 0px; margin:0 0 0 35px;}
#buttonmenu li a#button1 {width:68px; background-image:url(button_projects.gif); margin:0;}
#buttonmenu li a#button2 {width:96px; background-image:url(button_how_we_work.gif);}
#buttonmenu li a#button3 {width:75px; background-image:url(button_packages.gif);}
#buttonmenu li a#button4 {width:94px; background-image:url(button_specification.gif);}
#buttonmenu li a#button5 {width:94px; background-image:url(button_installations.gif);}
#buttonmenu li a#button6 {width:94px; background-image:url(button_sustainability.gif);}
#buttonmenu li a#button7 {width:85px; background-image:url(button_accessories.gif);}
#buttonmenu li a#button8 {width:91px; background-image:url(button_contact.gif);}

#buttonmenu li a:hover, 
#page2 a#button1, #page3 a#button2, #page4 a#button3, #page5 a#button3,
#page6 a#button3, #page7 a#button3, #page8 a#button3, #page9 a#button3,
#page11 a#button3, #page12 a#button3, #page13 a#button3, #page32 a#button4,  
#page33 a#button5, #page14 a#button6, #page17 a#button7, #page18 a#button8 {background-position: 0px -47px  }


#footer {margin: 0 auto ; text-align:right; clear:both; color:#c0c0c0; overflow:hidden; background:url(footer.gif) bottom left no-repeat; height:28px;padding:0px 0 2px 0; width:960px; }
#footer a {color:#c0c0c0;}

#right { float:right; margin-left:20px; }


#lightbox{ position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox a img{ border:none; }
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer{ padding:10px; }
#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%; height:100%; background:transparent url(http://server17.sitewizard.co.uk/sites/alfresco/template/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(http://server17.sitewizard.co.uk/sites/alfresco/template/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(http://server17.sitewizard.co.uk/sites/alfresco/template/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }	
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;	}			
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em;	}	 	
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } 
.clearfix:after { content:".";  display:block;  height:0;  clear:both;  visibility:hidden; }
* html>body .clearfix { display:inline-block;  width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }


.hiddenPictures { display: none; }