/******* Resets *******/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

em{font-style: oblique;}
strong{font-weight: bold;}

body{
	background: #fff;
	font: 62.5% arial;
	color: #000;
}

#page{
	width:979px;
	padding:0 0 10px;
	margin: 0 auto 0;
	background: transparent url(img/pagebg.jpg) repeat-y;	
}

#page:after{
	content: "."; display: block; 
	height: 0; clear: both; 
	visibility: hidden;
}


/*******************************
	HEADER
*******************************/
#header{
	background:transparent url(img/header.jpg) no-repeat scroll 50% 0;
	height:139px;
	margin:0 auto;
	padding:35px 0 50px;
	width:979px;
}

#logo{
	margin:30px 0 0 310px;
	font-size:4.5em;
	font-weight:bold;
	font-style:oblique;
	color:#ffffff;
}

#slogan{
	margin:15px 0 0 310px;
	font-size:2.2em;
	font-weight:bold;
	color:#17469e;
	text-transform:uppercase;
}

#hours{
	color:#17469E;
	font-size:1.2em;
	margin:0 0 0 310px;
	text-transform:uppercase;
	font-weight:bold;
}

#hours .tel{
	color:#17469E;
	font-size:1em;
	text-transform:uppercase;
	text-decoration:none;
	cursor:text;
}


/*******************************
	NAVIGATION SIDEBAR
*******************************/
#navigation{
	background: transparent url(img/navbg.jpg) 50% 0 no-repeat;
	width:400px;
	height:601px;
	margin:-4px 0 0 8px;
	float:left;
}

#navigation ul{
	margin: 90px 0 0 -140px;
	padding:0 210px
}

#navigation ul li{
	background: transparent url(img/nav-button.png) 50% 0 no-repeat;
	text-align:center;
}

#navigation ul li.here,
#navigation ul li.red{
	background: transparent url(img/nav-button.png) 50% -53px no-repeat;
}

#navigation ul li a{
	font-size:1.3em;
	color:#ffffff;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:40px;
	padding-top:12px;
}


/*******************************
	COPY
*******************************/
.comment{
	color:#000000 !important;
	font-weight:bold;
	text-transform:capitalize;
	background-color:#FF2FFB;
	padding-left:4px;
	border: #00FF00 solid 2px;
	display:none;
}

#content{
	padding:0 10px;
	float:left;
	width:655px;
	margin:-4px 0 0 -107px;
}

#content p{
	font-size: 1.3em;
	color: #17469e;
	line-height: 1.3em;
	margin-bottom: 1em;
}

#content a{
	text-decoration:underline;
	color:#8E091A;
}

#content a.tel{
	cursor:text;
	color: #17469e;
	text-decoration:none;
	font-weight:bold;
}

h1{
	font-size:2em;
	font-weight:bold;
	color:#8e091a;
	padding-bottom:1em;
}

h2{
	font-size:1.5em;
	font-weight:bold;
	color:#8e091a;
	padding-top:1em;
}

h3{
	font-size:1.5em;
	font-weight:bold;
	color:#17469e;
	padding-top:1em;
}

h1 + h2,
#map h2{
	padding-top:0;
}

#content:after{
	content: "."; display: block; 
	height: 0; clear: both; 
	visibility: hidden;
}

.home div.leftcol{
	float:left;
	width:290px;
}

.leftcol{
	float:left;
	width:390px;
}

ul.product{
	margin:0 0 1em 0;
}

ul.product li,
#slider .scroll ul li{
	margin:0 0 1em 20px;
	font-size:1em;
	color:#17469E;
	font-size:1.3em;
	list-style-type:disc;
}

#slider .scroll ol li{
	margin:0 0 1em 20px;
	font-size:1em;
	color:#17469E;
	font-size:1.3em;
	list-style-type:decimal;
}

#slider .scroll dl dt{
	font-size:1.3em;
	font-weight:bold;
	color:#17469E;
	margin:0 0 0 10px;
}

