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

body {
background:#f8f8f8 url(../image/bg.gif) repeat-x top;
font-family:Arial, Helvetica, sans-serif;}

img.imgPNG { border:none; behavior: url("pngbehavior.htc"); }

strong {
font-weight:bold;}

/* container */
#container {
width:940px;
margin:0 auto;
position:relative;}

/* header */
#header {
padding-bottom:20px;}
	#header-left {
	float:left;}
	#header-right {
	float:right;}
		#header-call {
		text-align:right;
		background:#e5e5e6;
		float:right;
		font-size:14px;
		padding:5px 10px;
		color:#333;
		margin-bottom:25px;}
			#header-call img.phone-icon {
			margin-bottom:-3px;}
		#nav {
		font-size:14px;
		font-weight:bold;
		float:right;
		line-height:normal;}
			#nav ul {}
			#nav li {
			float:left;}
			#nav li a {
			color:#333;
			padding:5px 10px;
			text-decoration:none;
			display:block;}
			

.on1 #nav li.nav1 a,
.on2 #nav li.nav2 a,
.on3 #nav li.nav3 a,
.on4 #nav li.nav4 a,
.on5 #nav li.nav5 a,
.on6 #nav li.nav6 a,
.on7 #nav li.nav7 a,
.on8 #nav li.nav8 a,
#nav li a:hover {
color:#fff;
background:#df0031;}

/* banner */
#banner {
margin-bottom:20px;
overflow:hidden;
height:300px;
position:relative;}
	.fadeslidedescdiv {
	margin-top:-8px;}
	#banner-left {
	float:left;
	width:650px;}
	#banner-contact-form {
	float:right;
	width:290px;
	background:#333;
	height:300px;
	color:#fff;}
		#banner-contact-form h2 {
		color:#fff;
		font-size:18px;
		font-weight:bold;
		border-bottom: #717171 dotted 1px;
		padding:20px 30px 20px 30px;}
		#banner-contact-form form {
		padding:20px 23px;}
			#banner-contact-form form input, #banner-contact-form form textarea {
			font: bold 12px arial;
			padding:5px 5px 5px 20px;
			border:none;
			margin-bottom:5px;
			width:215px;
			background:#fff;
			color:#666;}
				#banner-contact-form form input.full-name {
				background:#fff url(../image/person-icon-txt-field.gif) no-repeat top left;}
				#banner-contact-form form input.email {
				background:#fff url(../image/mail-icon-txt-field.gif) no-repeat top left;}
				#banner-contact-form form input.phone {
				background:#fff url(../image/phone-icon-txt-field.gif) no-repeat top left;}
				#banner-contact-form form textarea.text-area {
				background:#fff url(../image/bubble-icon-txt-field.gif) no-repeat top left;}
				#banner-contact-form form input.button {
				padding:0;
				margin:0;
				width:auto;}


.closetmaid {
	margin:0;
	padding:0;
}

/* sub-nav */
#sub-nav {
font-size:11px;
text-transform:uppercase;
padding: 0 0 0 0;}
	#sub-nav li {
	float:left;}
		#sub-nav li.divider {
		font-size:16px;
		padding: 0 5px 0 30px;
		color:#c6c6c6;}
	#sub-nav li a {
	color:#df0031;
	text-decoration:none;}
		#sub-nav li.current a {
		text-decoration:underline;}
	#sub-nav li a:hover {
	text-decoration:underline;}

/* gallery */
#gallery {}
	#gallery img.slide {
	margin-bottom:20px;}
	#gallery img.thumb {
	float:left;
	margin-right:14px;}
	#gallery img.thumb-final {
	margin:0;
	float:right;}

/* main */
#main {
font-size:14px;
line-height:20px;
color:#555;
padding:10px 20px 0 20px;}

	.main-column {
	float:left;
	padding:0 20px 20px 20px;
	width:150px;
	font-size:12px;
	line-height:normal;}
		.main-column p {
		padding-bottom:10px;}
		.main-column p.center {	
		text-align:center;}

/* mike */
#fancyWarranty {
	position:relative;
	height:290px;
}

#main div#fancyWarranty div.main-column p {
	width:150px;
	height:211px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
}

#main div#fancyWarranty div.main-column p.center {
	width:auto;
	height:auto;
	overflow:auto;
	padding-bottom:10px;
	text-align:center;
}

#main div#fancyWarranty div.main-column p img {
	width:330px;
	float:right;
}

/* end mike */

	#main a {
	color:#000;
	text-decoration:underline;}
	
	#main ul {
	padding:0 0 20px 20px;}
	#main li {
	list-style:disc;}
	#main li a {}


	#main p {
	padding-bottom:20px;}
	
		#main p.contact-btn {
		text-align:right;
		margin-bottom:0px;}
		
		#main p.contact-btn a {
		background:#ed1c24;
		color:#fff;
		font-size:24px;
		font-weight:bold;
		text-decoration:none;
		padding:5px 20px;}
		#main p.contact-btn a:hover {
		background:#ff4b5e;}
	
	#main h1 {
	color:#333;
	font-size:36px;
	padding:0 0 20px 15px;
	background:url(../image/gray-block.gif) no-repeat left top;
	font-weight:normal;
	text-transform:capitalize;}
	
	#main h2 {
	color:#df0031;
	font-size:18px;
	font-weight:normal;
	padding-bottom:10px;
	text-transform:capitalize;}


#main span.sep {
	display:block;
	height:20px;
	border:none;
	background:url(../image/sep.jpg) center left repeat-x;
	clear:both;
}

#main div#fancy img {
	width:140px;	
	padding:0 0 20px 0;
	background:url(../image/bg_img.jpg) bottom center no-repeat;
}

#main .float-left {
	float:left;
	margin:0 20px 0px 0;
}

/* footer */
#footer {
background:url(../image/footer-top-border.gif) repeat-x top;
font-size:12px;
color:#999;
margin:20px 0 0 0;
padding: 20px 0 50px 0;}
	.footer-column, .footer-column-menu {
	float:left;
	margin-right:20px;
	width:97px;}
	
	.footer-column a, .footer-column-menu a {
	color:#999;
	text-decoration:underline;}
	
	.footer-column-menu h2 {
	font-size:12px;
	font-weight:bold;
	padding-bottom:10px;}
	
	.footer-column-menu ul {
	padding-bottom:20px;}
	.footer-column-menu li {
	padding-bottom:5px;}
	.footer-column-menu li a {
	font-size:10px;}
	.footer-column-menu li a:hover {
	color:#666;}

/* random styles */
.clear {
clear:both;}

.red-txt {
color:#df0031;
font-weight:bold;}

.img-float-right {
float:right;
padding:0 0 5px 10px;}

#main p.pdf a {
	text-decoration:none;	
}

#main p.pdf img {
	margin:0px 0 0 0;
	float:left;
}