/* =================================================== */
/* =Colors

	Light Blue			63C3F2
	Periwinkle			6E95CE
	Medium Blue			193E7C
	Darker Blue			17376E
	Border Blue			122A51
	Gold						C8AB65
	Yellow					FBC258
	Grey						4F4F4F

/* =================================================== */
/* =Reset
/* =================================================== */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1; font-size: 62.5%;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* =General Styles
===========================================================*/

body, p, a, h1, h2, h3, h4, h5, h6, li, td, th {
	font-family: Verdana, Arial, sans-serif;
}

body {
	font-size: 12px;
	background: #63C3F2 url('/images/background.png') repeat-x;
	text-align: center;
}

div, p, h1, h2, h3, h4, h5, h6, th, td {
	text-align: left;
}

p {
	margin-bottom: 15px;
	line-height: 1.5em;
}

li, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
}

.left {
	float: left;
}

.right {
	float: right;
}

.subtext, #content .subtext {
	text-transform: none;
	display: block;
	color: #6E95CE;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 8px;
}

.estimate-lt {
	float: left;
	margin-top: 14px;
	height: 41px;
	width: 17px;
	background: url('/images/estimate_btn_lt.gif') no-repeat;
}

.estimate-md {
	margin-top: 14px;
	float: left;
	height: 30px;
	padding: 15px 5px 0 5px;
	background: url('/images/estimate_btn_md.gif') repeat-x;
}

.estimate-rt {
	float: left;
	height: 71px;
	width: 91px;
	background: url('/images/estimate_btn_rt.gif') no-repeat;
}

.estimate-md a {
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
}

.estimate-md a:hover {
  color: #FBC258;
}

.estimate-md a em {
	color: #FBC258;
}


/* =Header
===========================================================*/
#header {
	height: 35px;
	background: #133D93 url('/images/header_bg.gif') repeat-x;
}

/* =Admin Section
===========================================================*/

#admin {
	position: relative;
	padding-top: 10px;
	margin: 0 auto;
	width: 802px;
	color: #63C3F3;
}

#admin a {
	color: #63C3F2;
}

#admin a:hover {
  color: #B0DDF2;
}

#admin .contact {
	float: left;
}

#admin .admin-control {
	position: absolute;
	right: 0px; /* Change to '70px' if adding Login Button */
	text-transform: uppercase;
}

.login-btn {
	float: right;
	margin-top: -2px;
}

.login-btn-lt {
	float: left;
	height: 20px;
	width: 7px;
	background: url('/images/login_btn_lt.gif');
}

.login-btn-md {
	float: left;
	height: 20px;
	background: url('/images/login_btn_md.gif');
}

.login-btn-rt {
	float: left;
	height: 20px;
	width: 7px;
	background: url('/images/login_btn_rt.gif');
}

#admin .login-btn-md a {
	display: block;
	padding: 3px 5px 0 5px;
	color: #FFF;
	text-decoration: none;
}

#admin .login-btn-md a:hover {
	color: #B0DDF2;
}


#container {
	width: 986px;
	margin: 0 auto;
	background: url('/images/sparkle_background.png') no-repeat;
}

/* =Navigation
===========================================================*/

#navigation {
	margin: 0 auto;
	height: 129px;
	width: 802px;
	padding: 0;
	margin-top: 48px;
}

#navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	height: 129px;
	width: 98px;
	margin-left: 2px;
}

#navigation li a {
	background: url('/images/nav_bg.gif');
}

/* Another IE6 Hack */
#navigation li#home { margin-left: 152px; }
/* Fix for REAL browsers */
#navigation>li#home { margin-left: 304px; }

#navigation li#home a:hover { background-position: 0 -136px; }

#navigation li#services a { background-position: -100px 0; }
#navigation li#services a:hover { background-position: -100px -136px; }

#navigation li#rates a { background-position: -198px 0; }
#navigation li#rates a:hover { background-position: -198px -136px; }

#navigation li#about a { background-position: -296px 0; }
#navigation li#about a:hover { background-position: -296px -136px; }

#navigation li#contact a { background-position: -393px 0; }
#navigation li#contact a:hover { background-position: -393px -136px; }

#navigation li a {
	text-transform: uppercase;
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	color: #193E7C;
	height: 24px;
	padding-top: 105px;
}

#navigation li a:hover {
	color: #6E95CE;
}

/* =Content
===========================================================*/

#content-container {
	margin: 0 auto;
	width: 786px;
	padding: 8px;
	background: #FFF;
}

#content-container .two-column {
	width: 180px;
}

#content-container .two-column.right-side {
	margin: 0 0 0 40px;
}

#content-container a {
	color: #a09375;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #a09375;
}

#content-container a:hover {
	color: #84795f;
	border-bottom: 1px dotted #84795f;
}

