/*
	*****Torque CSS Framework*****
	Developed by Matt Cordell of Alaress
*/

@import url("reset.css");
@import url("typography.css");
@import url("forms.css");

html { height: 100%; }

body {
	background: #fff url(/images/bg.png) repeat-x;
	height: 100%
}

#container {
	min-height: 100%;
	margin-bottom: -345px;
}

#wrapper { padding-bottom: 345px; }

/***************************************
	CORE STYLES
***************************************/
#content {
	margin: 0 auto;
	width: 918px;
}

#contentLower {
	border-top: 1px solid #00a0da;
	border-bottom: 1px solid #00a0da;
	padding: 24px 0 6px;
	margin-bottom: 24px;
}

.leftCol {
	float: left;
	width: 184px;
}

.mainCol {
	float: left;
	width: 489px;
	margin: 0 29px;
}

.rightCol {
	float: left;
	width: 184px;
}

#van{height:156px; width:667px; position:absolute; right:0; top:0; z-index:100; background:#00a0da url(../images/header-placeholder.jpg) no-repeat;}

/***************************************
	SUBNAV STYLES
***************************************/
.subnav {
	list-style: none;
	margin: 0 0 18px 0;
}

.subnav li { margin-bottom: 23px; }

.subnav.short li { margin-bottom:8px; }

.subnav.short li.distance { margin-top:53px; }

.subnav a {
	display: block;
	height: 131px;
	position:relative;
	color:#ffffff;
	line-height:31px;
	text-decoration:none;
}