#slider .scroll dl dd{
	margin:0 0 .5em 20px;
	font-size:1.3em;
	color:#17469E;
}

.leftcol table{
	font-size:1.3em;
	color:#17469E;
	margin:0 0 1em;
}

.leftcol table th{
	font-weight:bold;
}

.leftcol table td,
.leftcol table th{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #666666;
	padding:5px;
}

#slider .scroll table td,
#slider .scroll table th{
	background:none;
	border:none;
	vertical-align:top;
}

.rightcol{
	float:right;
}	

#content .rightcol h3{
	margin:75px 0 10px; 
}

#content .rightcol p.footnote{
	width:220px;
	font-size:1.1em;
	margin:2em 0;
}

#toilet{
	margin:0 23px 0 0;
	text-align:center;
}

#toilet p{
	margin:0 0 0 27px;
	width:150px;
}

.right{
	float:right;
	margin:0 0 0 5px;
}

.left{
	float:left;
	margin:0 5px 0 0;
}

#content .leftcol div{
	float:left;
	margin:0 55px 0 0;
}

#content .leftcol div + div{
	margin:0;
}

#content ul.bullets li,
#content .rightcol ul li{
	font-size: 1.3em;
	color: #17469e;
	line-height: 1.5em;
	font-weight:bold;
	padding-left:17px;
	background:url(img/bullet.png) no-repeat 0 3px;
}

.contact-us #content address{
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 1em;
	color: #17469e;
	font-weight:bold;
}

/*******************************
	FOOTER
*******************************/
#footer{
	width:979px;
	padding: 50px 0;
	margin: 0 auto;
	background: transparent url(img/footbg.jpg) 50% 0 no-repeat;
	text-align: center;	
}

#footer li{
	display: inline;
	border-right: 1px solid #91acc2;
	padding: 0 6px;
}

#footer a{
	color: #17469e;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#footer .copyright{
	font-size: .9em;
	color: #17469e;
	text-transform: uppercase;
	padding-top: 1em;
}


/*******************************
	Home Sidebar
*******************************/
#homeside{
	font-size:0.8em;
	font-weight:bold;
	margin:-16px 0 0;
	padding:0 10px 0 232px;
	text-transform:uppercase;
	width:427px;
}	

#van{
	float:left;
	margin:-124px 0 0 -55px;
}

#homeside img{
	margin:30px 0 0;
}

#homeside div{
	background:transparent none repeat scroll 0 0;
	float:left;
	margin:5px 0 0 149px;
	padding:0;
	text-transform:none;
	color:#17469E;
	width:400px;
}

#homeside span,
#sidebar span .tel{
	color:#8e091a;
}

#homeside div span{
	margin-left:3px;
}

#homeside div img{
	float:left;
	margin:-19px 0 0 135px;
}

#homeside address{
	color:#7e7e7e;
	font-weight:bold;
	margin:20px 0 0 20px;
	float:left;
}

#homeside a{
	color:#17469E;
	font-weight:bold;
	text-decoration:none;
}

#homeside .tel{
	color:#7e7e7e;
	font-weight:bold;
	text-decoration:none;
	cursor:text;
}

.home .boxes img{
	float:right;
	margin:-91px 31px 0 0;
}

.home .boxes img#home{
	height:75px;
}

.home .boxes .boxbottom img{
	float:left;
	margin:0;
}

.home .boxes .boxbottom{
	background:transparent url(img/bottom-box.png) no-repeat scroll center bottom;
	height:34px;
}

.home div.box{
	height:45px;
}

.home div.box div{
	padding:20px 20px 0;
}

.home div.box a{
	font-size:1.1em;
}

#slideshow{
	margin-right:20px;
	margin-top:50px;
}

/***********BOXES***********/
.longbox{
	background:transparent url(img/middle-long.png) repeat-y scroll 0 0;
	float:left;
	margin:30px 0 0 -30px;
	font-size:1.3em;
	color:#58595b;
}

