@charset "utf-8";
/* CSS Document */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
	margin:0;
	padding:0;
}
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
	font: 14px/1.5 'Trebuchet MS', sans-serif ;
	
}
body > #wrap {
	height: auto;
	min-height: 100%;
}
#main {
	overflow:auto;
	padding-bottom: 107px;
}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -107px; /* negative value of footer height */
	height: 107px;
	clear:both;
}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
.right {
	float:right;
	margin-left:20px;
}
.left {
	float:left;
	margin-right:20px;
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
body {
	background: #fff url(../images/background.png) repeat-x 0 top;
	margin:0 auto;
}
a {
	color:#094E99;
	text-dorection:none;
}
a:visited {
	color:#094E99;
	text-dorection:none;
}
a:hover {
	color:#DD6D20;
	text-dorection:underline;
}
a:focus {outline:none;}
h1, h2, h4, h6 {
	color:#DD6D20;
}
h5 {color:#000000;}
h1 {
	font-size:24px;
}
h3 {
	color:#094E99;
	font-size:18px;
	font-weight:bold;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
	font-weight:bold;
}
h6 {
	text-transform:uppercase;
	font-weight:bold;
}
hr {
	border-color:#DD6D20;
}
hr.gray {
	border-color:#ccc;
}
#right-column p, #right-column dl, #right-column hr, #right-column h1, #right-column h2, #right-column h3, #right-column h4, #right-column h5, #right-column h6, #right-column ol, #right-column ul, #right-column pre, #right-column table, #right-column address, #right-column fieldset {
	margin-bottom:12px
}
#right-column ul, #right-column ol {
	margin-left:40px;
} 
#right-column li {
	line-height:normal;
	margin-bottom:10px;
}
#header {
	height:235px;
	width:100%;
	overflow:visible;
	margin:0 auto;
}
#header-inner {
	width:960px;
	margin:0 auto;
	height:235px;
	background: transparent url(../images/header-bg.png) repeat-x 0 bottom;
}
#header-right {
	background:url(../images/location.png) no-repeat top transparent;
	float:right;
	padding-top:68px;
	text-align:center;
	width:600px;
	margin-top: 18px;
	margin-right: 80px;
	margin-bottom: 0;
	margin-left: 0;
	
}	
a#service-estimate-button {
	float:left;
	display:block;
	overflow:hidden;
	width:179px;
	height:77px;
	background:transparent url(../images/estimate-button.png) no-repeat 0 0;
	margin:0 auto;
	padding:0;
	cursor:pointer;
	text-indent:-9999px;
}
a#service-estimate-button:hover {
	background-position: 0 -77px;
}
a#contact-button {
	float:left;
	display:block;
	overflow:hidden;
	width:173px;
	height:77px;
	background:transparent url(../images/contact-button.png) no-repeat 0 0;
	margin:0 auto;
	padding:0;
	cursor:pointer;
	text-indent:-9999px;
}
a#contact-button:hover {
	background-position: 0 -77px;
}
a#service-estimate-button:hover {
	background-position: 0 -77px;
}
a#virtual-showroom-button {
	float:left;
	display:block;
	overflow:hidden;
	width:304px;
	height:77px;
	background:transparent url(../images/virtual-showroom-button.png) no-repeat 0 0;
	margin:0 auto;
	padding:0;
	cursor:pointer;
	text-indent:-9999px;
}
a#virtual-showroom-button:hover {
	background-position: 0 -77px;
}
a#phone-info {
	float:left;
	display:block;
	overflow:hidden;
	width:226px;
	height:66px;
	background:transparent url(../images/phone-info.png) no-repeat 0 0;
	padding:0;
	cursor:pointer;
	text-indent:-9999px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 20px;
}

