body {
	background-color: #fff;
	background-attachment : fixed;
	background-repeat : repeat;
	margin: 0;
	padding: 0;
	font-family : Helvetica, Arial;
	color : #4B5057;
	font-size : 13px;
	text-align : left;
}

a, a:visited  { color:#24AAD6; text-decoration:none; }
a:hover { color:#24AAD6; text-decoration:underline; }


#wrapper {
	width: 100%;
	float: left;
	background: url(../images/wrapperbg.jpg) repeat-x;
}

#wrapper.home {
	background: url(../images/wrapperbg_home.jpg) repeat-x;
}

#container {
	width: 968px;
	margin: 0 auto;
}

#content {
	width: 968px;
	float: left;
	margin: 0;
}

#header {
	width: 968px;
	float: left;
	padding: 0;
	margin: 0;
	height: 210px;
	background: url(../images/header.jpg) no-repeat;
}

#wrapper.home #header {
	height: 420px;
	background: url(../images/homeheader.jpg) no-repeat;
}

#logo {
	float: right;
	width: 230px;
	height: 145px;
	margin: 2px 15px 0 0;
	padding: 0;
	display: inline;
	font-size: 0px;
	line-height: 0px;
}

#logo a {
	width: 230px;
	height: 145px;
	display: block;
}

#topmenu {
	float: left;
	width: 707px;
	display: inline;
	margin: 0px;
	height: 55px;
	overflow: hidden;
}

#topmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0;
	display: inline;
	float: left;
	width: 707px;
}

#topmenu ul li {
	font-size: 0px;
	line-height: 0px;
}

#topmenu ul a, #topmenu ul  a:visited {
	display: block;
	float: left;
	height: 55px;
	margin: 0px;
	text-indent: -1001em;
}

#topmenu ul  a:hover, #topmenu ul  a:active, #topmenu ul  a.active  {
	display: block;
	float: left;
	height: 55px;
	margin: 0px;
	text-indent: -1001em;
	background-position: 0 -55px !important;
}

#topmenu ul  #button01 a {
	width: 202px;
	background: url(../images/m_floodprotectionproducts.jpg) 0 0 no-repeat;
}

#topmenu ul  #button02 a {
	width: 118px;
	background: url(../images/m_homeowners.jpg) 0 0 no-repeat;
}

#topmenu ul  #button03 a {
	width: 210px;
	background: url(../images/m_govermentcommercial.jpg) 0 0 no-repeat;
}

#topmenu ul  #button04 a {
	width: 177px;
	background: url(../images/m_buildersdevelopers.jpg) 0 0 no-repeat;
}


#topmenu2 {
	float: left;
	width: 321px;
	display: inline;
	margin: 0px;
	height: 28px;
	overflow: hidden;
}

#topmenu2 ul, #topmenu2 ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0;
	display: inline;
	float: left;
}

#topmenu2 ul a, #topmenu2 ul  a:visited {
	display: block;
	float: left;
	height: 28px;
	background: #2AACE2;
	font: bold 12px Helvetica, Arial;
	color: #fff;
	padding: 6px 15px 0;
}

#topmenu2 ul li#login a, #topmenu2 ul li#login a:visited {
	background: #1B75BB;
	padding: 6px 17px 0;
}

#topmenu2 ul  a:hover, #topmenu2 ul  a:active,
#topmenu2 ul  a.active, #topmenu2 ul  a.active:visited,
#topmenu2 ul li#login a.active, #topmenu2 ul li#login a.active:visited,
#topmenu2 ul li#login a:hover, #topmenu2 ul li#login a:active,
#topmenu2 ul li#login a.active:hover, #topmenu2 ul li#login a.active:active  {
	background: #BD202E;
	text-decoration: none;
}

#intro {
	float: left;
	width: 430px;
	margin-top: 30px;
	clear: left;

}

#wrapper.home #intro h1 {
	width: 421px;
	height: 220px;
	background: url(../images/homeintro.png) no-repeat;
	overflow: hidden;
	text-indent: -10000px;
}

#wrapper #intro h1 {
	color: #fff;
}

#wrapper.home #intro p a img { margin-right: 30px; }

#pagecontent {
	float: left;
}

p {
	margin: 0px 0 12px;
	padding: 0;
	line-height: 20px;
}
h1 {
	font: bold 26px Helvetica, Arial;
	margin: 10px 0 0 0;
}

h2 {
	font: bold 22px Helvetica, Arial;
	color: #2AACE2;
	margin: 30px 0 7px 0;
}

h3 {
	font: bold 13px Helvetica, Arial;
	color: #2AACE2;
	margin: 20px 0 0 0;
	padding: 0;
}

#pagetext h3 {
	margin-top: 0px;
}

h4 {
	font: bold 13px Helvetica, Arial;
	margin: 0px 0 4px;
	padding: 0;
	line-height: 20px;
}

