@charset "UTF-8";
/* CSS Document */
/*   Top2Bottom Cleaning Services Website Style Sheet (Main Layout Style)
     Created by: Clint Applegate (CA Visual Design)
	 Dated: 11/1/09
=========================================================================*/

* {margin:0; padding:0;}

body,td,th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333333;
	line-height: 20px;
}
body {
	background-color: #FFFFFF;
	background-image: url(../images/bg-top.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	background-position: center top;
}
h1 {
	font-size: 22px;
	display: block;
	margin-top: 0px;
	padding: 0px 0px 10px;
}
h2 {
	font-size: 18px;
	display: block;
	margin-top: 0px;
	padding: 0px 0px 10px;
}
p {
	padding: 0px 0px 10px;
}

/*	Main Layout Boxes Styles 
	===================================================================== */
#bg-image {
	background: url(../images/bg-footer.jpg) repeat-x left bottom;
	width: 100%;
}
#wrapper {
	margin: 0px auto;
	width: 960px;
}
#header {
	height: 296px;
	width: 960px;
}
#footer {
	padding: 10px 20px;
	height: 140px;
	width: 920px;
	background: url(../images/bg-footer-nav.jpg) no-repeat center top;
}

#content-box {
	background: url(../images/bg-content-box.jpg) no-repeat center top;
	padding: 0px 30px;
	width: 900px;
}


/*	Navigation Styles 
	===================================================================== */
#navigation {
	background: url(../images/nav-bg-left.jpg) no-repeat left top;
	padding: 0px 0px 0px 40px;
	height: 67px;
	width: 900px;
	margin: 0px auto;
}
.nav-right-bg {
	background: url(../images/nav-bg-right.jpg) no-repeat right top;
	padding: 13px 40px 0px 0px;
	display: block;
	height: 54px;
}
#navigation ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#navigation li{
	display:block;
	float:left;
	height:54px;
}
#navigation li a:hover, #navigation li a#current {
	background-position:0 -54px;
	display:block;
}
#navigation li a, li #navigation a:visited{
	text-align: center;
	display:block;
	text-indent: -5000px;
	overflow:hidden;
}
#navigation a.nav-home {
	background:transparent url(../images/nav/nav-home.jpg) no-repeat scroll 0 0;
	height:54px;
	width:101px;
}
#navigation a.nav-residential {
	background:transparent url(../images/nav/nav-residential.jpg) no-repeat scroll 0 0;
	height:54px;
	width:122px;
}
#navigation a.nav-commercial {
	background:transparent url(../images/nav/nav-commercial.jpg) no-repeat scroll 0 0;
	height:54px;
	width:122px;
}
#navigation a.nav-church-school {
	background:transparent url(../images/nav/nav-church-school.jpg) no-repeat scroll 0 0;
	height:54px;
	width:145px;
}
#navigation a.nav-maintenance {
	background:transparent url(../images/nav/nav-maintenance.jpg) no-repeat scroll 0 0;
	height:54px;
	width:145px;
}
#navigation a.nav-quote {
	background:transparent url(../images/nav/nav-quote.jpg) no-repeat scroll 0 0;
	height:54px;
	width:100px;
}
#navigation a.nav-contact {
	background:transparent url(../images/nav/nav-contact.jpg) no-repeat scroll 0 0;
	height:54px;
	width:122px;
}
.logo {
	height: 100px;
	width: 282px;
	padding: 50px 0px 0px;
}
.ftr-nav-box {
	height: 30px;
	display: block;
}
.ftr-nav-box ul {
	list-style-type:none;
	margin:0;
	padding:0;	
}
.ftr-nav-box li {
	display:block;
	float:left;
	padding: 2px 10px;	/*height:60px;*/	
}
.ftr-nav-box a, .ftr-nav-box a:visited  {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}
.ftr-nav-box a:hover {
	text-decoration: underline;
	color: #EFAE44;
}
.ftr-nav-rightcol {
	float: right;
	width: 180px;
	padding-left: 5px;
}
.ftr-nav-divider {
	border-right: 1px solid #FFF;
}