#content-container h2 {
	color: #193e7c;
	font-size: 16px;
	margin: 25px 30px 10px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #999;
}

#content-container h3 {
	color: #193E7C;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	margin: 0 0 10px 0;
}

/*  services page */

a.services-img {
	display: block;
	width: 405px;
	height: 170px;
	border: none;
	margin: 0 0 20px 0;
	position: relative;
}

a.services-img#carpet {
	background: url(/images/carpet-services.jpg) no-repeat;
	border: none;
}

a.services-img#janitorial {
	background: url(/images/janitorial-services.jpg) no-repeat;
	border: none;
}

a.services-img#residential {
	background: url(/images/residential-services.jpg) no-repeat;
	border: none;
}

a.services-img#floor {
	background: url(/images/floor-services.jpg) no-repeat;
	border: none;
}

.banner-small {
	background: url(/images/banner-small.png) no-repeat;
	width: 191px;
	height: 30px;
	margin: 0 0 0 -9px;
	position: absolute;
	left: 0;
	bottom: 20px;
}

#content-container .banner-small h2 {
	font-size: 12px;
	color: #fff;
	border: none;
	margin: 0;
	padding: 7px;
	text-align: center;
}

/*  residential cleaning page */

#content-container .additional {
	background: #cddfeb;
	padding: 20px;
	margin: 30px 30px 40px -20px;
}

#content-container .additional .two-column {
	width: 180px;
}

#content-container .additional h2 {
	margin: 0 0 10px 0;
}

#content-container .additional ul {
	margin: 0;
}

/* end */

#content {
	position: relative;
	border: 4px solid #193E7C;
	border-right: 289px solid #193E7C;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding-left: 40px;
}

#content h1 {
	font-size: 24px;
	color: #193E7C;
	margin: 25px 0 25px 0;
	text-transform: uppercase;
}

#content p {
	color: #4F4F4F;
}

#content ul {
	margin: 0 0 20px 0;
}

#content ul li {
	list-style-type: square;
	margin-left: 15px;
	color: #4F4F4F;
}

#content #main-photo {
	width: 411px;
	height: 126px;
	border: 1px solid #2F4A6B;
	margin-bottom: 10px;
}

#content #eco-tag {
	position: absolute;
	left: -110px;
	top: -13px;
	height: 199px;
	width: 142px;
	background-image: url('/images/eco_tag.png');
	text-indent: -9999px;
}

.banner-large {
	width: 490px;
	height: 122px;
	background: url(/images/banner-large.png) no-repeat;
	margin: 0 0 20px -62px;
}

.banner-large div {
	margin: 0 0 0 120px;
	padding: 30px;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
}

/* =Sidebar
===========================================================*/

#sidebar {
	float: right;
	position: relative;
	z-index: 3000;
	margin-right: -289px;
	width: 229px;
	background: #193E7C;
	padding: 28px;
	color: #C8AB65;
	margin-left: 30px;
  /* Hack for extra margin on IE6 */
  margin-bottom: -15px;
}
/* Now fix it for REAL browsers*/
#content>#sidebar {
  margin-bottom: 0;
}

#sidebar ul {
	border: 1px solid #122A51;
	background: #17376E;
	color: #63C3F2;
	padding-bottom: 20px;
	margin-bottom: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#sidebar ul li {
	color: #63C3F2;
	margin: 0 20px 0 30px;
	font-size: 10px;
}

#sidebar ul li.list-header {
	height: 25px;
	font-weight: bold;
	font-size: 13px;
	padding: 3px 15px;
	text-transform: uppercase;
	color: #193E7C;
	background: url('/images/li_header.png') no-repeat;
	margin: 0 0 10px 0;
}

#sidebar h3 {
	margin-bottom: 15px;
}

#sidebar p {
	font-style: italic;
	color: #C8AB65;
}

#sidebar ul li a {
	color: #63C3F2;
	border-bottom: 1px dotted #63C3F2;
}

#sidebar ul li a:hover {
	color: #d5cbb6;
	border-bottom: 1px dotted #d5cbb6;
}

/* =Footer
===========================================================*/

#footer {
	position: relative;
	height: 124px;
	margin: 0 auto 15px auto;
	width: 802px;
	background: url('/images/footer_bg.gif');
}

#footer .estimate-btn {
	position: absolute;
	top: 10px;
	right: 10px;
}

/* IE6 doesn't want to float */
#footer .estimate-btn {
	margin-left: 460px;
}
/* Correct for other browsers */
#footer>.estimate-btn {
	margin: 0;
}
/* =Hacks
===========================================================*/
#eco-tag, #sidebar ul li.list-header, #container { behavior: url('/css/iepngfix.htc'); }

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */