@charset "utf-8";
/* CSS Document */
/* Pallatte 
Black #000
Green #74bf44
Aqua #14bdef
Dark Blue #00033d
Light Blue #a2c0e4
Purple #752b8f
Dk Grey #666666
Light Grey #cccccc
*/


@font-face {
	font-family: 'Helt45';
	src: url('Helt45.eot');
	src: local('type/Helvetica Neue LT Com'), local('type/HelveticaNeueLTCom-Lt'), url('type/Helt45.woff') format('woff'), url('type/Helt45.ttf') format('truetype');
}

html {font-size: 80%;}

body {font: 1em/1.2 Arial, "Trebuchet MS", Tahoma, sans-serif; color: #4d4d4d}

h1, h2, h3 {color: #74bf44; font-weight: normal; }
h1, h2 {font-family: Helt45, Helvetica, Sans, Arial }
h1 { font-size: 2.7em;  margin: 20px 0 15px 18px; }
h2 { font-size: 1.1em; margin: 0 0 15px 18px;  }
h1.home { margin-bottom: 0; }
h2.home { margin-top: -5px; }
h3 { font-weight: bold; margin-top: 0.7em; }
p { line-height: 1.25em; margin-bottom: 0.7em; clear: both; }
p span { font-size: 0.9em; }
a, a:visited, a:active { color: #74bf44; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

.divBreaker { clear:both; }
.divider { height: 8px; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Containers */
#divContainerTop { width: 100%; background-color: #00033d; height: 160px; }
#divContainerNav { width: 100%; background-color: #cccccc; min-height: 25px; border-top: 2px solid #666666; border-bottom: 2px solid #666666 }
#divContainerMain { width: 100%; min-height: 767px; background: #a2c0e4 url(../images/background.gif) top center no-repeat }

#divHeader { width: 970px; margin-left: auto; margin-right: auto; }
#divHeader #logo { float: left; margin: 24px 0 0 25px;  }
#divHeader #strapline { float: right; margin: 108px 0 0 0 }

#divFooter { clear: both; width: 970px; margin-left: auto; margin-right: auto; }
#divFooter p { color: #fff; font-weight: bold; font-size: 0.9em; margin-top: 3px; }

#divFlash { width: 950px; height: 290px; z-index:1; }
.gmapPopup p { margin-bottom: 8px; }

#divNav {width: 970px; margin-left: auto; margin-right: auto;  }
#ulNav li { height: 26px; float: left; border-right: 1px solid #666666; list-style-type: none; text-align: center; font-weight: bold; line-height: 25px; color: #74bf44; background-color: #666666; }
#ulNav li a, #ulNav li a:visited { display:block; background-color: #CCCCCC; color: #4d4d4d; }
#ulNav li a:hover, #ulNav li a:active {height: 26px;  color: #74bf44; background-color: #666666; text-decoration: none; }
#ulNav #navHome { width: 96px; }
#ulNav #navBuilding { width: 144px; }
#ulNav #navSustain { width: 148px; } 
#ulNav #navLocation { width: 119px; }
#ulNav #navSpec { width: 146px; }
#ulNav #navContact { width: 136px }
#ulNav #navBrochure { width: 174px }
#ulNav li.last { border-right: none; }

#divContent { width: 950px; padding: 10px; background-color: #fff; margin-left: auto; margin-right: auto; }
#divColFull { padding-left: 18px; }

.divColLeft { float: left; width: 436px; margin-left: 18px;  }
.divColLeft ul { margin-left: 16px; margin-right: 15px; margin-bottom: 8px;}
.divColLeft ul.ul2col { width: 184px; float: left; }
.divColLeft ul li { list-style-type: disc; margin-bottom: 0.6em; color: #4d4d4d }

.divColRight { float: left; width: 477px; margin-left: 19px; min-height:152px; }

.locationLeft { width: 574px }
.locationRight { width: 320px; }
.pLocation { float: left; clear: none; width: 165px; }
li.liLocation { list-style-type: none; margin-top: 2em; }

.specLeft { width: 477px }
.specRight { width: 446px; margin-left: 9px; padding-bottom: 20px; }
.specLeft .divImgPuff { float: left; margin-left: 0; margin-right: 9px; margin-top: 10px;  }

.divImgPuff { float: right; background: #a2c0e4; width: 150px; margin-left: 9px; margin-bottom: 9px; }
.divImgPuff img { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-top: 2px; }
.divImgPuff .divImgPuffText { min-height: 18px; /*background: transparent url(../images/logo_corner.jpg) bottom right no-repeat;*/ margin-bottom: 3px; }
.divImgPuff .divImgPuffText p { padding: 4px 0 0 4px; color: #fff; font-size: 0.9em;  font-weight: bold;  margin-bottom: 0.2em}
.divImgPuff .divImgPuffText div { display: none; }
.divImgPuff .divImgPuffText span { padding: 0 0 4px 4px; color: #fff; font-size: 0.8em; font-weight: bold}
.divImgPuff .divImgPuffText span.normal { padding-left: 0; }
.divPuffText { background-color: #fff; border-top: 2px solid #C3E76F; margin-bottom: 1px; }
.pPuffText { border: 1px solid #C3E76F; padding: 6px;  margin-top: 1px; font-size: 0.85em }

.bgDkGreen { background-color: #9DBCB0;}
.bgGreen { background-color: #C3E76F; }
.bgPurple { background-color: #9278D1; }
.bgDkBlue { background-color: #8CB8C6 }
.bgBlue { background-color: #a2c0e4; }
.bgBeige { background-color: #BFB1A4; }


.divInfoBox { padding: 1px 9px 6px 9px;  min-height: 323px; background-color: #ededed; vertical-align: top; }
.divInfoBox p { margin-bottom: 1em; }

form label { float: left; clear: left; width: 160px; }
form input { float: left; width: 240px;  }
form textarea {float: left; width: 240px; height: 120px; }
form #btnSubmit { float: right; width: auto; margin-top: 8px; }
form div { padding: 3px; width: 406px; margin-bottom: 8px; }
p.ulError { color: #CC0000; }
ul.ulError { margin-bottom: 12px; }
ul.ulError li { color: #CC0000; margin-left: 30px; margin-bottom: 3px; list-style-type: disc }
div.error { padding: 6px; border: 1px solid #CC0000; }

.large { width: 230px; }
.large img { width: 230px; height: 146px; }

.div50percent { float: left; width: 50% }
.right { float: right; }
.left { float: left; }