ul {
	margin: 0px 0 12px;
	padding: 0 0 0 14px;
}

ul li {
	margin: 0;
	padding: 0;
	line-height: 20px;
}

#maintext {
	width: 610px;
	float: left;
}

#right {
	margin: 30px 0 0 40px;
	float: left;
	display: inline;
	width: 300px;
}

#footerwrapper {
	width: 100%;
	float: left;
	background: #232A53;
	margin: 30px 0 0 0;
}


#footer {
	width: 968px;
	margin: 10px auto 0;
	color: #fff;
	font-size: 12px;
	line-height: normal;
}

#footer h4 {
	margin: 0;
}

#footer div {
	float: left;
}

div.footerlinks {
	width: 200px;
	margin-left: 50px;
}

div.footerlinks  ul, div.footerlinks ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.footerlinks p {
	margin-top: 20px;
}

a img { border: 0px; }

.accessibility { display: none; }

.lifebelt, .recycle, .bluehome, .bluechart, .bluetools, .rss, .twitter {
	float: left;
	background: url(../images/icon1.gif) no-repeat;
	padding: 0px 0 10px 73px;
	margin: 10px 0 0 0;
}

.recycle {
	background: url(../images/icon2.gif) no-repeat;
}
.bluehome {
	background: url(../images/icon3.gif) no-repeat;
}
.bluechart {
	background: url(../images/icon4.gif) no-repeat;
}

.bluetools {
	background: url(../images/icon5.gif) no-repeat;
}


.rss {
	width: 230px;
	background: url(../images/rss.gif) no-repeat;
	margin:0;
	padding: 0 50px 0 55px;
}

.twitter {
	clear: left;
	width: 230px;
	background: url(../images/twitter.gif) no-repeat;
	margin:0;
	padding: 0 50px 20px 55px;
}

.rss a, .rss a:visited, .rss a:hover, .rss a:active,
.twitter a, .twitter a:visited, .twitter a:hover, .twitter a:active {
	color: #fff;
}

#stages {
	float: left;
	width: 968px;
	margin: 20px 0;
}

#stages ul, #stages ul li {
	list-style-type:none;
	float: left;
	background: #2AACE2;
	margin: 0;
	padding: 0;
	font: bold 12px Helvetica, Arial;
	color: #fff;
	line-height: 30px;
}

#stages ul li {
	padding: 0 21px 0 21px;
}

#stages ul li.active {
	background: #BE1E2D url(../images/stages_li_ending.gif) no-repeat right top;
}

#estimateform {
	float: left;
	width: 705px;
}

#contactbox {
	float: left;
	width: 231px;
	height: 301px;
	margin: 0px 0 0 20px;
	display: inline;
	background: url(../images/contactbox.jpg) no-repeat;
}

#contactforrightbox h3, #contactbox h3 {
	font: bold italic 22px Helvetica, Arial;
	color: #4B5057;
	padding: 0 20px;
}

#contactforrightbox h3{
	padding: 20px 10px 0 20px;
}

#contactforrightbox p, #contactbox p {
	padding: 0 20px;
	margin: 0 0 8px 0;
}

#contactforrightbox p.phonenumber,  #contactbox p.phonenumber {
	color: #00ADEE;
	font: bold 18px Helvetica, Arial;
}

.contactbuttonlink a {
	margin: 107px 0 0 116px;
	width: 99px;
	height: 22px;
	display: block;
}

form p {
	margin: 0 0 9px 0;
}

label {
	font: bold 15px Helvetica, Arial;
	width: 170px;
	display: block;
	float: left;
	margin-right: 5px;
}

input, select, textarea {
	border: 1px inset #222;
}

input, textarea {
	width: 395px;
}

textarea {
	height: 100px;
}

form.contactform input, form.contactform textarea {
	width: 300px;
}

form.contactform label {
	width: 125px;
}

input.shortinput {
	width: 130px;
}

p.buttons input {
	border: 0px;
	width: auto;
	margin-right: 70px;
	padding-bottom: 30px;
}

form.contactform p.buttons input {
	border: 0px;
	width: auto;
	margin-left: 123px;
	padding-bottom: 30px;
}

#submenu {
	float: left;
	margin: 30px 30px 0 0;
	overflow: hidden;
	width: 210px;
}

#submenu ul, #submenu ul li {
	list-style-type:none;
	background: #FAFAFD;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#submenu ul {
	padding-bottom: 12px;
}

#submenu ul li a, #submenu ul li a:visited, #submenu ul li a:active, #submenu ul li a:hover {
	font: bold 14px Helvetica, Arial;
	color: #4B5057;
	line-height: 35px;
	width: 210px;
	height: 34px;
	overflow: hidden;
	display: block;
	border-bottom: 1px solid #EAEBEE;
	text-decoration: none;
	padding: 0 15px;
}

