/** ALL MIGHTY RESET **/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
* {margin: 0;}
body {background: url(../images/bg.jpg) no-repeat top #b1b1b1; font-family: Arial; color: #ffffff;}
ol, ul {list-style: none;}
.clear {clear: both;}
a {color: #154a6e; text-decoration: none;}
a:hover {text-decoration: underline;}
#wufooFix {width: 600px; margin: 0 0 0 50px;}
#wufooFix ul {width: 600px; text-align: left;}
/* HEADER --------------------------------------------------------------------------------------------------------------------------------------- */
#screen-reader {position: absolute; left: -99999px; top: -99999px;}
#header {background: url(../images/header-bg.jpg) no-repeat; width: 960px; height: 209px;}
h1#logo a {background: url(../images/sprite.png) 0px 0px no-repeat; width: 361px; height: 88px; display: block; margin: 17px 0 0 4px; float: left; text-indent: -99999px;}
/* MAIN NAVIGATION */
ul#main-nav {margin: 30px 0 0 80px; float: left; position: relative;}
ul#main-nav li {float: left; display: inline; position: relative; }
ul#main-nav li a {float: left; display: inline; position: relative;}
/* NORMAL STATE */
li#home a {background: url(../images/nav-sprite.png) 0px 0px no-repeat; width: 76px; height: 55px; display: block; text-indent: -99999px;}
li#about a {background: url(../images/nav-sprite.png) -76px 0px no-repeat; width: 87px; height: 55px; display: block; text-indent: -99999px;}
li#calc a {background: url(../images/nav-sprite.png) -163px 0px no-repeat; width: 91px; height: 55px; display: block; text-indent: -99999px;}
li#work a {background: url(../images/nav-sprite.png) -254px 0px no-repeat; width: 80px; height: 55px; display: block; text-indent: -99999px;}
li#contact a {background: url(../images/nav-sprite.png) -334px 0px no-repeat; width: 101px; height: 55px; display: block; text-indent: -99999px;}
/* HOVER STATE */
li#home a:hover {background: url(../images/nav-sprite.png) 0px -71px no-repeat; width: 76px; height: 55px; display: block; text-indent: -99999px;}
li#about a:hover {background: url(../images/nav-sprite.png) -76px -71px no-repeat; width: 87px; height: 55px; display: block; text-indent: -99999px;}
li#calc a:hover {background: url(../images/nav-sprite.png) -163px -71px no-repeat; width: 91px; height: 55px; display: block; text-indent: -99999px;}
li#work a:hover {background: url(../images/nav-sprite.png) -254px -71px no-repeat; width: 80px; height: 55px; display: block; text-indent: -99999px;}
li#contact a:hover {background: url(../images/nav-sprite.png) -334px -71px no-repeat; width: 101px; height: 55px; display: block; text-indent: -99999px;}
/* HERE STATE */
li#home a.here {background: url(../images/nav-sprite.png) 0px -71px no-repeat; width: 76px; height: 55px; display: block; text-indent: -99999px;}
li#about a.here {background: url(../images/nav-sprite.png) -76px -71px no-repeat; width: 87px; height: 55px; display: block; text-indent: -99999px;}
li#work a.here {background: url(../images/nav-sprite.png) -254px -71px no-repeat; width: 80px; height: 55px; display: block; text-indent: -99999px;}
li#contact a.here {background: url(../images/nav-sprite.png) -334px -71px no-repeat; width: 101px; height: 55px; display: block; text-indent: -99999px;}
/* BODY ------------------------------------------------------------------------------------------------------------------------------------------ */
#page-wrap {margin: 0 auto; width: 960px; padding-bottom: 75px; z-index:1000;}
/* HOME PAGE ------------------------------------------------------------------------------------------------------------------------------------- */
/* MAIN BLOCK */
#home-main-block {background: url(../images/home-main-block.png) 0px 0px no-repeat; width: 894px; height: 250px; margin: 18px 0 0 33px;}
.home-pic {margin: 8px 0 0 10.5px; float: left;}
#video {margin: -223px 0 0 628px; width: 255px; height: 230px; background-color: black; float: right; position: absolute; z-index: 100;}
#video p {margin-top: 100px; text-align: center; width: 255px;}
/* ARROWS */
ul#home-block-links {background: url(../images/sprite.png) 0px -750px no-repeat; width: 33px; height: 230px; margin: -223px 0 0 9px; position: absolute; z-index: 20;}
ul#home-block-links h2 {font-size: 14px;}
ul#home-block-links a {color: #ffffff;}
li#replace {background: url(../images/sprite.png) -60px -750px no-repeat; width: 386px; height: 53px; margin: 75px 0 0 33px; padding: 19px 0 0 40px; font-size: 14px; display: block;}
li#service {background: url(../images/sprite.png) -60px -820px no-repeat; width: 300px; height: 54px; margin: -25px 0 0 33px; padding: 19px 0 0 40px; font-size: 14px; display: block;}
li#green {background: url(../images/sprite.png) -60px -880px no-repeat; width: 300px; height: 54px; margin: -25px 0 0 33px; padding: 19px 0 0 40px; font-size: 14px; display: block;}
/* TEXT */
h1 {font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#0066CC; margin: 0 0 0 40px;}
#home-block-text {margin: -210px 0 0 570px; width: 300px; position: absolute; z-index: 20;}
#home-block-text p {font-weight: 100; margin-bottom: 5px; font-size: 14px; line-height: 16px;}
#home-block-text-2 {margin: 30px 0 0 30px; width: 250px; position: absolute; z-index: 20; color:#DF292E}
#home-block-text-2 p {font-weight: 200; margin-bottom: 5px; font-size: 12px; line-height: 16px; font:Georgia, "Times New Roman", Times, serif; color:#666666}
#home-block-text-3 {margin: 30px 0 0 30px; width: 350px; position: absolute; z-index: 20; color:#FFFFFF}
#home-block-text-3 p {font-weight: 200; margin-bottom: 5px; font-size: 16px; line-height: 16px; font:Georgia, "Times New Roman", Times, serif; color:#FFFFFF}
/* BOTTOM BLOCKS */
ul#home-bottom-links li {float: left; position: relative; display: inline;}
li#block-1 {background: url(../images/sprite.png) 0px -100px no-repeat; width: 224px; height: 303px; margin: 5px 0 0 33px; display: block; position: absolute; z-index: 20;}
li#block-2 {background: url(../images/sprite.png) -260px -100px no-repeat; width: 222px; height: 303px; margin: 5px 0 0 0px; display: block;}
li#block-3 {background: url(../images/sprite.png) 0px -430px no-repeat; width: 222px; height: 303px; margin: 5px 0 0 0px; display: block;}
li#block-4 {background: url(../images/sprite.png) -260px -430px no-repeat; width: 224px; height: 303px; margin: 5px 0 0 0px; display: block;}
/* BLOCK LINK LISTS */
ul#block-1-list {margin: 120px 0 0 14px; width: 195px; position: absolute;}
ul#block-1-list li a{margin: 5px 0 0 0; text-align: center; width: 195px; color: #b12b2e; font-size: 20px; float: left;}
ul#block-2-list {margin: 120px 0 0 14px; width: 195px; position: absolute;}
ul#block-2-list li a{margin: 5px 0 0 0; text-align: center; width: 195px; color: #0160a5; font-size: 20px; float: left;}
ul#block-3-list {margin: 120px 0 0 14px; width: 195px; position: absolute;}
ul#block-3-list li a{margin: 5px 0 0 0; text-align: center; width: 195px; color: #019015; font-size: 20px; float: left;}
ul#block-4-list {margin: 120px 0 0 14px; width: 195px; position: absolute;}
ul#block-4-list li a{margin: 5px 0 0 0; text-align: center; width: 195px; color: #e9ad0c; font-size: 20px; float: left;}
/* BOTTOM BLOCK TEXT */
p#block-1-text {margin: 261px 0 0 14px; width: 195px; text-align: center; position: absolute; z-index: 30; font-weight: 100; white-space: nowrap; overflow: hidden;}
p#block-2-text {margin: 261px 0 0 14px; width: 195px; text-align: center; position: absolute; z-index: 30; font-weight: 100; white-space: nowrap; overflow: hidden;}
p#block-3-text {margin: 261px 0 0 14px; width: 195px; text-align: center; position: absolute; z-index: 30; font-weight: 100; white-space: nowrap; overflow: hidden;}
p#block-4-text {margin: 261px 0 0 14px; width: 195px; text-align: center; position: absolute; z-index: 30; font-weight: 100; white-space: nowrap; overflow: hidden;}
/* MISSION STATEMENT BOX */
#mission-container {margin: 0px 0 0 33px;}
#mission-container-top {background: url(../images/container/mission-top.png) no-repeat; width: 894px; height: 44px;}
#mission-container-body {background: url(../images/container/mission-mid.png) repeat-y; width: 885px; height: auto;}
#mission-container-bottom{background: url(../images/container/mission-bottom.png) no-repeat; width: 894px; height: 47px;}
h2#mission-header {font-size: 24px; color: #154a6e; margin: 0px 0 0 45px;}
#mission-container p {font-size: 15px; font-family: Arial, Tahmoma, Verdana; color:#333333; margin: 5px 10px 0 45px; line-height: 20px; float: left;} /*width: 785px;
/* INSIDE [[#CONTENT]] */
#sideContent p {font-size: 15px; float: left; color:#333333; margin: 5px 0 0 20px; line-height: 20px; font-family: Arial, Tahmoma, Verdana;}
/*LISTS */
ul#listing {margin: 5px 0 5px 120px; width: 375px; font:Verdana, Arial, Helvetica, sans-serif; color:#333333;}
ul#listing li a {margin: 0px 0 0 0; text-align: center; width: 375px; color: #b12b2e; font-size: 20px;}
/* CLASSES FOR DIVIDING [[#CONTENT]] */
.contentHolder { width: 800px; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; margin-left: 10px;}
.leftTwoThirds { float:left; width: 600px; margin-top: 10px; margin-bottom: 10px; margin-right: 0px; margin-left: 2px; padding: 0px;}
.rightThird { float:left; width: 220px; margin-top: 10px; margin-bottom: 10px; margin-right: 6px; margin-left: 6px; padding: 0px;}
.rightThirdWufooFix { float:right; width: 220px; margin-top: 10px; margin-bottom: 10px; margin-right: 6px; margin-left: 6px; padding: 0px;}
.leftThird { float:left; width: 220px; margin-top: 10px; margin-bottom: 10px; margin-right: 0px; margin-left: 22px; padding: 0px;}
.rightTwoThirds { float:left; width: 600px; margin-top: 10px; margin-bottom: 10px; margin-right: 6px; margin-left: 6px; padding: 0px;}
.townButtons { margin-top: 300px; vertical-align: bottom;}
.ourWorkButtons { margin-top: 300px; vertical-align: bottom;}
.townLinks { font-size: 12px; width: 700px; margin: auto; text-align: justify;}
.townLinks td { min-width: 140px; text-align: center;}
/* INSIDE PAGES ----------------------------------------------------------------------------------------------------------------------------------- */
/* CONTAINER */
#inside-container {margin: 0 0 0 33px;}
#inside-container-top {background: url(../images/container/top-container.png) no-repeat; width: 890px; height: 192px;}
#inside-container-body {background: url(../images/container/mid-container.png) repeat-y; width: 890px; height: auto;}
#inside-container-bottom{background: url(../images/container/bottom-container.png) no-repeat; width: 890px; height: 41px;}
h2#inside-header {font-size: 24px; color: #154a6e; margin: -150px 0 0 45px; float: left;}
#p-container {margin: -120px 0 0 45px; float: left;}
#p-container p {font-size: 16px; color: #656565; margin-top: 15px; line-height: 20px; width: 785px; float: left;}
#townBanner {background: url(../images/container/top-container.png) no-repeat; width: 580px; height: 150;}
#resources {}
/* ABOUT PAGE */
/* WORK PAGE */
/* CONTACT PAGE */
/* TOWN PAGE IDS */
#splitLeft { float:left; width: 300px; margin-top: 10px; margin-bottom: 10px; margin-right: 0px; margin-left: 0px; padding: 0px;}
#splitRight { float:left; width: 300px; margin-top: 10px; margin-bottom: 10px; margin-right: 0px; margin-left: 0px; padding: 0px;}
/* CROPPING IFRAMES */
#viewPort{
margin: 0 0 0 20px;
width:900px;
_width:900px;
height:1000px;
overflow: hidden;
position:relative;
}
#iframeContent{
position:absolute;
top:-220px;
_top:-220px;
left:-200px;
_left:-200px;
width:1000px;
height:1000px;
}
/* FOOTER ------------------------------------------------------------------------------------------------------------------------------------------- */
#footer {margin: 6px 0 0 45px; padding: 0 50px 50px 50px;}
p#company-info {font-size: 13px; line-height: 17px; color: #0160a5; float: left;}
p#company-info a {color: #0160a5;}
p#contact-info {font-size: 13px; line-height: 17px; color: #0160a5; margin-right: 45px; text-align: right; float: right;}
p#contact-info a {color: #0160a5;}
/* IE 6 MESSAGE*/
#ieMessage { background-color: #000000; text-align: center; font-size: 20px;}
#ieMessage a { color: #8d8dfe;}
.table{ font:Georgia, "Times New Roman", Times, serif; color:#666666;
margin: 25px 0 0 50px;
position:relative; }
/* common styling */
.menu {font-family:Arial, Helvetica, sans-serif; width:440px; position:relative; margin: auto; font-size:12px; z-index:100; overflow:visible; vertical-align:middle;}
.menu ul li a, .menu ul li a:visited {text-decoration:none; color:#000;width:82px; height:55px; text-align:center; color:#fff; background:transparent url(/images/menu.png); line-height:60px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; margin-right:0px; position:relative;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#fff; background:transparent url(/images/menu1.png);}
.menu ul li:hover ul {display:block; z-index:300; position:absolute; top:50px; background:transparent; z-index:1000;}
.menu ul li:hover ul a {display:block; z-index:300; position:absolute; top:1px; right:35px; background:transparent url(/images/menu4.png); width:130px; height:25; z-index:1000;}
.menu ul li:hover ul li:hover a {display:block; z-index:1000; position:absolute; top:1px; background:transparent url(/images/menu3.png); width:130px; height:25;}