.longbox div{
	background:url(img/top-long.png) no-repeat;
	float:left;
	margin-top:-16px;
	padding:20px;
	width:630px;
}

.longbox div img{
	margin:5px 0 0 -17px;
	float:left;
}

.longbox ul{
	float:left;
	margin:0 0 0 20px;
}

.longbox a, 
.box a{
	color:#8e091a;
	font-weight:bold;
}

.box a{
	font-size:1.3em;
}

.longboxbottom{
	background:url(img/bottom-long.png) no-repeat;
	height:20px;
	width:670px;
	float:left;
	margin-left:-30px;
}

.boxes {
	float:left;
	margin:0 0 2em;
}

.box{
	background:url(img/middle-box.png) repeat-y;
	float:left;
	margin-left:-30px;
}

body.plumbing div.box{
	height:290px !important;
}

body.cooling div.box{
	height:270px !important;
}

.box div{
	background:url(img/top-box.png) no-repeat;
	float:left;
	margin-top:-16px;
	padding:20px;
	width:180px;
}

.box div div{
	background:none;
}

#content .box div p{
	color:#58595b;
}

#content .box div p.quote{
	font-style:italic;
	font-size:1.1em;
}

#content .box div p.credit{
	color:#17469e;
	font-weight:bold;
	margin:0 0 0 30px;
	font-size:1.1em;
}

.box div img{
	float:right;
	margin:-16px -19px 0 0;
}

.boxbottom{
	background:url(img/bottom-box.png) no-repeat;
	height:40px;
	width:220px;
	float:left;
	margin-left:-30px;
}

.boxbottom img{
	padding:2px 0 0 3px;
}

.longboxbottom + ul{
	width:700px;
}

.longboxbottom + ul li{
	float:left;
	margin:20px 5px 0 0;
	width:220px;
}

img[alt="Carrier Van"]{
	margin:25px;
}




/**********Slideshow**************/
.slideshow, 
.slideshow-label, 
.slideshow-content, 
.slideshow-panel {
    font:1.1em Arial;
	color:#8E091A;
}

.slideshow {
    position:relative;
    display:none;/* Set to "none" for not preview slideshow content */
}

.slideshow-label {
    height:26px;
    padding: 0 13px;
	text-align:center;
	color:#17469E;
	margin-top:260px;
	position:absolute;
	line-height:1.3em;
}

.slideshow-label a{
	color:#8E091A;
}

.slideshow-frame {
    position:absolute;
    top:0px;
    left:0px;
    background:url(images/big-play.png) 50% 50% no-repeat;
    z-index:201;
    cursor:pointer;
    width:100%;
    height:100%;
}

.slideshow-shadow{
    position:absolute;
    top:0px;
    left:0px;
    background:#333;
    z-index:200;
    opacity:0.5;
    width:100%;
    height:100%;
}
.slideshow-panel-place {
    position:absolute;
    bottom:1px;
    left:1px;
    z-index:100;
    height:28px;
}


.slideshow-panel {
    z-index:101;
    margin-top:30px;
    width:100%;
    height:100%;
}

.slideshow-panel a.button {
	display: block;
	width:26px;
	height:26px;
	float:left;
	text-indent:-99999%;
	overflow:hidden;
	outline: 0; /* @ Firefox, prevent dotted border after click */
	border:1px solid #fff;
	background-repeat:no-repeat;
	opacity: 1;
}

.slideshow-panel a.button:hover {;
	
}


.slideshow-panel a.first {
	background-image:url(images/first.png)
}

.slideshow-panel a.prev {
	background-image:url(images/prev.png)
}

.slideshow-panel a.play {
	background-image:url(images/play.png)
}

.slideshow-panel a.stop {
	background-image:url(images/stop.png)
}

.slideshow-panel a.next {
	background-image:url(images/next.png)
}

.slideshow-panel a.last {
	background-image:url(images/last.png)
}

.slideshow-panel a.help {
	position:relative;
	background-image:url(images/help.png)
}

