/*
Theme Name: Dennings
Author: Niki Meredith
Version: 1.0
*/

/* CSS RESET */
body{padding:0;margin:0;font:11px "Trebuchet MS",Arial,Helvetica,Garuda,sans-serif;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;}
ul{list-style:none;}
img{border:0;}
p{margin:1em 0;}
/* --------------- */

@font-face {
	font-family: 'AllerRegular';
	src: url('fonts/aller_rg-webfont.eot');
	src: local('☺'), url('fonts/aller_rg-webfont.woff') format('woff'), url('fonts/aller_rg-webfont.ttf') format('truetype'), url('fonts/aller_rg-webfont.svg#webfont1uo2AXTx') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerBold';
	src: url('fonts/aller_bd-webfont.eot');
	src: local('☺'), url('fonts/aller_bd-webfont.woff') format('woff'), url('fonts/aller_bd-webfont.ttf') format('truetype'), url('fonts/aller_bd-webfont.svg#webfontGuyx4N3g') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{ background: url(images/bg.png); text-align: center; color: #fff !important; font-family: arial, helvetica, sans-serif; font-size: 12px; }
h1{ font-size: 26px; font-weight: normal; color: #191919; padding: 0px; line-height: 26px; margin-bottom: 20px; margin-top: 30px; }
h2{ font-size: 13px; font-weight: normal; color: #fff; padding: 0px; line-height: 13px; text-transform: uppercase; }
h2 a{ text-decoration: none; }
h3{ font-size: 15px; font-weight: bold; margin-top: 35px; margin-bottom: 0px; }

h4{ font-size: 16px; font-family: 'AllerRegular', sans-serif; color: #fefdfd; margin-bottom: 15px; }
h4 span{ font-size: 12px; color: #fefdfd; }
a{ color: #212121; text-decoration: none; }
a:hover{ color: #191919; text-decoration: underline; }
h1 a{ color: #fff; }
p{ line-height: 16px; }
strong,b{ font-weight: bold !important; }
em{ font-style: italic; } 


/* -------- CLASSES --------- */
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.blue{ color: #2b48a9; }
.grey{ color: #8b8888; }
.center{ text-align: center !important; }
.spaced{ letter-spacing: 6px; }
.white{ color: #fff; }
.smaller{ font-size: 90%; }
.text-input{ width: 282px; height: 24px; padding-top: 4px; padding-left: 4px; background: #efe6de; border: 0px; }
.textarea-input{ width: 282px; height: 150px; padding-top: 4px; padding-left: 4px; background: #efe6de; border: 0px; }
.left{ float: left; width: 50%; }
.right{ float: right; width: 50%; }
.hr{ float: left; width: 100%; height: 0px; font-size: 0px; border-top: solid 1px #e7e3df; border-bottom: solid 1px #fffaf6; margin: 10px 0px; }

#top-holder{ float: left; width: 100%; height: 31px; background: url(images/top-bg.png); text-align: center; border-bottom: solid 1px #222121; color: #c9caca; }
#top{ margin: auto; width: 960px; text-align: left; position: relative; }
#top h1{ position: absolute; top: 8px; left: 0px; font-weight: normal; font-size: 12px; color: #c9caca; margin: 0px; padding: 0px; line-height: 14px; }
#top .text{ position: absolute; left: 480px; top: 8px; width: 480px; text-align: right; line-height: 14px; }
#top strong{ color: #fff; font-weight: normal !important; }
#top a{ text-decoration: none; color: #fff; border-bottom: dotted 1px #fff; padding-bottom: 2px; }

#header-holder{ float: left; width: 100%; background: url(images/header-bg.png); min-height: 80px; text-align: center; border-bottom: solid 1px #dbdada; }
#header{ position:relative; margin: auto; width: 960px; height: 80px; }
#logo{ position: absolute; top: 26px; left: 0px; }

#navbar{ position: absolute; top: 32px; left: 270px; width: 690px; height: 26px; margin: 0px; padding: 0px; font-family: 'AllerBold', sans-serif; }
#navbar li{	float: right; font-size: 15px; }
#navbar li a{ color: #212121; text-decoration: none; display: block; height: 26px; line-height: 26px; margin-left: 20px; }
#navbar li a:hover{ 
	text-decoration: none;
}
#navbar .active{ 
	background: #3d3d3d;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	behavior: url(js/pie.htc);
}

#banner-holder{ float: left; width: 100%; background: url(images/banner-bg.png); min-height: 34px; text-align: center; }
#banner{ margin: auto; width: 960px; text-align: left; font-size: 12px; }
#banner h2{ line-height: 34px; text-transform: none; }
#banner p{ margin: 0px; line-height: 20px; text-align: right; }
#banner a{ color: #fff; border-bottom: dotted 1px #fff; text-decoration: none; }

#main-img{ position: absolute; top: 39px; right: 0; border: solid 6px #ebebeb; width: 698px; height: 288px; overflow: hidden; }

#main-holder{ float: left; width: 100%; padding-bottom: 20px; background: url(images/main-bg.jpg) repeat-x; background-color: #d7dbdf; border-top: solid 1px #faf9f9; }
#main{ position: relative; margin: auto; width: 960px; padding-top: 30px; text-align: left; color: #212121; }
#main .col2 img{

}

#hp-main{ float: left; width: 100%; position: relative; }
#hp-main #award{
	position: absolute;
	top: 220px;
	left: 0px;
	z-index: 9999;
}
#hp-main #hp-left{ float: left; width: 515px; height: 317px; overflow: hidden; }
#hp-main #hp-right, #contact-right{
	float: right; 
	width: 405px;
	padding-left: 40px; 

}
#contact-right{ padding-top: 10px; font-size: 15px; }
#contact-right .label{ font-weight: bold; color: #1F3A56; }
#contact-right p{ margin-top: 40px; }
#contact-right h3{
	font-family: 'AllerBold', sans-serif;
	font-size: 38px;
	color: #255482;
	letter-spacing: -2px;
}
#hp-main #hp-right h1{
	font-family: 'AllerBold', sans-serif;
	font-size: 52px;
	color: #255482;
	letter-spacing: -3px;
}
#hp-main #hp-right h2{
	font-family: 'AllerBold', sans-serif;
	font-size: 20px;
	color: #212121;
	text-transform: none;
	line-height: 22px;
}
#hp-main #hp-right ul{
	font-size: 14px;
	color: #212121;
	margin-top: 28px;
	font-family: 'AllerBold', sans-serif;
}
#hp-main #hp-right ul li{
	padding-left: 15px;
	line-height: 21px;
	background: url(images/bullet.png) left center no-repeat;
}

#hp-middle-holder{
	float: left;
	width: 100%;
	min-height: 338px;
	background: url(images/hp-middle-bg.png) repeat-x;
	background-color: #255482;
	border-top: solid 1px #255482;
	padding-bottom: 30px;
}
#hp-middle{
	margin: auto;
	width: 960px;
	padding-top: 90px;
}

#hp-middle .col1{
	float: left;
	width: 302px;
	padding-right: 15px;
	border-right: solid 1px #4f80b0;
	min-height: 310px;
	text-align: left;
	position: relative;
}
#hp-middle .col1 h3,
#hp-middle .col2 h3,
#hp-middle .col3 h3,
.col2_3 h3{
	position: absolute;
	top: -50px;
	left: 0px;
	font-size: 24px;
	letter-spacing: -1px;
	font-family: 'AllerBold', sans-serif;
	font-weight: normal;
	margin-top: 0px;
}
#hp-middle .col1 h3 span,
#hp-middle .col2 h3 span,
#hp-middle .col3 h3 span,
.col2_3 h3 span{
	font-size: 18px;
	color: #1f3a56;
}
#hp-middle .col1 p,
#hp-middle .col2 p,
#hp-middle .col3 p{
	margin-top: 0px;
}
#hp-middle .col2{
	float: left;
	width: 286px;
	padding: 0px 15px;
	border-left: solid 1px #2d4c6d;
	border-right: solid 1px #4f80b0;
	min-height: 310px;
	position: relative;
	text-align: left;
}
#hp-middle .col2 h3, #hp-middle .col3 h3{ left: 15px; }
#hp-middle .col2 #before-after{
	position: absolute;
	top: 121px;
	left: 15px;
	width: 286px;
	height: 145px;
	overflow: hidden;
}
#hp-middle .col3{
	float: left;
	width: 305px;
	border-left: solid 1px #2d4c6d;
	min-height: 310px;
	position: relative;
	padding-left: 15px;
	text-align: left;
}
#hp-middle .col3 #partners{
	width: 310px;
	height: 117px;
	padding-top: 28px;
	background: url(images/hp-partners-bg.png) no-repeat;
	position: absolute;
	top: 121px;
	left: 15px;
	text-align: center;
}
#hp-middle .col3 #partners #logos{
	width: 252px;
	height: 90px;
	overflow: hidden;
	margin: auto;
}
#billy_clip {
	width: 515px;
	height: 317px;
	position: relative;
	overflow: hidden;
	z-index: 100;
}
ul#billy_scroller, ul#billy_fader {
	height: 317px;
	display: block;
	float: left;
	position: relative;
}
ul#billy_scroller li, ul#billy_fader li {
	width: 515px;
	height: 317px;
	float: left;
	display: block;
}

#fade_indicators{
	position: absolute;
	bottom: 10px;
	right: 0px;
	z-index: 200;
}
#fade_indicators li{
	float: left;
	width: 10px;
	height: 10px;
	background: url(images/indicator.png);
	margin-right: 2px;
}
#fade_indicators li.active{
	background: url(images/indicator-active.png);
}

.testimonial_rotator .slide .text {
	width: 100% !important;
}
.testimonial_rotator_wrap{
	padding: 0px !important;
	margin: 0px !important;
}


.twocol .col1{
	float: left;
	width: 685px;
}
.twocol .col1 h2, #examples .threecol .col1 h2{
	font-family: 'AllerBold', sans-serif;
	font-size: 24px;
	color: #255381;
	line-height: 45px;
}

.threecol .col1{
	float: left;
	width: 180px;
}
.threecol .col1 h3{
	font-family: 'AllerBold', sans-serif;
	font-size: 16px;
	color: #255381;
	margin-top: 43px;
}
.threecol .col1 ul{ margin-top: 15px; }
.threecol .col1 ul li{ padding-left: 43px; margin-bottom: 12px; line-height: 35px; }
.threecol .col1 ul li.current-menu-item a{ border-bottom: dotted 1px #255381; padding-bottom: 2px; }
.threecol .col1 ul li.recovery{ background: url(images/sub-recovery.png) left center no-repeat; }
.threecol .col1 ul li.estimates{ background: url(images/sub-estimates.png) left center no-repeat; }
.threecol .col1 ul li.repair-align{ background: url(images/sub-repair-align.png) left center no-repeat; }
.threecol .col1 ul li.replacement{ background: url(images/sub-replacement.png) left center no-repeat; }
.threecol .col1 ul li.equipment{ background: url(images/sub-refinish.png) left center no-repeat; }
.threecol .col1 ul li.valet{ background: url(images/sub-valet.png) left center no-repeat; }
.threecol .col1 ul li.storage{ background: url(images/sub-storage.png) left center no-repeat; }
.threecol .col1 ul li.collection{ background: url(images/sub-collection.png) left center no-repeat; }
.threecol .col1 ul li.aircon{ background: url(images/sub-aircon.png) left center no-repeat; }
.threecol .col1 ul li.alumin{ background: url(images/sub-alumin.png) left center no-repeat; }
.threecol .col1 ul li a{
	font-family: 'AllerRegular', sans-serif;
	font-size: 11px;
	color: #255381;
	text-decoration: none;
}
.threecol .col1 ul li a:hover{ color: #103050; }
.threecol .col2{
	float: left;
	width: 505px;
}
.threecol .col2 h2{
	font-family: 'AllerBold', sans-serif;
	font-size: 24px;
	color: #255381;
	padding-left: 65px;
	line-height: 45px;
}
.threecol .col2 h2.recovery{ background: url(images/h2-recovery.png) left center no-repeat; }
.threecol .col2 h2.news{ padding-left: 0px; line-height: 28px; }
.threecol .col2 h2.collection{ background: url(images/h2-collection.png) left center no-repeat; padding-left: 75px; }
.threecol .col2 h2.estimate{ background: url(images/h2-estimate.png) left center no-repeat; padding-left: 38px; }
.threecol .col2 h2.alignment{ background: url(images/h2-alignment.png) left center no-repeat; }
.threecol .col2 h2.replacement{ background: url(images/h2-replacement.png) left center no-repeat; padding-left: 50px; }
.threecol .col2 h2.storage{ background: url(images/h2-storage.png) left center no-repeat; padding-left: 50px; }
.threecol .col2 h2.equipment{ background: url(images/h2-equipment.png) left center no-repeat; padding-left: 50px; }
.threecol .col2 h2.valet{ background: url(images/h2-valet.png) left center no-repeat; padding-left: 50px; }
.threecol .col2 h2.services{ background: url(images/h2-services.png) left center no-repeat; padding-left: 40px; }
.threecol .col3, .twocol .col2{
	float: left;
	width: 250px;
	margin-left: 25px;
	padding-top: 45px;
}
.threecol .col3 blockquote, .twocol .col2 blockquote{
	width: 214px;
	height: 189px;
	padding: 18px;
	margin: 0px;
	margin-top: 20px;
	color: #fff;
	font-size: 11px;
	background: url(images/col3-blockquote-bg.png) no-repeat;
}
.threecol .col3 blockquote p, .twocol .col2 blockquote p{ line-height: 1.2 !important; }
.threecol .col3 blockquote h4, .twocol .col2 blockquote h4{
	padding-bottom: 7px;
	border-bottom: dotted 1px #fff;
	letter-spacing: -1px;
}
.threecol .col3 blockquote h4 span, .twocol .col2 blockquote h4 span{ letter-spacing: 0px; }
#contact .col1{ min-height: 225px; }
#contact .col2_3{
	float: left;
	width: 639px;
	min-height: 225px;
	border-left: solid 1px #2D4C6D;
	position: relative;
}

#footer-holder{ float: left; width: 100%; background: url(images/footer-bg.png) repeat-x; background-color: #191919; text-align: center; color: #303030; padding-bottom: 20px; }
#footer{ margin: auto; width: 960px; text-align: left; padding-top: 50px; padding-bottom: 30px; color: #fff; font-size: 10px; }
#footer .col1{ float: left; width: 208px; position: relative; }
#footer .col2{ float: left; width: 411px; }
#footer .col3{ float: left; width: 341px; }
#footer .col3 blockquote{ background: url(images/hp-testimonial-bg.png) no-repeat; width: 234px; height: 141px; padding: 25px 45px; }
#footer .col3 blockquote p{ margin-top: 0px; font-size: 11px; line-height: 1.4; }
#footer .col3 blockquote p.name{ font-style: italic; }
#footer a{ color: #fff; text-decoration: none; }
#footer a:hover{ text-decoration: underline; }
#footer #footer-links{ margin-bottom: 20px; }
#footer #footer-links li{ line-height: 14px; }
#footer #copyright{ float: left; width: 440px; text-align: left; margin-top: 0px; color: #5c646d; font-size: 9px; }
#footer #copyright img{ }

#facebook{
	position: absolute;
	top: 40px;
	left: 0px;
}

