/* Start of CMSMS style sheet 'Normal' */
body {  
	margin: 0;
	padding: 0;
	font-family : Helvetica, Arial;
	color : #4B5057;
	background: #f8f8fb;
	font-size : 13px;
	text-align : left;
}

a, a:visited  { color:#24AAD6; text-decoration:none; }
a:hover { color:#24AAD6; text-decoration:underline; }

#megawrapper {
	width: 100%;
	float: left;
	background: url(images/body_bg.jpg) repeat-y top center;
}

#wrapper {
	width: 100%;
	float: left;
	background: url(images/wrapperbg.jpg) repeat-x;
}

#wrapper.home {
	background: url(images/wrapperbg_home.jpg) repeat-x;
}

#wrapper.inner {
	background: url(images/wrapperbg_inner.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;
}

#logo a, a:active, a:visited, a:hover {
	text-decoration: none;
}

#topmenu, #topmenu-text {
	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  #nav-flood-protection-products a {
	width: 202px;
	background: url(images/m_floodprotectionproducts.jpg) 0 0 no-repeat;
}

#topmenu ul  #nav-home-owners a {
	width: 118px;
	background: url(images/m_homeowners.jpg) 0 0 no-repeat;
}

#topmenu ul  #nav-government-commercial a {
	width: 210px;
	background: url(images/m_govermentcommercial.jpg) 0 0 no-repeat;
}

#topmenu ul  #nav-builders-developers a {
	width: 177px;
	background: url(images/m_buildersdevelopers.jpg) 0 0 no-repeat;
}

#topmenu ul #nav-home1 a {
	width: 58px;
	background: url(images/m_home.jpg) 0 0 no-repeat;
}

#topmenu ul #nav-home1 a {
	width: 58px;
	background: url(images/m_home.jpg) 0 0 no-repeat;
}

#topmenu ul  #nav-flood-protection-products-2 a {
	width: 202px;
	background: url(images/m_floodprotectionproducts.jpg) 0 0 no-repeat;
}

#topmenu ul  #nav-insurance a {
	width: 86px;
	background: url(images/m_insurance.jpg) 0 0 no-repeat;
}

#topmenu ul  #nav-clients a {
	width: 67px;
	background: url(images/m_clients.jpg) 0 0 no-repeat;
}


/* menu text version */
/* Fix for Opera 8 */
.clearb { clear: both; }

#topmenu-text ul dfn {
	display:none;
}
/* Unless you know what you do, do not touch this */ 
#topmenu-text ul, #topmenu-text ul ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px;
}
#topmenu-text ul li ul { 
	position: absolute; 
	display: none;
	z-index: 1110;
	top: 55px;
	color: #706458;
	width: 180px;
	clear:both;
}
#topmenu-text ul li {
	height: 55px;
}

#topmenu-text ul li:hover, #topmenu-text ul li.menuactive {
	background: url(images/topmenutexthover.gif) repeat-x;
}

#topmenu-text ul li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative;
	height: auto;
}

#topmenu-text ul li li:hover {
	background-image: none;
}

/* Styling the basic apperance of the menu elements */
#topmenu-text ul a { 
	display: block;
	color: #fff;
	float: none;
	margin: 18px 0 0 0px;
	background: url(images/topmenutextseparator.gif) no-repeat right top;
	padding: 0 10px;
	font: bold 14px/42px Helvetica, Arial;
}

#topmenu-text ul li a:hover, #topmenu-text ul li a:active, #topmenu-text ul li a.menuactive  {
	text-decoration: none;
}

#menu ul li li { padding: 0px; border: 0px; }

#topmenu-text ul li li a, #topmenu-text ul li li a:active, #topmenu-text ul li li a:visited, #topmenu-text ul li li a.menuactive  {
	width: 160px;
	background: #BD202E;
	line-height: 24px;
	border-top: 1px solid #E5A6AB;
	margin: 0px;
}

#topmenu-text ul li li a:hover, #topmenu-text ul li li.menuactive a { 
	text-decoration: none;
	background: #fff;
	color: #BD202E;
}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#topmenu-text ul li.menuactive a,
#topmenu-text ul li.menuactiveh a,
#topmenu-text ul li.menuparenth a,
#topmenu-text ul li.menuparenth:hover a,
#topmenu-text ul li.menuactive li.menuactive a:visited,
#topmenu-text ul li.menuactive li.menuactiveh a:visited
{ 
	text-decoration: none;
}


#topmenu-text ul li.menuparenth li.menuactive a.menuactive
{
	background: #fff;
	color: #BD202E;
}

#topmenu-text ul li.menuactive li.menuactive a,
#topmenu-text ul li.menuactive li.menuactive a:hover,
#topmenu-text ul li.menuactive li.menuactiveh a,
#topmenu-text ul li.menuactive li.menuactive strong,
#topmenu-text ul li.menuactive li.menuactiveh strong,
#topmenu-text ul li.menuactive li.menuactive li.menuactive a,
#topmenu-text ul li.menuactive li.menuactive li.menuactive a:hover,
#topmenu-text ul li.menuactive li.menuactive li.menuactiveh a,
#topmenu-text ul li.menuactive li.menuactive li.menuactiveh a:hover,
#topmenu-text ul li.menuactive li.menuactive li.menuh a,
#topmenu-text ul li.menuactive li.menuactive li.menuh a:hover
{
	text-decoration: none;
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#topmenu-text ul ul li.menuparent, 
#topmenu-text ul ul li.menuparent:hover, 
#topmenu-text ul ul li.menuparenth {
}