.ftr-ftr-box {
	background: url(../images/bg-ftr-ftrbox.png) no-repeat center bottom;
	width: 960px;
	padding-bottom: 20px;
}
.ftr-info-box {
	display: block;
	padding: 5px 15px 10px 0px;
	float: left;
}
.ftr-disclaimer {
	background: url(../images/h-line.gif) repeat-x top;
	display: block;
	padding-top: 15px;
	text-align: center;
	line-height: 2em;
}
.ftr-vanity {
	margin: 24px 0px 0px;
	height: 80px;
	width: 800px;
}
.ftr-img-box {
	display: block;
	float: left;
	margin-right: 10px;
}
.clear {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 0px;
	visibility: hidden;
	clear: both;
}

/*	Column Boxes Styles 
	===================================================================== */
.content-ABC-holder {
	display: block;
	margin: 0px auto;
	padding: 0px 0px 15px;
	width: 880px;
}
.col-ABC {
	float: left;
	width: 280px;
}
.abc-ab {
	margin: 0px 20px 0px 0px;
}
.content-AB-holder {
	display: block;
	margin: 0px 10px;
	padding: 0px 0px 15px;
	width: 880px;
}
.col-AB-A {
	float: left;
	width: 580px;
}
.col-AB-B {
	float: right;
	width: 280px;
}

.col-AB-B h2 {
	background: url(../images/h1-h2-img/h2-topbg-img.jpg) no-repeat left top;
	height:40px;
	color:#006EAA;
	font-size: 17px;
	padding: 10px 0px 10px 10px;
	vertical-align: middle;
	font-weight: normal;
}
.col-AB-B h2.add-service-offered {
	padding: 20px 0px 10px 10px;
}
.col-AB-B h2.cleaning-services {
	padding: 20px 0px 10px 10px;
	font-size: 20px;
	font-weight: normal;
}

h1.h1-welcome {
	background: url(../images/hm-title-welcome.jpg) no-repeat;
	height: 56px;
	text-indent: -10000px;
}
h1.h1-choose-us {
	background: url(../images/hm-title-choose-us.jpg) no-repeat;
	height: 56px;
	text-indent: -10000px;
}
h1.h1-special-offer {
	background: url(../images/hm-title-special-offer.jpg) no-repeat;
	height: 56px;
	text-indent: -10000px;
}
h1.h1-residential {
	background: url(../images/h1-h2-img/h1-residential.jpg) no-repeat;
	height: 56px;
	text-indent: -10000px;
}
h1.h1-commercial {
	background: url(../images/h1-h2-img/h1-commercial.jpg) no-repeat;
	height: 56px;
	text-indent: -10000px;
}
h1.h1-church-school {
	background: url(../images/h1-h2-img/h1-church-school.jpg) no-repeat;
	height: 56px;
	text-indent: -10000px;
}
h1.h1-maintenance {
	background: url(../images/h1-h2-img/h1-maintenance.jpg) no-repeat;
	height: 56px;
	text-indent: -10000px;
}
h1.h1-product-use {
	background: url(../images/h1-h2-img/h1-product-use.jpg) no-repeat;
	height: 56px;
	text-indent: -10000px;
}
h1.h1-contact-us {
	background: url(../images/h1-h2-img/h1-contact.jpg) no-repeat;
	height: 65px;
	text-indent: -10000px;
}
h1.h1-faqs {
	background: url(../images/h1-h2-img/h1-faqs.jpg) no-repeat;
	height: 56px;
	text-indent: -10000px;
}
h1.h1-quote {
	background: url(../images/h1-h2-img/h1-quote.jpg) no-repeat;
	height: 59px;
	text-indent: -10000px;
}

