body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #325251; line-height: normal; margin: 0px; background-image: url(images/bg.jpg); }
a:link { color:#A93A0D; }
a:visited { color:#A93A0D; }
a:hover { color: #325251; }
.content { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #325251; line-height: 16px; }
.contentindexnolink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #325251; line-height: 16px; }
.contentindexnolink:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #325251; line-height: 16px; text-decoration: none; }
.contentindexnolink:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #325251; line-height: 16px; text-decoration: none; }
.contentindexnolink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #325251; line-height: 16px; text-decoration: none; }
.rightmenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #324B69; font-weight: bold; text-decoration: none; }
.rightmenu:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #324B69; font-weight: bold; text-decoration: none; }
.rightmenu:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #324B69; font-weight: bold; text-decoration: none; }
.rightmenu:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #A8390B; font-weight: bold; text-decoration: none; }
.headers { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #47953F; line-height: normal; font-weight: bold; font-stretch: normal; font-style: normal; }
.testimonials { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #485C77; font-weight: normal; text-decoration: none; font-style: italic; }
.subheads { color: #325251; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; }
.righttext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #325251; line-height: normal; }
.number { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #9C1717; line-height: normal; font-weight: bold; }

/*-----------------------------------*/
/* Navigation Styles
/*-----------------------------------*/

#navContainer { position: relative; width: 954px; margin: 0 auto; z-index: 100000; }
#nav { position: absolute; width: 954px; background: #333; top: 135px; left: 0px; margin: 0; z-index: 100000; }
.navigation { position: absolute; margin: 0; padding: 0; list-style: none; z-index: 10000; top: 0; font-size: 12px; }
.navigation li { float: left; text-align: center; font-size: 12px; }
.navigation li a { display: block; text-indent: -9999px; vertical-align: middle; height: 43px; text-decoration: none; text-align: center; outline: none; font-size: 12px; }

/* About Button */
.navigation li a.nav1 { width: 120px; background: url(images/nav.jpg) no-repeat 0 0; }
.navigation li a.nav1:hover, .navigation li.active a.nav1 { background-position: 0 -43px; }

/* Services Button */
.navigation li a.nav2 { width: 126px; background: url(images/nav.jpg) no-repeat -120px 0; }
.navigation li a.nav2:hover, .navigation li.active a.nav2 { background-position: -120px -43px; }

/* Contact Button */
.navigation li a.nav3 { width: 143px; background: url(images/nav.jpg) no-repeat -246px 0; }
.navigation li a.nav3:hover, .navigation li.active a.nav3 { background-position: -246px -43px; }

/* Homeowner Information Button */
.navigation li a.nav4 { width: 250px; background: url(images/nav.jpg) no-repeat -389px 0; }
.navigation li a.nav4:hover, .navigation li.active a.nav4 { background-position: -389px -43px; }

/* Links Button */
.navigation li a.nav5 { width: 103px; background: url(images/nav.jpg) no-repeat -639px 0; }
.navigation li a.nav5:hover, .navigation li.active a.nav5 { background-position: -639px -43px; }

/* Sitemap Button */
.navigation li a.nav6 { width: 120px; background: url(images/nav.jpg) no-repeat -742px 0; }
.navigation li a.nav6:hover, .navigation li.active a.nav6 { background-position: -742px -43px; }

/* Home Button */
.navigation li a.nav7 { width: 92px; background: url(images/nav.jpg) no-repeat -862px 0; }
.navigation li a.nav7:hover, .navigation li.active a.nav7 { background-position: -862px -43px; }

div#nav span:hover { display: block; color: #fff; text-decoration: none; margin: 0; background: #405C7B; text-align: center; font-size: 12px; }
#nav ul li ul a:hover { cursor: pointer; z-index: 100; height: 100%; width: 100%; /* makes the list items fill the list container (ul) */ display: block; text-decoration: none; margin: 0; text-align: center; }
#nav li ul { display: none; width: 19%; position: absolute; top: 100%; height: 100%; padding: 0; margin: 0; }
#nav li:hover > ul { display: block;}
#nav li ul li, #nav li ul li a { float: none; height: 100%; }
#nav li ul li { _display: inline; /* for IE6 */  }
#nav li ul li a { display: block; }

/* Styles for drop downs */
#nav ul li ul li span { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: .03em; color: #ffffff; display: block; margin: 0; padding: 8px; text-decoration: none; text-indent: 0px; list-style-type: none; list-style-position: outside; }
#nav ul li ul { position: absolute; z-index: 100000; top: 43px; display: none; text-decoration: none; list-style-type: none; padding: 2px; margin: 0px; background: #9c1717; -webkit-border-radius-bottomleft: 3px; -webkit-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; height: auto; }

/*-----------------------------------*/
/* Home Page Slider Styles
/*-----------------------------------*/

#flash { position: relative; width: 954px; height: 197px; top: 0px; }
.Slider { position: relative; padding: 0px; z-index: 100; overflow: hidden; }
.Slider ul { position: relative; list-style: none; padding: 0px; margin: 0px; }
.Slider ul li { position: absolute; display: block; width: 100%; }
.Slider ul li img { position: relative; z-index: 1; }
.Slider .active { z-index:10; }
.Slider .reset { z-index:3; }
.Slider span { position: absolute !important; display: none; color: #fff; bottom: 0px; padding: 10px; width: 100%; left: 0px; z-index: 555; background: url('i/comment-bg.png'); font-family: Verdana, Geneva, sans-serif; }
.control_active { background: url('i/active.png') no-repeat !important; height: 20px !important; margin-top: 9px !important; }
.control_hover { background: url('i/active.png') top no-repeat !important; height: 20px !important; margin-top: 9px!important; }
#sliderWrap {   height: 338px; overflow: auto;  }

/*-----------------------------------*/
/* Toggle Styles 
/*-----------------------------------*/

h2.trigger { padding: 0 0 0 6px !important; margin: 0 0 5px 0px; background: #AFBDCF; height: 24px; width: 98%; font-size: 12px; font-weight: 100; float: left; color: #43576D; text-align: center; }
h2.trigger a { text-decoration: none; display: block; color: #D5CD78; font-size: 17px; font-weight: 600; }
h2.trigger a:hover { color: #AE3810; }
.trigger:hover { color: #AE3810; }
h2.active { background-position: left bottom; } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container { margin: 0 0 5px 0px; padding: 0; border-top: 1px solid #d6d6d6; background: #F3F1EA; overflow: hidden; width: 99%; clear: both; }
.toggle_container .block { /*padding: 20px; /*--Padding of Container--*/ /*background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/ }

.block a { text-decoration: none; }
.block a:hover { color: #45451F; }

h2.trigger2 { padding: 0px; margin: 0 0 5px 5px; height: 20px; width: 661px; font: bold 13px/25px Helvetica, Arial, sans-serif; color: #622125; float: left; }
h2.trigger2 a { text-decoration: none; display: block; color: #F3F1EA; font-size: 17px; font-weight: 600; }
h2.trigger2 a:hover { color: #AE3810; }
.trigger2:hover { color: #000000; }
h2.active { background-position: left bottom; } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container2 { margin: 0 0 5px 5px; padding: 0; border-top: 1px solid #d6d6d6; overflow: hidden; font-size: 1.2em; width: 710px; clear: both; }
.toggle_container2 .block2 { /*padding: 20px; /*--Padding of Container--*/ /*background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/ }

.seo th { border-bottom: 1px solid #D6D6CA; border-right: 1px solid #D6D6CA; border-top: 1px solid #D6D6CA; color: #ffffff; padding: 4px 2px; font-size: 14px; text-align: center; }
.seo tr { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; text-align: left; padding: 6px 6px 6px 12px; background: #133369; }
.seo td { border-right: 1px solid #D6D6CA; border-bottom: 1px solid #D6D6CA; background: #fff; line-height: 16px; text-align: center; font-size: 11px; padding: 6px 4px; }