/* Start of CMSMS style sheet 'Home Services Review' */
body { behavior: url('csshover.htc'); font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 18px; background-color: #030; background-image: url(images/bg.jpg); background-repeat: repeat-x; margin: 0; padding: 0; }

a { color: #339; }
a:hover { text-decoration: none; }

#all { width: 996px; margin-right: auto; margin-left: auto; }

#home-content {color:white; line-height: 18px; width: 600px; margin: 0 auto; }
#home-content h3 {color: white; border: 0; font-size: 18px; margin: 0; padding:10px 0 4px 0; text-align: center;}
#map { background-image: url(images/map.gif); height: 280px; width: 400px; position: relative; margin: 0 auto;  }
#map a { color: #1a2e50; background-color: #fcfac9; text-decoration: none; padding: 0 5px; border: solid 1px; }
#map a:hover { background-color: #cfd8e8; }
#map a.atlanta { position: absolute; top: 148px; left: 234px; }
#map a.dallas { position: absolute; top: 167px; left: 160px; }
#map a.tampa { position: absolute; top: 190px; left: 293px; }
#map a.houston { position: absolute; top: 219px; left: 190px; }
#map a.sfbayarea { position: absolute; top: 116px; left: 46px; }
#map a.charlotte { position: absolute; top: 126px; left: 307px; }
#map a.sarasota { position: absolute; top: 232px; left: 299px; }


/* /////////////// HEADER */
#header {height:100px; background: url(images/stars-header.gif) no-repeat 436px 35px;}
#logo{ background-image: url(images/home-services-review.gif); text-indent: -9000px; width: 356px; height: 87px; overflow: hidden; float: left; margin-top: 5px; }
#logo-blog { background-image: url(images/home-services-review-blog.gif); text-indent: -9000px; width: 356px; height: 87px; overflow: hidden; float: left; margin-top: 5px; }
#home-logo { background-image: url(images/home-services-review.gif); text-indent: -9000px; width: 356px; height: 125px; overflow: hidden; margin: 20px auto; }
#home-logo5 { background-image: url(images/home-services-review6.gif); text-indent: -9000px; width: 455px; height: 88px; overflow: hidden; margin: 20px auto; }
#home-logo11 { background-image: url(images/home-services-review11.gif); text-indent: -9000px; width: 443px; height: 88px; overflow: hidden; margin: 20px auto; }
#home-logo1 { background-image: url(images/home-services-review1.gif); text-indent: -9000px; width: 356px; height: 88px; overflow: hidden; margin: 20px auto; }
#logo-atlanta { background-image: url(images/logo-atlanta.gif); text-indent: -9000px; width: 356px; height: 87px; overflow: hidden; float: left; margin-top: 5px; }
#logo-dallas { background-image: url(images/logo-dallas.gif); text-indent: -9000px; width: 356px; height: 87px; overflow: hidden; float: left; margin-top: 5px; }
#logo-tampa { background-image: url(images/logo-tampa.gif); text-indent: -9000px; width: 356px; height: 87px; overflow: hidden; float: left; margin-top: 5px; }
#logo-houston { background-image: url(images/logo-houston.gif); text-indent: -9000px; width: 356px; height: 87px; overflow: hidden; float: left; margin-top: 5px; }
#logo-sfbayarea { background-image: url(images/logo-sfbayarea.gif); text-indent: -9000px; width: 356px; height: 87px; overflow: hidden; float: left; margin-top: 5px; }
#logo-charlotte { background-image: url(images/logo-charlotte.gif); text-indent: -9000px; width: 356px; height: 87px; overflow: hidden; float: left; margin-top: 5px; }
#logo-sarasota { background-image: url(images/logo-sarasota.gif); text-indent: -9000px; width: 356px; height: 87px; overflow: hidden; float: left; margin-top: 5px; }
#logo-general { background-image: url(images/home-services-review.gif); text-indent: -9000px; width: 356px; height: 87px; overflow: hidden; float: left; margin-top: 5px; }
#stars { background-image: url(images/stars-header.gif); text-indent: -9000px; width: 184px; height: 51px; overflow: hidden; float: left; margin-top: 27px; margin-left: 80px; }
#header .cities, #header-sarasota .cities { color: #fff; font-size: 11px; float: right; padding-top: 6px; padding-right: 12px; }
#header .cities a, #header-sarasota .cities a { color: #fff; text-decoration: underline; }
#header .cities a:hover, #header-sarasota .cities a:hover { text-decoration: none; }
#header .search, #header-sarasota .search {width: 300px; float: right; color: #fff; margin-top: 26px;}
#header input, #header-sarasota input { border: 1px solid #000; font-size: 13px;}

/* /////////////// NEW NAV */
.nav .company { width: 250px; text-align: center; float: left; color: #050d74; border-right: 1px solid #c1c1c1; font-weight: bold; font-size: 14px }
.nav .company:hover { background-color: #f5f5da; background-image: none; }

.nav .dropdown { position: absolute; clear: both; top: 24px; left: 96px; width: 843px; background-color: transparent; padding: 0 0 20px 6px; border-left:  0px solid #999; border-top: 0 ;  background-image: url(images/dropdownbg3.png); background-repeat: once; background-position: bottom right; _background-image: url(images/dropdown.gif) }

.nav .dropdown h5 { color: #222; border-bottom: 1px solid #777;  padding: 6px 0 2px 0; margin: 0 15px 6px 6px; font-size: 13px; text-align: center;   }

.nav .dropdown ul {float: left; width: 280px; }
div.company .dropdown {
margin-left: -999em}
div.company:hover .dropdown {
margin-left: 0}

.nav .company ul {

}

.nav .company ul li  {
font-size: 12px;
clear: both;
width: 280px;
text-indent: 10px;

color: #ddd;
text-align: left;
font-weight: normal;

border-right: 0px;

background-image: none;
}

.nav .company ul li a {
color: #444;
height: 20px;
line-height: 20px;
}
.nav .company ul li a:hover, .nav .company ul li:hover {
color: #339; text-decoration: underline; background-color: transparent;
}

.nav .share a {
width: 176px; text-align: center; float: left; color: #050d74; border-right: 1px solid #c1c1c1; font-weight: bold; font-size: 14px; display: block; text-decoration: none;
}

.nav .share a:hover {
background-color: #f5f5da; background-image: none;
}

.nav .blog a {
width: 90px; text-align: center; float: left; color: #050d74; border-right: 1px solid #c1c1c1; font-weight: bold; font-size: 14px; display: block; text-decoration: none;
}

.nav .blog a:hover {
background-color: #f5f5da; background-image: none;
}

.nav .request a {
width: 160px; text-align: center; float: left; color: #050d74; border-right: 1px solid #c1c1c1; font-weight: bold; font-size: 14px; display: block; text-decoration: none;
}

.nav .request a:hover {
background-color: #f5f5da; background-image: none;
}

.nav .contact a {
width: 129px; text-align: center; float: left; color: #050d74; border-right: 1px solid #c1c1c1; font-weight: bold; font-size: 14px; display: block; text-decoration: none;
}
.nav .contact a:hover {
background-color: #f5f5da; background-image: none;
}

.nav .business a {
width: 200px; text-align: center; float: left; color: #050d74; border-right: 1px solid #c1c1c1; font-weight: bold; font-size: 14px; display: block; text-decoration: none;
}
.nav .business a:hover {
background-color: #f5f5da; background-image: none;
}


/* /////////////// NAVIGATION */
.nav { background-image: url(images/nav-rpt.jpg); height: 24px; margin-bottom: 1px; line-height: 24px; position: relative }

.nav .home { background-image: url(images/arrow-over.gif); background-repeat: no-repeat; }
.nav .home a { float: left; width: 96px; font-size: 14px; font-weight: bold; background-image: url(images/li-bg-l.jpg); text-decoration: none; background-repeat: no-repeat; background-position: left 0; text-align: center; color: #050d74; border-right: 1px solid #c1c1c1; }

.nav .home a:hover { background-color: #f5f5da; background-image: none; }

.nav ul { float: left; margin: 0; padding: 0; list-style-type: none; }
.nav ul li { position: relative; font-size: 14px; font-weight: bold; background-image: url(images/li-bg-l.jpg); background-repeat: no-repeat; background-position: left 0; text-align: center; color: #050d74; border-right: 1px solid #c1c1c1; float: left }

.nav ul li a { color: #050d74; text-decoration: none; height: 24px; display: block;  }
.nav ul li:hover { background-color: #f2f2e0; background-image: none; }

.nav ul li.tips { width: 224px; }
.nav ul li.companies { width: 207px; }
.nav ul li.share-your-opinion, .nav ul li.share-your-opinion-dallas, .nav ul li.share-your-opinion-tampa { width: 176px; }
.nav ul li.request-service, .nav ul li.request-service-dallas, .nav ul li.request-service-tampa { width: 159px;}
.nav ul li.contact-us, .nav ul li.contact-us-dallas, .nav ul li.contact-us-tampa { width: 129px; border-right: 0; }

.nav ul li.tips ul li, .nav ul li.companies li {background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 180px 6px; }
.nav ul li.companies ul li ul li ul li, .nav ul li.companies ul li ul li ul li:hover {background-image: none;}
.nav ul li.tips ul li ul li { background-image: none; }
.nav ul li.companies ul li ul li  { background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 230px 6px; }

.nav ul li ul li:hover, .nav ul li.companies ul li ul li:hover {background-image: url(images/arrow-over.gif);}


.nav ul li ul li {
font-size: 12px;
clear: both;
width: 190px;
text-indent: 30px;
background-color: #003300;
color: #ddd;
text-align: left;
font-weight: normal;
border-bottom: 1px solid #555;
border-right: 0px;
border-left: 1px solid #666;
}

.nav ul li ul li ul li  { 
width: 240px;
background-image: none;
border-right: 0px;
text-align: left;
text-indent: 8px;
}

.nav ul li ul li, .nav ul li ul li ul li, .nav ul li ul li a, .nav ul li ul li ul li a {
line-height: 20px;
height: 20px;
}

.nav ul li ul li ul li a  { 
color: #eee;
}

.nav ul li ul li:hover {
background-color: #0b5f0b;
}


.nav ul ul { position: absolute; top: 24px; left: 0px; padding: 0; }
.nav ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div.nav ul ul,
div.nav ul li:hover ul ul,
div.nav ul ul li:hover ul ul
{margin-left: -999em; }

div.nav ul li:hover ul,
div.nav ul ul li:hover ul,
div.nav ul ul ul li:hover ul
{margin-left: 0;}


/* /////////////// CONTAINER */
#container { background-color: #fff; background-image: url(images/container-gradient-rpt.jpg); background-repeat: repeat-x; background-position: 0 1px; padding-bottom: 12px; }
#container .pad { padding: 0 25px }
#container .fullpad { padding: 0 50px }
#container li { padding-bottom: 2px; }
h1 { color: #030; font-size: 26px; font-family: "Times New Roman", Times, Georgia, serif; margin: 0; padding: 18px 0 18px 16px; }
h3 { color: #030; font-size: 18px; margin: 0 0 12px 0; padding: 18px 0 6px 0; border-bottom: 1px solid #ddd; }
h4 { color: #030; font-size: 20px; line-height: 20px; font-family: "Times New Roman", Times, Georgia, serif; margin: 0; padding: 6px 0 6px; }
h2 { color: #030; font-size: 22px; font-family: "Times New Roman", Times, Georgia, serif; margin: 0; padding: 18px 0; }
h5 { color: #bb2216; font-size: 22px; font-family: "Times New Roman", Times, Georgia, serif; margin: 0; padding: 18px 0; }
.title-large {font-size: 14px; font-weight: bold; }

/* /////////////// TIPS PAGES */
#tips-box { background-color: #f7f7f6; background-image: url(images/tips-box-rpt.jpg); background-repeat: repeat-x; background-position: 0 bottom; width: 452px; height: auto !important; height: 291px; float: right; min-height: 291px; margin-bottom: 20px; border: solid 1px #a9a9a9; }
#tips-box .star {background-image: url(images/star.gif); background-repeat:no-repeat; background-position: 275px 68px; height: auto !important; height: 220px; min-height: 220px;  }
#tips-box p {margin: 13px 0; padding: 0 }
#tips-box a { color: #339; }
#tips-box a:hover { text-decoration: none; }
#tips-box .pad { font-size: 13px; padding: 14px 0 0 20px; line-height: 16px }
#tips-box h5 { color: #030; height: 42px; background-image: url(images/tips-box-header.gif); font-size: 16px; text-indent: -999em; margin: 0; padding: 0; border-bottom: 1px solid #ddd; }
.tips-column { width: 450px; padding-bottom: 20px;}
h1.toptips { color: #030; font-size: 22px; font-family: "Times New Roman", Times, Georgia, serif; background-image: url(images/tips-gradient-rpt.jpg); background-repeat: repeat-x; clear: right; margin: 0; padding: 20px 0 18px 16px; }

/* /////////////// COMPANY PAGES*/
#company-bg{
background-image: url(images/company-page-rpt.gif);  background-repeat: repeat-y; background-position: 472px;
}

#column-company-info{
float:left;
width: 458px;
margin-right: 26px;
}

#column-company-info .pad, #column-testimonials .pad{
padding: 10px;
}

#column-testimonials{
float:left;
width: 458px;
}

#column-testimonials p {clear: right; margin: 14px 0; padding-bottom: 16px; }

#formbg-top {background-color: #ebebeb; background-image: url(images/form-rpt-top.jpg); background-repeat: repeat-x; margin: 0 150px; }

#formbg-bot{ background-image: url(images/form-rpt-bot.jpg); background-repeat: repeat-x; background-position: bottom left; border: solid 1px #a9a9a9; padding: 20px; }

/* /////////////// STYLES */
.left { float: left; }
.right{float: right; }


/* /////////////// CLEARFIX */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* End of 'Home Services Review' */


http://www.homeservicesreview.com/stylesheet.php?cssid=43&mediatype=screen

/* Start of CMSMS style sheet 'FormBuilder Default Style' */
/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:1px solid #F60;
	padding:0.5em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:#F60;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:1px solid #F60;
	padding:0.5em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:#F60;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

.contactform input {border: 1px solid #f60;}
.contactform input.checkbox {border: none;}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
/* End of 'FormBuilder Default Style' */