ul.blue-bullet  {
	list-style-type: none;
}
ul.blue-bullet  ul {
	list-style-type: none;
}
.blue-bullet li {
	line-height: 25px;
	padding: 0px 0px 0px 30px;
	background: url(../images/bullet-blue.jpg) no-repeat 0px 5px;
	font-size: 14px;
	margin: 0px 0px 0px 5px;
}
.blue-bullet li li {
	line-height: 25px;
	padding: 0px 0px 0px 30px;
	background: url(../images/bullet-orange.jpg) no-repeat 0px 5px;
	font-size: 14px;
	margin: 0px 0px 0px 5px;
}

h2.h2-left-content {
	background: url(../images/h1-h2-img/h2-bg-img.jpg) no-repeat;
	height: 30px;
	color: #006AAC;
	font-weight: normal;
	font-size: 20px;
	padding: 20px 0px 15px 10px;
}
.backtop a, .backtop a:visited  {
	background: url(../images/btn-back-top.jpg) no-repeat;
	float: right;
	height: 37px;
	width: 98px;
	text-indent: -1600px;
	overflow: hidden;
	display: block;
}.disclaimer-note {
	font: 12px Arial, Helvetica, sans-serif;
	display: block;
	padding: 10px;
}

/*	Form Styles 
	===================================================================== */

#personal input {
	background-color:#FFFFFF;
	
	width:300px;
	margin:0px 0px 0px 60px;
	
	border-width: 1px;
	border-style: solid solid solid solid;
	border-color:#FFCC00;
	
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	
	padding:1px 2px;
}
#personal label{
	font-weight: normal;
	color:#333;
	font-size:80%;
	text-align:center;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	text-align:left;
	margin:4px 0px 0px 8px;
	padding:10px 10px 5px;
}
#personal h2, #inquiry h2, #other h2 {
	color: #F69918;
	padding: 5px 5px 5px 10px;
	display: block;
	font-size: 20px;
	line-height: 1.25em;
	font-weight: normal;
}
#personal h2, #inquiry h2 {
	background: url(../images/form-bg2.jpg) no-repeat left;
}
#other h2 {
	background: url(../images/form-bg1.jpg) no-repeat left;
}
#personal fieldset {
	padding-bottom: 5px;
}
.optional label {
	/*width: 80px;*/
	float:left;
	padding: 5px;
}
.inquiry-optional {
	padding: 10px;
	float: left;
}
#other fieldset {
	margin: 10px 0px 0px;
	padding: 0px 0px 10px;
}
#other label{
	font-weight: normal;
	color:#333;
	font-size:80%;
	text-align:center;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	text-align:left;
	margin:4px 0px 10px 8px;
	padding:0px 5px 0px 10px;
}
#other textarea{
	background-color:#FFFFFF;
	
	width:340px;
	margin:0px 0px 0px 20px;
	
	border-width: 1px;
	border-style: solid solid solid solid;
	border-color:#FFCC00;
	
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:150%;
	
	padding:1px 2px;
}
.phone-info {
	font-size: 17px;
	font-style: italic;
	line-height: 1.5em;
	padding: 0px 10px 10px;
	float: left;
	letter-spacing:1px;
}
.email-info {
	font-size: 17px;
	font-style: italic;
	line-height: 1.5em;
	padding: 0px 10px 10px;
	float: left;
	letter-spacing:1px;
}
.email-info a .email-info a:visited {
	text-decoration: none;
}
.required {
	color: #FC0;
}
.form-content-AB-holder {
	display: block;
	margin: 0px 10px;
	padding: 0px 0px 15px;
	width: 880px;
}
.form-col-AB-A {
	float: left;
	width: 420px;
}
.form-col-AB-B {
	float: right;
	width: 420px;
}
.legaltitle {
	margin-top: 20px;
}.credit {
	float: right;
	text-align: right;
	color: #FFF;
	font: 11px Arial, Helvetica, sans-serif;
	padding-top: 10px;
}
.credit a, .credit a:visited {
	color: #FFF;
}
.credit a:hover {
	color: #FC0;
}