.subnav a span {
	position:absolute;
	height:31px;
	width:171px;
	z-index:100;
	bottom:0;
	left:0;
	padding-left:12px;
	background-color: #0078bf;
	background-image: -moz-linear-gradient(left, #0078bf, #00a5db);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0078bf), color-stop(1, #00a5db));
	background-image: linear-gradient(right, top, #0078bf, #00a5db);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType='1', startColorStr='#0078bf', EndColorStr='#00a5db');
}

.subnav a:hover span {
	background-color: #6cc065;
	background-image: -moz-linear-gradient(left, #6cc065, #85c546);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #6cc065), color-stop(1, #85c546));
	background-image: linear-gradient(right, top, #6cc065, #85c546);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType='1', startColorStr='#6cc065', EndColorStr='#85c546');
}

.subnav li a em {
	position:absolute;
	right:9px;
	bottom:11px;
	display:block;
	width:8px;
	height:11px;
	z-index:500;
	background:url(/images/subnav-arrow.png) no-repeat;
}

a.quickQuote {
	background: url(../images/quick-quote.jpg) no-repeat;
	text-indent:-9999em;
	height:133px;
}
a.quickQuote:hover {
	background: url(../images/quick-quote.jpg) no-repeat 0 100%;
	text-indent:-9999em;
	
}

a.springCleaning { background: url(../images/btn-springcleaning.jpg) no-repeat; }

a.movingHouse { background: url(../images/btn-movinghouse.jpg) no-repeat; }

a.movingHouse:hover span {
	background-color: #f15090;
	background-image: -moz-linear-gradient(left, #f15090, #f15090);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f15090), color-stop(1, #f15090));
	background-image: linear-gradient(right, top, #f15090, #f15090);
	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType='1', startColorStr='#f15090', EndColorStr='#f15090');
}

a.windowCleaning { background: url(../images/btn-windowcleaning.jpg) no-repeat; }

a.windowCleaning:hover span {
	background-color: #009fd6;
	background-image: -moz-linear-gradient(left, #009fd6, #3ac0e4);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #009fd6), color-stop(1, #3ac0e4));
	background-image: linear-gradient(right, top, #009fd6, #3ac0e4);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType='1', startColorStr='#009fd6', EndColorStr='#3ac0e4');
}

a.carpetCleaning { background: url(../images/btn-carpetcleaning.jpg) no-repeat; }

a.carpetCleaning:hover span {
	background-color: #f49f33;
	background-image: -moz-linear-gradient(left, #f49f33, #f1b620);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f49f33), color-stop(1, #f1b620));
	background-image: linear-gradient(right, top, #f49f33, #f1b620);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType='1', startColorStr='#f49f33', EndColorStr='#f1b620');
}

.subnav a.small {
	background:none;
	height:31px;
}

.ciaVideo {
	background: url(../images/btn-video.jpg) no-repeat;
	text-indent:-99999em
}

.subnav-image { margin-bottom:18px; }

/***************************************
	SUBPAGE STYLES
***************************************/
.accordion {
	border: 2px solid #d3d4d5;
	padding: 0 15px;
	margin-bottom:16px;
}

.accordion div { padding: 0 5px 5px; }

.rightCol ul li a, .rightCol ul li {
	color:#959292;
	font-size:14px;
	line-height:22px;
	text-decoration:none;
}

.rightCol ul li a:hover { text-decoration:underline; }

.testimonial-set{background:#fff; min-height:1px;}
.standard-form  {border:1px solid #d3d4d5; padding:5px 16px;}
.standard-form .commercial{width:95px;}
.hide-me{display:none;}

.image-button{display:block; margin-bottom:20px;}
.voucher{border: 1px solid #D3D4D5;}
/***************************************
	FOOTER STYLES
***************************************/
#footer {
	background: #9cd7ee url(/images/footer-background.jpg);
	height: 345px;
	position:relative
}

#footerUpper { background: #fff; }



.footerInner {
	width: 706px;
	margin: 0 auto;
	padding: 22px 0 0 212px;
}

#footerUpper .footerInner {
	position: relative;
	padding: 45px 0 25px 212px;
}
.paintSplat {
	display: block;
	position: absolute;
	width: 163px;
	height: 193px;
	top: 0;
	left: 0;
	background: url(../images/splat.png) no-repeat;
	z-index:200;
}

#footer img {
	margin-right: 25px;
	float: left;
}

#footer small {
	color: #959292;
	font-size: 10px;
	float: left;
	line-height: 12px;
	margin-top: 15px;
}

#footerLower ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footerLower li {
	float: left;
	border-left: 1px solid #00a5d9;
	padding-left: 5px;
	margin-right: 5px;
	line-height: 13px;
}

#footerLower li:first-child { border-left: 0; }

#footerLower li a {
	color: #00a5d9;
	font-size: 13px;
	line-height: 13px;
	text-decoration: none;
}

#footerLower li a:hover { text-decoration: underline; }

#footerLower .footerInner ul.col{
	width:180px; float:left; 
	margin:32px 32px 32px 5px;
		
}
#footerLower .footerInner ul.col.last{
	margin-right:0;
		
}

#footerLower .footerInner ul.col li {
	width:160px;
	height:27px; line-height:27px;
	border:0;
	padding:0; margin:0;
	float:none;
}

.footerInner .col.first{
	
}
	
	
	
	

/***************************************
	HEADER STYLES
***************************************/
#header {
	margin: 0 auto;
	width: 918px;
	height: 202px;
	margin-bottom: 54px;
	position: relative;
	z-index:300;
}
#header h1 {
	position: absolute; top: 0; right: 0; z-index: 9999;
}

#logo {
	float: left;
	margin: 25px 0 0;
}

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 0;
	bottom: 0;
	border-left: 2px solid #fff;
	z-index:300;
}

#nav li {
	float: left;
	border-right: 2px solid #fff;
	position: relative;
}

#nav a {
	display: block;
	line-height: 15px;
	width: 89px;
	height: 37px;
	padding-top: 7px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	position: relative;
}

#nav .singleline a {
	height: 30px;
	padding-top: 14px;
}
#nav   .singleline ul a{height:27px; padding-top:0;}

#nav ul{list-style:none;position:absolute; top:44px; width:181px; border-left:1px solid #7fbde0; border-right:1px solid #7fbde0; background: #0078bf url(/images/nav-background.jpg) repeat-x 0 100%; left:0px; margin:0; z-index:300;}
#nav ul li{border:0; width:181px;}
#nav ul li a{padding:0; line-height:27px; height:27px; border:0;width:165px; text-align:left; padding-left:16px;}

ul#nav a.current { background:url(../images/bg-nav.png) repeat-x; }

#nav a:hover { background: #00A0DA; }

/***************************************
	MISC STYLES
***************************************/
.float-fix {
	clear: both;
	overflow: hidden;
	height: 0;
}