#logo a{
	display:block;
	height:235px;
	width:260px;
	border:none;
	text-decoration:none;
	text-indent:-9999px;
	outline:none;
	float:left;
	cursor:hand;
	background:transparent url(../images/dsheat-logo.png) no-repeat 0 0;
	position:absolute;
	margin:0;
}
#content {
	margin:0 auto;
}
#content-inner{
	margin:0 auto;
	width:960px;
	background:#FFFFFF;
	min-height:575px;
	height:auto !important;
	height:575px;
	padding:0 0 20px 0;
}
#sidebar {
	float:left;
	width: 273px;
	background:transparent url(https://dsheat.com/images/logo-bottom.png) no-repeat 0 0;
	padding-top:5px;
}
#nav {
	background:transparent url(../images/nav-sprite.png) no-repeat 0 bottom;
	width:273px;
	height:auto;
	overflow:hidden;
	padding-bottom:26px;
}
#nav ul {
	background:transparent url(../images/nav-sprite.png) repeat-y 0 top;
	width:260px;
	height:auto;
	overflow:hidden;
	padding-top:20px;
}
#nav ul li {
	width:273px;
	height:30px;
	display:block;
	overflow:hidden;
	line-height:30px;
	background:none;
}
#nav ul li a span {
	margin-left:45px;
}
#nav ul li a {
	width:260px;
	height:30px;
	display:block;
	overflow:hidden;
	background:none;
	text-decoration:none;
	color:#094E99;
	text-transform:uppercase;
	font-weight:bold;
}
#nav ul li a:visited {
	width:273px;
	height:30px;
	display:block;
	overflow:hidden;
	background:none;
	color:#094E99;
}
#nav ul li a:hover {
	color:#094E99;
	background:transparent url(../images/nav-sprite.png) repeat-y -260px 0;
}
#nav ul a:active,

