/* IE & FF Fix */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }

html, body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
h2 { color:#33ccff; font-size:14px;}
h3 { color:#333; margin-top:20px;  font-size:12px;}
iframe { margin:20px auto; width:510px;}

/* Classes */
a { color: #33ccff; text-decoration:none;}
a:hover {color: #666666; text-decoration:none;}
p {margin:0px; padding:1.0em 0 0; line-height:145%;}
.fLeft {float:left;}
.fRight {float:right;}
.clearBoth {clear:both;}
hr {border:0; margin:0; padding:0; height:1px;}
.boldP {font-weight:bold;}
.bullet_list { list-style:none; padding:15px 0 15px 0;  margin-left: 1em;}
.bullet_list li { padding-top:5px; list-style-image:url(images/general/arrow.jpg);}
.dotty { height:30px; margin-bottom:20px; border-bottom:dotted #CCCCCC 1px;}

/* Main Page */
#page-container {width:878px; margin:auto; padding:10px; border:10px solid #fafafa; background-color:#efefef;}

/* Header */
#header {}
#logobox { margin-left:10px;}

/* Page Titles */
#welcomeTtl {background:url(images/headings/welcomeTtl.jpg) no-repeat; width:133px; height:24px; text-indent:-9999px;}
#objectivesTtl {background:url(images/headings/objectivesTtl.jpg) no-repeat; width:133px; height:24px; text-indent:-9999px; margin-top:15px;}
#ouraimTtl {background:url(images/headings/ouraimTtl.jpg) no-repeat; width:65px; height:25px; text-indent:-9999px;}
#consultancyTtl {background:url(images/headings/consultancyTtl.jpg) no-repeat; width:91px; height:24px; text-indent:-9999px;}
#enviromentalTtl {background:url(images/headings/enviromentalTtl.jpg) no-repeat; width:200px; height:24px; text-indent:-9999px;}
#heatingTtl {background:url(images/headings/heatingTtl.jpg) no-repeat; width:58px; height:24px; text-indent:-9999px;}
#propertyTtl {background:url(images/headings/propertyTtl.jpg) no-repeat; width:128px; height:24px; text-indent:-9999px;}
#eventsTtl {background:url(images/headings/eventsTtl.jpg) no-repeat; width:150px; height:24px; text-indent:-9999px;}
#registrationTtl {background:url(images/headings/registrationTtl.jpg) no-repeat; width:128px; height:24px; text-indent:-9999px;}
#documentationTtl {background:url(images/headings/documentationTtl.jpg) no-repeat; width:151px; height:24px; text-indent:-9999px;}
#contactTtl {background:url(images/headings/contactTtl.jpg) no-repeat; width:143px; height:24px; text-indent:-9999px;}
#contact2Ttl {background:url(images/headings/contact2Ttl.jpg) no-repeat; width:59px; height:24px; text-indent:-9999px; margin-top:30px;}
#socialaimsTtl {background:url(images/headings/socialaimsTtl.jpg) no-repeat; width:151px; height:24px; text-indent:-9999px;}
#aspirationsTtl {background:url(images/headings/aspirationsTtl.jpg) no-repeat; width:151px; height:24px; text-indent:-9999px;}
#businessTtl {background:url(images/headings/businessTtl.jpg) no-repeat; width:240px; height:24px; text-indent:-9999px;}
#projectsTtl {background:url(images/headings/projectsTtl.jpg) no-repeat; width:240px; height:24px; text-indent:-9999px;}
#linksTtl {background:url(images/headings/linksTtl.jpg) no-repeat; width:240px; height:24px; text-indent:-9999px;}

#mapTtl {background:url(images/headings/mapTtl.jpg) no-repeat; width:240px; height:24px; text-indent:-9999px;}
#futureTtl {background:url(images/headings/futureTtl.jpg) no-repeat; width:240px; height:24px; text-indent:-9999px;}

/* Main Content */
.column1 {float:left; width:236px; padding:15px; border:10px solid #f7f7f7; background-color:#fefefe;}
.column1 dl {}
.column1 dl dt {font-weight:bold; padding-top:30px;}
.column1 dl dd {padding:5px 0;}
.column2 {float:left; width:236px; height:420px; padding:15px; border:10px solid #f7f7f7; background-color:#fefefe; margin:0 10px;}
.column3 {border-top:1px solid #efefef; width:582px; float:right; margin:30px 0 40px 0;}
.column3 p { padding:0 12px 20px 12px; font-style:italic;}
.column4 {float:left; width:532px; padding:15px; border:10px solid #f7f7f7; background-color:#fefefe; margin:0 0 0 10px;}
.column5 {float:left; width:236px; padding:15px; border:10px solid #f7f7f7; background-color:#fefefe;}
.column5 dl {}
.column5 dl dt {font-weight:bold; padding-top:30px;}
.column5 dl dd {padding:5px 0;}

/* Footer */
#footer {clear:both; height:20px; background:url(images/general/footerLogos.jpg) no-repeat top right; padding:70px 0 0 0; color:#666;}
#footer a {color:#666; font-size:11px; text-decoration:none;}
#footer a:hover {color:#CCC; font-size:11px; text-decoration:none;}
#ourLink {float:left; margin:0px; padding:0px;}
#lowerNav {float:right; list-style:none;}
#lowerNav li {display:inline;}
.strapline { font-weight:bold;}
#footer a img { margin:-70px 0 0 0; float:left}

#basewords { width:898px; margin:0 auto; text-align:left; list-style:none }
#basewords li { display:inline; border-left:solid 1px; padding:0 5px; font-size:9px }
#basewords li.first { border:0; padding-left:0 }
#basewords strong { font-weight:normal }

#basescript {width:898px; margin:auto; margin-top:15px; font-size:9px;}
#basescript h2 {font-size:12px;}
#basescript h3 {font-size:11px;}
.highlight { font-weight:bold; font-style:italic;}
.highlight2 { font-weight:bold;}
.highlight3 { font-weight:bold; color: #33ccff;}
a.gallery img { border:10px solid #f7f7f7;}
a.gallery:hover img { border-color:#CCCCCC;}
#flashMenu { z-index:99;}
.gallery { z-index:1;}
#flashMenu a { color:#333333; font-size:14px; font-weight:bold;}
#flashMenu a:hover { color:#33ccff; font-size:14px; font-weight:bold;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clear-both { clear:both;}
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }