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

body {
	background-color:#e9e8d8;
	margin:0;
	padding:0;
}

/* THIS IS TO GET RID OF THE ANNOYING OUTLINE FIREFOX PUTS AROUND LINKS */
a {
	outline:none;
}

/* main architectural blocks */

/* this is the main outermost block that everything resides in */
#main {
	position:relative;
	width:896px;
	height:auto;
	margin:0 auto 0 auto;
	vertical-align:top;
}

/* this is the block for the logo graphic at the top */
#logo {
	position:relative;
	width:235px; 
	height:62px;
	margin: 18px 0 14px 28px;
}

/* this is the header container that contains the nav bar */
#header {
	position:relative;
	width:896px;
	height:75px;
	background:url(../images/header_bg_sm.jpg) top left no-repeat;
}

/* home page header. it's unique and needs it's own style */
/* this is the header container that contains the nav bar */
#headerHome {
	position:relative;
	width:896px;
	height:146px;
	background:url(../images/header_bg.jpg) top left no-repeat;
}

/* navbar container */
#navbarHome {
	position:relative;
	width:880px;
	height:16px;
	margin:89px 0 0 0;
	padding-left:8px;
	padding-right:8px;
}

#navbar {
	position:relative;
	width:880px;
	height:16px;
	margin:8px 0 0 0;
	padding-left:8px;
	padding-right:8px;
}

#subnav {
	position:relative;
	width:200px;
	height:16px;
	margin:0 0 10px 0;
}

/* this div holds the swf for the top animation */
#topflash {
	position:relative;
	width:830px;
	height:30px;
}

/* this is the main content block sandwiched between the header and footer. this is where the content layouts go. */
#content {
	position:relative;
	width:896px;
	height:auto;
	min-height:275px;
	background: #fff url(../images/footer_bg.jpg) bottom left no-repeat;
	overflow:auto;
	*overflow:hidden;
}

#contentHome {
	position:relative;
	width:896px;
	height:auto;
	min-height:275px;
	/*overflow:auto;*/
	overflow:none;
	background-color:#fff;
}

#leftColumn {
	width:136px;
	min-height:300px;
	height:auto;
	float:left;
	text-align:center;
	padding-top:33px;
}

.leftNav {
	width:108px;
	text-align:left;
	padding-left:28px;
	padding-bottom:10px;
}

#middleColumn {
	width:410px;
	min-height:300px;
	height:auto;
	float:left;
	padding:0 10px 20px 0;
}

#rightColumn {
	position:relative;
	width:325px;
	min-height:300px;
	height:auto;
	float:left;
	margin: 0 0 5px 0;
}

h2.title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	color:#88b1b4;
	text-transform:none;
}

span.copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#76644e;
	margin:0;
	padding:0;
	line-height:18px;
}

/* this is the footer container that contains the address, store hours, etc.. */
#footerHome {
	position:relative;
	width:896px;
	height:138px;
	background:url(../images/footer_bg.jpg) top left no-repeat;
}

#footer {
	position:relative;
	width:896px;
	height:60px;
	line-height:60px;
}

/* footer style classes for the footer copy */
.brown {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#634f36;
}

.aqua {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9ababf;
}

#copyright {
	clear:both;
	width:869px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#634f36;
}

/* block for address */
#address {
	position:absolute;
	width:auto;
	height:14px;
	top:22px;
	left:342px;
	height:auto;
}

/* block for showroom hours*/
#showroomhours {
	position:absolute;
	width:300px;
	height:75px;
	top:50px;
	left:244px;
}

#showroomhours #label {
	position:absolute;
	width:100px;
	top:0px;
	left:0px;
	line-height:20px;
}

#showroomhours #data {
	position:absolute;
	width:190px;
	top:0px;
	left:100px;
	line-height:20px;
	vertical-align:top;
}

/* block for part store hours*/
#partshours {
	position:absolute;
	width:300px;
	height:75px;
	top:50px;
	left:550px;
}

#partshours #label {
	position:absolute;
	width:140px;
	top:0px;
	left:0px;
	line-height:20px;
}

#partshours #data {
	position:absolute;
	width:210px;
	top:0px;
	left:115px;
	line-height:20px;
}

/* this is the credits for LIS Design */
#credits {
	position:relative;
	width:896px;
	height:30px;
	text-align:right;
	vertical-align:middle;
	line-height:30px;
}

a.credits {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#b9b9b8;
}

.brandName {
	display:block;
	float:left;
	width:140px;
	height:auto;
	text-align:right;
	margin-right:10px;
}

.brandName a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#634f36;
}

.purpose {
	display:block;
	float:left;
	width:250px;
	height:auto;
	text-align:left;
}

.purpose a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#634f36;
}

.blend img {
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity:0;
	filter: alpha(opacity=0);
}

/* Fancybox Styles */
.fancyelement { color: #333; font: 10px Verdana, Helvetica, sans-serif; line-height: 1.4em; }
.fancyelement p { font-weight: normal; }
.fancyelement .red { color: #C00; font-weight: bold; }