.slideshow-panel span.counter {
	float:right;
	display: block;
	/*width:26px;*/
	height:26px;
	line-height:26px;
	padding:0 4px;
	background-color:#fff;
}


.slideshow-help {
    position:absolute;
    bottom:28px;
    left:0px;
    z-index:101;
    background-color:#ff9;
    display:none;
    opacity: 0.9;
    padding:2px;
}

.slideshow-content {

    border:1px solid #ccc;
    color:#333;
    overflow:hidden;
    position:relative;
    width:100%;
    height:100%;
}

.slideshow-content p {
	padding:0px;
	overflow:auto;
}

.testimonial .slideshow-content{
	border:0;
}

.testimonial .slideshow div{
	padding:0;
}

.testimonial .slideshow div p.quote{
	margin-top:1.1em;
	width:185px;
}



/************* Contact Form **************/
#map{
	height:300px;
	width:500px;
	margin:0 0 3em;
	border:1px #666666 solid;
}

.contact li{
	margin:0 0 1em;
	float:left;
	clear:both;
}

.contact label{
	font-size:1.3em;
	clear:both;
	float:left;
	font-weight:bold;
	color:#17469E;
}

.contact li.error label,
#content p.error{
	color:#ff0000;
}

.contact input, 
.contact textarea,
.contact select{
	float:left;
	clear:both;
	padding:3px;
	width:200px;
}

.contact select{
	width:210px;
}

.contact textarea{
	width:446px;
	height:7em;
	min-height:7em;
}

.contact #subject select{
	width:456px;
}

.contact input.focus, 
.contact textarea.focus,
.contact select.focus{
	border:2px solid #8E091A;
}

.contact input[type="submit"]{
	background:transparent url(img/submit.jpg) no-repeat scroll 0 -32px;
	border:medium none;
	height:32px;
	width:103px;
}

.contact input[type="submit"]:hover{
	background:transparent url(img/submit.jpg) no-repeat scroll 0 0px;
}




/************* Coda Slider **************/
#content .leftcol div#slider div.scroll{
	margin:10px 0 0;
}

#content .leftcol div.scrollContainer div{
	margin:0;
}

ul.navigation{
    list-style: none;
    margin: 0;
}

ul.navigation li {
    display: inline;
	font-size: 1.3em;
	color: #8d0059;
	font-weight:bold;
}

#content ul.navigation a {
    text-decoration: none !important;
	padding: 5px 10px 5px 10px;
	color:#17469E;
}

#content ul.navigation a:hover,
#content ul.navigation a.selected{
    color: #8E091A;
}

ul.navigation a:focus{
    outline: none;
}

.scroll {
    width: 390px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	margin-bottom:1.3em;
}

.scrollContainer div {
    width: 390px;
	float:left;
	position:relative;
	margin:0;
}

.scrollButtons{
	display:none;
}

#green{
	background:url(img/fyh-top-green.png) no-repeat;
}

#maintenance{
	background:url(img/fyh-top-maintenance.png) no-repeat;
}

#faq{
	background:url(img/fyh-top-faq.png) no-repeat;
}

#content .leftcol div#green div,
#content .leftcol div#maintenance div,
#content .leftcol div#faq div{
	background:url(img/fyh-middle.png) repeat-y;
	float:left;
	margin-top:32px;
	padding:0 12px 12px;
	width:366px;
}

#content .leftcol div#green div.fyh-bottom,
#content .leftcol div#maintenance div.fyh-bottom,
#content .leftcol div#faq div.fyh-bottom{
	background:transparent url(img/fyh-bottom.png) no-repeat scroll 0 -25px;
	height:15px;
	width:390px;
	float:left;
	padding:0;
	margin:0;
}

#slider h3 a{
	background:transparent url(img/download.png) no-repeat scroll 0 0;
	display:block;
	margin:0 0 0 17px;
	padding:10px 0 7px 65px;
	text-decoration:none;
}

#slider h3 a:hover{
	background:transparent url(img/download.png) no-repeat scroll 0 -34px;
}