/* Styling the apperance of menu items on hover */

#topmenu-text ul li:hover, 
#topmenu-text ul li.menuh, 
#topmenu-text ul li.menuparenth, 
#topmenu-text ul li.menuactiveh { 
	background: url(images/topmenutexthover.gif) repeat-x;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#topmenu-text ul li:hover ul ul, 
#topmenu-text ul li.menuparenth ul ul ul,
for fourth level 
*/
#topmenu-text ul ul, 
#topmenu-text ul li:hover ul, 
#topmenu-text ul li.menuparenth ul
{ 
   display: none; 
}

/* add 
#topmenu-text ul ul ul ul li:hover ul, 
#topmenu-text ul ul ul ul li.menuparenth ul,
for fourth level
*/
#topmenu-text ul li:hover ul, 
#topmenu-text ul ul li:hover ul, 
#topmenu-text ul li.menuparenth ul, 
#topmenu-text ul ul li.menuparenth ul
{ 
   display: block; 
}


/* IE Hacks */
#topmenu-text ul li { 
   float: left; 
}
#topmenu-text ul li li a { 
   height: 1%; 
}

/* secondary menu */

#topmenu2 {
	float: left;
	width: 350px;
	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(uploads/images/homeintro-JA-1.png) no-repeat;
	overflow: hidden;
	text-indent: -10000px;
}

#wrapper.home #intro h5 {
	width: 421px;
	height: 176px;
	background: url(images/homeintro201009.png) no-repeat;
	overflow: hidden;
	text-indent: -10000px;
}

#wrapper.home #intro p.m201009 {
	color: #BD202E;
	font: bold 25px Helvetica, Arial; 
	margin: 55px 0 0 470px;
	width:220px;
}

#wrapper.home #intro h6 {
	width: 421px;
	height: 220px;
	background: url(images/homeintro_old2.png) no-repeat;
	overflow: hidden;
	text-indent: -10000px;
margin:10px 0 0;
}

#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: #BD202E;
	margin: 30px 0 7px 0;
}

h3 {
	font: bold 13px Helvetica, Arial;
	color: #2AACE2;
	margin: 20px 0 0 0;
	padding: 0;
}

h4 {
	font: bold 13px Helvetica, Arial;
	color: #BD202E;
	margin: 20px 0 0 0;
}
h2 a, h2 a:active, h2 a:visited,h2 a:hover,
h4 a, h4 a:active, h4 a:visited,h4 a:hover { color: #BD202E; }

#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;
}

#maintext.m201009 {
	margin-top: -90px;
}

#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 22px;
}

#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;
	font: normal 13px Helvetica, Arial;
}

input, textarea {
	width: 395px;
}

textarea {
	height: 100px;
}

.contactform input, .contactform textarea {
	width: 300px;
}

.contactform label {
	width: 125px;
}

.contactform div { margin:0 0 9px; }
.contactform div div { margin:0px; }

input.shortinput {
	width: 130px;
}

p.buttons input {
	border: 0px;
	width: auto;
	margin-right: 70px;
	padding-bottom: 30px;
}

.contactform .submit input {
	border: 0px;
	width: auto;
	margin-left: 253px;
	padding-bottom: 30px;
	background: url(images/btn_send.jpg) no-repeat;
	width: 182px;
	height: 42px;
}

#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: 180px;
	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;
}

#submenu ul li li a, #submenu ul li li a:visited, #submenu ul li li a:active, #submenu ul li li a:hover {
	width: 160px;
	padding: 0 15px 0 35px;
	font: bold 12px/34px Helvetica, Arial;
}

#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; }

.htmlversionlink { display: none; }

.contactuson { font: bold 25px/43px Helvetica, Arial; color: #232A53; display:block; float:left;}

.l { float: left; }
#contactusondiv { float: left; width: 963px; margin-top: 30px; }
#contactusondiv .contactuson {margin-left: 30px; }

/* news */
.rhsNews { float: left; width: 270px; }
.rhsNewsTop { width: 270px; height: 20px; background: url(images/rhsnewstop.png) no-repeat; }
.rhsNewsCnt { width: 230px; background: #E7E6E6; padding: 0 20px; }
.rhsNewsBtm { width: 270px; height: 40px; background: url(images/rhsnewsbottom.png) no-repeat; }
.postdate { margin: 2px 0; font-size: 11px; }
.newsnavigation { text-align: center; margin-top: 20px; font-weight: bold; border-top: 1px solid #999; }

.threeicons-home {
	width: 40px;
	height: 34px;
	background: url(images/3icons-home.png) no-repeat;
	display: block;
	margin: 0 auto;
}

.threeicons-home:hover, .threeicons-business:hover {
	background-position: 0 -34px;
}

.threeicons-business {
	width: 40px;
	height: 34px;
	background: url(images/3icons-business.png) no-repeat;
	display: block;
	margin: 0 auto;
}

.threeicons-builders {
	width: 48px;
	height: 46px;
	background: url(images/3icons-builders.png) no-repeat;
	display: block;
	margin: 0 auto;
}
.threeicons-builders:hover {
	background-position: 0 -46px;
}
/* End of 'Normal' */