#submenu ul li a:hover , #submenu ul li a.active:hover, #submenu ul li a.active:visited, #submenu ul li a.active:active, #submenu ul li a.active  {
	background: url(../images/submenuhover.gif) no-repeat;
	color: #fff;
}

#pagetext {
	float: left;
	width: 705px;
	margin: 40px 0px 0 0;
}

#contactforrightbox {
	float: right;
	width: 230px;
	height: 211px;
	margin: 0px 0 20px 20px;
	background: url(../images/contactforrightbox.gif) no-repeat;
}

#contactforrightbox p {
	margin-top: 10px;
}


#threeboxes {
	float: left;
	width: 705px;
	overflow: hidden;
	margin-top: 25px;
}

#threeboxes div {
	float: left;
	width: 221px;
	margin-right: 20px;
}

#threeboxes div.nomargin { margin: 0; }


/* modified by Merix Studio */
#stages ul li.finished {
    background: #BE1E2D;
}

.price { font-size: 20px; text-align: center; }
.final h1 { padding-bottom: 20px; }

form dl input.short { width: 50px; }
form dl input.radio { width: auto; border: none; }

form dl dd { margin: 0; padding-bottom: 10px; }
form dl dd dl { margin: 0; padding-top: 10px; }
form dl dd fieldset { margin: 0; padding: 0; border: none; }
form dl dd fieldset legend { padding: 0; color: #2AACE2; font-size: 22px; font-weight: bold; }
form input.submit { width: auto; }
form input#next { display: inline; float: right; margin-right: 135px; }
form dl ul.errors { padding-left: 175px; list-style: none; }

p.important { clear: both; padding-top: 30px; }

form dl #measure-label label { float: none; width: auto; }
form dl #measure-element label { float: none; width: auto; padding: 10px 0; }
form dl #measure-element input { width: auto; border: none; }
form dl dd.prev { display: inline; float: left; margin-left: 175px; }
form dl dd.next { float: left; margin-left: 95px; }
form dl dd.next input#next { float: none; margin: 0; }
form dl dt { clear: left; }


form.property { padding-top: 10px; }
form.property dt { float: left; }
form.property dd { margin-bottom: 10px; }
form.property label { float: none; width: auto; }
form dt#surface-label, form dt#is_flooded-label { float: none; padding-bottom: 10px; }
form dd#surface-element, form dd#is_flooded-element { overflow: hidden; width: 100%; }
form dd#surface-element label, form dd#is_flooded-element label { float: left; }

form table { width: 600px; }
form table th { height: 25px; text-align: center; }
form table label, form table input { width: 200px; }
form table input { height: 21px; padding: 2px; }
form p.add { margin: 0; padding: 20px 0; }
form p.add input { width: auto; }
form p.clear { margin: 0; padding-bottom: 20px; }
form p.clear label, form p.clear input { display: inline; float: none; width: auto; border: none; }
form p input#prev { margin-left: 175px; }
form p input#next { float: none; margin: 0 0 0 70px; }

form table.vents { width: 400px; margin-bottom: 10px; }
form label.block{ display: block !important; padding: 10px 0; }
form p.text-clear { margin: 0; padding-bottom: 20px; }
form p.text-clear input, form p.text-clear label { width: auto; }

form.utilities table { width: auto; }
form.utilities th.space { margin-left: 100px; }
form.utilities th span { float: left; width: 80px; }
form.utilities td { overflow: hidden; white-space: nowrap; }
form.utilities td input { width: 75px; border: none; }
form.utilities td label { width: 75px; }
form.utilities td label.optional { width: 350px; }

form.drainage label { float: none; width: auto;  margin-bottom: 10px; }
form.drainage input.short { float: none; width: auto;  }
form.drainage p.space { margin: 0; padding: 10px 0 20px; }

p.error { color: red; }
p.error-payment { clear: both; padding-left: 180px; color: #4B5057; }
ul.errors { padding: 0; list-style: none; }

form input.normal { width: 200px; }

form dt#add_mortgage-label label { width: auto; line-height: 40px; }
form dd#add_mortgage-element label { height: 40px; }
form dd#add_mortgage-element input { width: auto; }

p.question { font-size: 15px; font-weight: bold; }

a.getestimate { overflow: hidden; display: block; width: 183px; height: 43px; background: transparent url(../images/btn_estimate.png) no-repeat 0 0; text-indent: -99em; }
a.book-surveyor { overflow: hidden; display: block; width: 181px; height: 42px; background: transparent url(../images/btn_surveyor.png) no-repeat 0 0; text-indent: -99em; }

input.no-border { border: none; }
input#insurance { margin-top: 10px; }
p.label-auto label { display: inline; }
input.short { width: auto; }

#topmenu2 { width: 324px; }

/* Tooltip */
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default'
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}