#nav ul#index li.index a, 
#nav ul#aboutus li.aboutus a, 
#nav ul#products li.products a, 
#nav ul#virtualshowroom li.virtualshowroom a, 
#nav ul#actips li.actips a, 
#nav ul#services li.services a, 
#nav ul#salespromotions li.salespromotions a,
#nav ul#serviceestimaterequest li.serviceestimaterequest a,
#nav ul#contactus li.contactus a,
#nav ul#paymentoptions li.paymentoptions a,
#nav ul#testimonials li.testimonials a,
#nav ul#employment li.employment a,
#nav ul#contactus li.contactus a {
	background:transparent url(../images/nav-sprite.png) repeat-y -260px 0;
}
#logos {
	text-align:center;
}
#logos .row {
	margin:20px auto;
}
#logos img.first {
	margin-right:10px;
}
#right-column {
	float:left;
	width:640px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#home-right {
	float:right;
	width:354px;
	margin-left:20px;
}
#productdescrholder{margin-bottom:20px;}
p#first-paragraph {margin-top:20px;}
#teaser.first {
	margin-top:30px;
}
#teaser img.left{
	margin-right:8px;
}
#teaser h4 {
	font-size:14px;
	margin-bottom:3px;
}
#teaser p {
	height:96px;
	font-size:12px;
	margin-bottom:0;
}
#teaser a {
	text-decoration:none;
}
.testimonial {
	background:transparent url(../images/quote.gif) no-repeat left top;
	overflow:visible;
	padding:20px 60px 0 80px;
	margin-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DD6D20;
}
.testimonial-credt {
	font-style:italic;
	text-align:right;
	color:#2f4695;
}
#assoc-cred-container {
	width:660px;
	margin:0 auto;
}
.assoc-cred {
	height:140px;
	width:140px;
	float:left;
	margin:0 30px 80px 0;
}
.assoc-cred h5 {text-align:center;}
#footer-inner {
	width:900px;
	background:transparent url(../images/footer-bg.png) no-repeat 0 top;
	margin:0 auto;
	color:#000;
	text-align:left;
	padding:20px 0;
	font-size:12px;
}
#footer-inner p {font-weight:normal;}
#footer-inner a {
	color: #094EAA;
	text-decoration:none;
}
#footer-inner a:visited {
	color: #094EAA;
}
#footer-inner a:hover {
	text-decoration:underline;
	color: #DD6D20;
}
#footer-right {
	float:right;
	width:390px;
	margin-left:20px;
}
#footer-inner #footer-right div.address {
	float:left;
	text-align:left;
	margin-right:20px;
}
#footer-inner #footer-right .address h6{
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
}
.thumbs {
	padding:10px;
	margin-left:10px;
	text-align:center;
}
.thumb {
	display:block;
	width:150px;
	margin:0 10px 10px 0;
	text-align:center;
	float:left;
}
.thumb img {
	margin:5px;
}
.thumb .caption {
	text-align:center
;	padding:5px 0;
}
.thumb .caption .caption-name {
	font-weight:bold;
}
.thumb .caption .caption-title {
	font-style:italic;
	font-size:.85em;
}
legend {
	background:none repeat scroll 0 0 #FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	margin-left:10px;
	padding:10px;
	text-transform:uppercase;
}
a.button {
	background:transparent url(../images/button-bg.png) no-repeat left top;
	display:inline-block;
	height:36px;
	line-height:36px;
	color:#ffffff;
	text-transform:uppercase;
	padding-left:20px;
	width:auto;
	cursor:pointer;
	overflow:hidden;
	text-decoration:none;
}
a.button:hover {
	background-position:left -36px;
}
a.button span {
	background:transparent url(../images/button-bg.png) no-repeat right top;
	display:inline-block;
	height:36px;
	line-height:36px;
	padding-right:20px;
	width:auto;
	cursor:pointer;
	overflow:hidden;
	text-decoration:none;
}
a.button:hover span {
	background-position:right -36px;
}
.form_bor h6{
	padding-left:20px;
}
.form_area form {
    float:left;
    width:598px;
    padding-bottom:0;
}
.form_area label {
    float:left;
    width:120px;
    color:#000000;
    font-size:14px;
    line-height:16px;
    padding-right:11px;
    text-align:right;
    padding-top:9px;
}
.form_area label.short {
	width:auto;
	padding-left:10px;
}
.form_area input, .form_area textarea {
    float:left;
    width:333px;
	padding:3px;
    font-size:14px;
    line-height:16px;
    color:#000000;
}
.form_area small {
    float:left;
    width:15px;
	display:inline;
	vertical-align:middle;
	padding:0 5px;
}
.form_area small input {
    border:0;
    width:15px;
    height:15px;
    padding:0;
    margin:0;
    background:none;
}
/*
.form_area span {
    font-size:14px;
    line-height:16px;
    font-family:"Times New Roman", Times, serif;
    color:#000000;
    padding-right:31px;
    padding-left:4px;
    float:left;
}
*/
.form_area input.button {
    float:left;
    margin:8px 0 0 120px;
	width:auto;
	font:inherit;
}
.form_area input.button_over {
    float:left;
    margin:8px 0 0 120px;
	width:auto;
	font:inherit;
}
.form_area .form_row {
    float:left;
    width:570px;
    padding:6px 0;
}
.form_area .form_row .indent {
	padding-left:40px;
}
.form_area .form_row .indent .row{
	width:100%;
	float:left;
	margin-bottom:2px;
}
.form_area .form_row .indent .first-row{
	margin-top:5px;
}
.form_area .form_row .indent input, .form_area .form_row .indent span {
	float:left;
	padding-right:8px;
	width:auto;
}
.form_area .form_row1 {
    float:left;
    width:570px;
    padding-top:6px;
}
.form_area .form_row1 label {
    padding-top:0;
    text-align:left;
    padding-right:0;
    padding-left:16px;
}
.form_area .form_row1 span {
    float:left;
    padding:0 10px 0 6px;
}
.form_row span textarea {
	margin:0 20px;
	width:95%;
}
.form_row table {
	margin-left:10px;
}
.form_row td input {
	width:auto;
}
#team-member-wrap > .team-member:first-child {
	border-top:none;
}
.team-member {
	border-top:1px solid #ccc;
	padding:12px 0;
}
.team-member h4 {
	margin-bottom:0;
	padding-left:132px;
}
.team-member p {
	padding-left:132px;
}
.rounded {
	padding:10px 20px;
}
.graybox { background-color:#EBEBEB; }