/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(../images/body-bg.gif); text-align:center;}
.top-tail{ background:url(../images/top-tail-2.gif) top repeat-x;}
.top-tail2{ background:url(../images/top-tail-2.gif) repeat-x 50% top; position:absolute; right:0; width:50%; height:100px;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#646464;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#c33;}
a:hover{text-decoration:none;}
p { text-align: justify; padding-top: 5px; padding-bottom: 10px; }
h1 { color: #c33; font-size: 1.6em; font-weight: bold; line-height: 1em; text-align: left; margin: 0.67em 0; }
h3 { color: #fff; font-size: 1em; font-weight: bold; background-color: #ce2d4c; text-transform: uppercase; text-align: left; padding: 5px 5px 5px 10px; }
strong{ display:block; padding-bottom:11px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:155px;}
.margin1{ margin-top:29px;}
.padding1{ padding-top:15px;}
.padding2{ padding-top:20px;}
.padding3{ padding-top:25px;}
.padding4{ padding-top:8px;}

/* ============================= header ====================== */
#header{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; }
#header .logo{ display:inline-block; vertical-align:top; padding-right: 0; padding-bottom: 0; padding-left: 71px; }
#header .contact{ display:inline-block; vertical-align:top; padding-right: 0; padding-bottom: 0; padding-left: 120px; }
#header .slogan{ display:inline-block; font-size:1.1em; color:#000; font-weight: bold; font-style: italic; padding:43px 0 0 22px; }

/* ============================= content ====================== */
#content{ padding:26px 55px 0 55px;}
#content .top-tail{ background:url(../images/content-top-tail.gif) top repeat-x #ffffff; width:100%;}
.bot-tail{ background:url(../images/content-bot-tail.gif) bottom repeat-x;}
.left-tail{ background:url(../images/left-tail.gif) left repeat-y;}
.right-tail{ background:url(../images/right-tail.gif) right repeat-y;}
.left-top{ background:url(../images/corner-left-top.gif) left top no-repeat;}
.right-top{ background:url(../images/corner-right-top.gif) right top no-repeat;}
.left-bot{ background:url(../images/corner-left-bot.gif) left bottom no-repeat;}
.right-bot{ background:url(../images/corner-right-bot.gif) right bottom no-repeat; width:100%;}
.indent{ padding:25px 10px 30px 28px;}
#page8 .indent{ padding:25px 30px 45px 28px;}

.line{ padding-bottom:15px;}
.extra{ padding-bottom:0;}
.title{ padding-bottom:11px;}
.unline{ background:url(../images/line.gif) bottom repeat-x; padding-bottom:25px; margin-bottom:24px;}
.unline1{ background:url(../images/line.gif) repeat-x 50% bottom; text-align: justify; padding-bottom:37px; margin-bottom:24px; }
.unline2{ background:url(../images/line2.gif) repeat-x 50% bottom; text-align: justify; padding-bottom:20px; margin-bottom:24px; }
.unline3{ background:url(../images/line2.gif) repeat-x 50% bottom; text-align: justify; padding-bottom:20px; margin-bottom:15px; }

.top{ height:349px; margin-left:10px;}
.backtotop{ float: right; clear: both; margin-top: -20px; }
.keycomponents p{ padding: 10px; }
.keycomponents h1{ font-size: 12px; text-align: center; padding: 10px; }
.superscript{ font-size: 9px; }
.subscript{ font-size: 9px; padding-top: -4px; }
.menu{ font-size: 14px; padding:20px 0 0 14px; }
.menu li{ float:left; padding:0 22px 0 20px; background:url(../images/menu-item-bg.gif) no-repeat 0 11px;}
.menu .first{ background:none; padding-left:0px;}
.menu a{ color:#4b4b4b; text-decoration:none; display:block;}
.menu a span{ display:block; }
.menu a span span{ padding:6px 11px 7px 12px;}

.menu a:hover{ color:#ffffff; font-weight:normal; text-decoration:none; background:url(../images/menu-tail.gif) repeat-x 50% top;}
.menu .active{ color:#ffffff; text-decoration:none; background:url(../images/menu-tail.gif) repeat-x 50% top;}
.menu a:hover span, .menu .active span{ background:url(../images/menu-left-bg.gif) left top no-repeat;}
.menu a:hover span span, .menu .active span span{ background:url(../images/menu-right-bg.gif) right top no-repeat; }

.top .text{ width:340px; color:#42a1ff; line-height:1.42em;};padding-right: 0;padding-bottom: 0;
.top .text img{  }
.top .text a{ display:inline; margin-top:10px; color:#ffffff; font-weight:bold; }

.box{ background:url(../images/box-corner-left-top.gif) top left no-repeat; width:100%;}
.box .right-top{ background:url(../images/box-corner-right-top.gif) top right no-repeat; width:100%;}
.box .left-bot{ background:url(../images/box-corner-left-bot.gif) bottom left no-repeat; width:100%;}
.box .right-bot{ background:url(../images/box-corner-right-bot.gif) bottom right no-repeat; padding:5px; width:auto;}
.box .top-border{ background:url(../images/box-border.gif) top repeat-x #ffffff; margin:-5px 0;}
.box .bot-border{ background:url(../images/box-border.gif) bottom repeat-x; padding:5px 0;}
.box .left-border{ background:url(../images/box-border.gif) left repeat-y #ffffff; margin:0 -5px;}
.box .right-border{ background:url(../images/box-border.gif) right repeat-y; padding:0 5px;}
.box .indent{ padding:8px 10px 2px 17px;}
.box p{ padding-top:17px;}
.box .line{ background:url(../images/line4.gif) repeat-y 195px 0 !important; padding-bottom:0;}

.box .col-1{ width:180px;}
.box .col-2{ width:187px; margin-left:40px;}
.link1{ line-height:1.33em;background-color: transparent;background-attachment: scroll;background-position: 0 0;padding-top: 12px;padding-right: 0;padding-bottom: 13px;}
.link2{ line-height:1.33em;background-color: transparent;background-attachment: scroll;background-position: 0 0;padding-top: 12px;padding-right: 0;padding-bottom: 13px;}
.link1 a, .link2 a{ font-weight:bold; color:#2b84ae; }

.link{ display:inline-block; font-weight:bold; margin-top:15px;}
.date{ color:#c33; font-size: 14px; font-weight:bold; text-transform: uppercase; }
.date a{ color:#c33;}

.list{ color:#c33;}
.list a{ font-weight:bold; text-decoration:none; color:#c33; margin-left:5px;}
.list a:hover{ text-decoration:underline;}
.menu-bg { background-image: url(../images/menu-bg.png); background-repeat: no-repeat; background-attachment: scroll; width: 224px; height: 165px; margin-bottom: 10px; padding-top: 10px; }
.menu-bg p { text-align: left; margin-left: 20px; }
.menu-bg ul { text-align: left; margin-top: 10px; }
.menu-bg li { text-align: left; margin-left: 20px; }
.passive-home { background-image: url(../images/passive-house-bg.png); background-repeat: no-repeat; background-attachment: scroll; width: 328px; height: 165px; margin-bottom: 10px; }
.passive-home p { font-size: 12px; line-height: 12px; text-align: left; width: 150px; height: auto; float: right; margin-top: 30px; margin-right: 20px; }
.passive-home a { color: #fff; font-size: 12px; font-weight: 900; background-image: url(../images/passive-house-more-bg.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-decoration: none; width: 100px; height: 40px; float: left; margin-top: 1px; margin-left: 50px; padding-top: 13px; padding-left: 10px; }
.passive-home a:hover { text-decoration: underline; }
.efficient-home { background-image: url(../images/energy-efficient-bg.png); background-repeat: no-repeat; background-attachment: scroll; width: 328px; height: 165px; margin-bottom: 10px; }
.efficient-home p { font-size: 12px; line-height: 12px; text-align: left; width: 150px; height: auto; float: right; margin-top: 30px; margin-right: 20px; }
.efficient-home a { color: #fff; font-size: 12px; font-weight: 900; background-image: url(../images/energy-efficient-more-bg.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-decoration: none; width: 100px; height: 40px; float: left; margin-top: 7px; margin-left: 50px; padding-top: 13px; padding-left: 10px; }
.efficient-home a:hover { text-decoration: underline; }
.benefits-home { background-image: url(../images/why-choose-PHB-bg.png); background-repeat: no-repeat; background-attachment: scroll; width: 328px; height: 165px; margin-bottom: 10px; }
.benefits-home p { font-size: 12px; line-height: 12px; text-align: left; width: 160px; height: auto; float: right; margin-top: 30px; margin-right: 20px; }
.benefits-home a { color: #fff; font-size: 12px; font-weight: 900; background-image: url(../images/why-choose-PHB-more-bg.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-decoration: none; width: 100px; height: 40px; float: left; margin-top: 7px; margin-left: 50px; padding-top: 13px; padding-left: 10px; }
.benefits-home a:hover { text-decoration: underline; }
.service p { margin-left: 10px; }
.service a { color: MenuText;  }
.service a:hover { text-decoration: underline; }
.fileDownload {
    background: transparent url(../images/file_icon.png) no-repeat left top;
    display: block;
    height: 35px;
    padding-left: 36px;
}
.gallery { padding: 2px; border: solid 1px #636360; }
/* ============================= page1 ===========================*/
#page1 .column-2{ margin-left:46px;}
/* ============================= page2 ===========================*/
#page2 .column-2{ margin-left:55px;}
/* ============================= page3 ===========================*/
#page3 .column-2{ margin-left:46px;}
/* ============================= page4 ===========================*/
#page4 .column-2{ margin-left:50px;}
#page4 .col-2{ margin-left:30px;}
/* ============================= page5 ===========================*/
#page5 .column-2{ margin-left:46px;}
#page5 .col-2{ margin-left:30px;}
/* ============================= page6 ===========================*/
#page6 .column-2{ margin-left:44px;}
/* ============================= page7 ===========================*/
#page7 .column-2{ margin-left:55px;}

/* ============================= footer ====================== */
#footer{ text-align:right; color:#2a4959; font-size:0.917em;}
#footer a{ color:#2a4959; margin-left:3px;}
#footer .text{ width: 400px; float: right; padding: 18px 64px 0 0; }
#footer .text span{ text-transform:uppercase; font-weight:bold;}
#footer img{ float: left; clear: left; }

/* ============================= forms ============================= */
#ContactForm{ padding-top:20px;}
#ContactForm .col-1{ width:280px !important;}
#ContactForm .col-2{ width:250px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:47px;}
#ContactForm input{ border:solid 1px #d8d8d8; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:215px;}
#ContactForm textarea{ border:solid 1px #d8d8d8; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:245px; height:110px; overflow:hidden;}
#ContactForm .link{ margin:5px 0 0 20px;}


.credits{ background:none; width: 870px; text-align:center !important;}
.credits p{ text-align:center;}
.credits a{ color:#2A4959}