#news-listing li{
	border-bottom: dotted 1px #666666;
}

#main-text{ float: right; width: 530px; }
#main-text h1{ margin-left: -160px; }
#main-text h2{ margin-left: -160px; width: 140px; text-align: right; float: left; }

#full-text{ float: left; width: 694px; }

#casestudies li{
	float: left;
	border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
}
#casestudies .details{
	float: left;
	width: 285px;
}
#casestudies .details h4{ color: #255381; }
#casestudies .details p{ font-weight: bold; }
#casestudies .details ul{ margin: 0px; list-style-type: square; width: 265px; margin-bottom: 20px; }
#casestudies .details ul li{ float: none; padding: 0px; margin: 0px; margin-left: 20px; line-height: 16px; border: 0px; }
#casestudies .photos{
	float: left;
	width: 400px;
}
#casestudies .photos li{
	float: left;
	width: 100px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 0px;
}
#casestudies .photos li img{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	behavior: url(js/pie.htc);
}

.col1 .testimonial_rotator .slide{
	float: left;
	width: 645px !important;
	background: #1f3a56;
	color: #fff;
	margin: 0px;
	padding: 10px 20px;
	margin-top: 20px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	behavior: url(js/pie.htc);
}
.col1 .testimonial_rotator .slide h2{ 
	font-size: 16px; 
	line-height: 32px; 
	font-weight: bold;
	color: #fff !important;
	font-family: arial, helvetica, sans-serif;
}
.col1 .testimonial_rotator .slide .name{ font-style: italic; line-height: 22px; color: #8199b2; }

#contact .col1{
	font-family: 'AllerRegular', sans-serif; color: #fff; font-size: 15px;
}
#contact .col1 p{ margin-bottom: 1.4em; }
#contact .col1 .label{ color: #ccc; }
#contact .col1 a{ color: #fff; }

.modal-input{ width: 150px; height: 21px; padding-top: 4px; padding-left: 4px; border: solid 3px #aaa; }
.modal-textarea{ width: 400px; height: 150px; padding-top: 4px; padding-left: 4px; border: solid 3px #aaa; }