@import url("master.css");

/* ----- IDS ----- */
body { background: #f0f0e6; color: #64645a; }

/**************** Float clearing ********************/

#main-layer:after,
#lower-content:after,
.home #lower-content:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}	


/**************** Main Containers ********************/
#container {
	width: 1000px;
	margin: 0 auto;
	position:relative;
	}

#main-layer {
	padding: 30px;
	background: #fff url(../../images/bg-ribbon-tile.png) 30px bottom repeat-y;
	position:relative;
	z-index:15;
	}
#lower-content {
	clear:both;
	min-height:100px;
}
#main-full {
	margin: 27px 0 0 470px;
	}
#main-left {
	margin: 20px 0 0 480px;
	width: 220px;
	}

	
/**************** Topbar ********************/
#top-layer {
	min-height:50px;
	}
#top-layer #logomain {
	position:absolute;
	width:217px;
	height:117px;
	overflow:hidden;
	top:0;
	left:50px;
	z-index:20;	
}
#top-layer div {
	margin-left: 270px;
	padding: 8px 0 0 26px;
	line-height: 32px;
	background: url(../../images/icon-phone.gif) no-repeat 0 16px;
	font-size: 1.2em;
	}


/**************** Image Container ********************/
#main-image {
	clear: both;
	position: relative;
	float: left;
	margin-top:	10px;
	width: 460px;
	height: 420px;
	}
#main-image img {
	display:block;
}


/**************** Content Container ********************/
#main-content {
	clear:both;
	background:#FFF;
}
.build #main-content {
	padding:30px 0 0 0;
}
	
/**************** Ribbon ********************/
#ribbon {
	position:absolute;
	z-index:20;
	padding:0 15px 0;
	float: left;
	width: 210px;
	min-height: 100px;
	top:420px;
	left:0;
}
#ribbon div {
	position:absolute;
	z-index:21;
	width: 240px;
	height: 20px;
	top:0;
	left:0;
	background:url(../../images/bg-ribbon-shadow.png) no-repeat;
}
#ribbon h4 {
	color: #fff;
	padding: 30px;
	line-height: 23px;
	text-align: center;
	font-size: 1.25em;
	font-weight: normal;
	}
#ribbon h4 strong {
	font-size: 1.3em;
	}
	
.notop div {
	display:none;
}
#ribbon.notop {
	top:0 !important;
}


/**************** Navigation ********************/

#top-layer ul {
	float: right;
	}
#top-layer li {
	float: left;
	margin: 19px 0 8px;
	line-height: 12px;
	border-left: 1px solid #aaaaa0;
	}
#top-layer li.first {
	border: none;
	}
#top-layer li a {
	padding: 0 10px;
	color: #aaaaa0;
	font-weight: bold;
	}
#top-layer li a:hover {
	color: #660099;
}
#top-layer li.selected a {
	color: #660099;
	cursor:default;
}
#top-layer li.selected a:hover {
	text-decoration:none;
}




/* ----- CLASSES ----- */

.grey {
	color: #96968c;
	}
.bodycopy {
	float:left;
	width:690px;
	min-height:120px;
	margin:-8px 0 10px 0;
	font-size:1.2em;
	line-height:1.5em;
}
.clear {
	clear:both;
	float:none;
}

/* ----- LISTS ----- */
#top-layer ul, #footer ul, ol.number, ul.gallery {
	margin: 0;
}
#main-content ul {
	list-style: disc;
	}
#main-content ol {
	list-style: decimal;
	}


/**************** Build Steps Progress Bar ********************/
#main-progress {
	width:698px;
	padding:5px 0 5px 242px;
	margin:0;
	background:#FFF;
	}
#main-progress ul {
	margin:0;
	padding:5px 0;
	background:#F5F5F0 url(../../images/dottedline.png) 245px 50% no-repeat;
	height:1%;
}
#main-progress:after,
#main-progress ul:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
#main-progress li {
	float: left;
	width: 30px;
	height: 30px;
	line-height:30px;	
	margin-right: 65px;
	background: url(../../images/number-unselected.gif) no-repeat;
	text-align: center;
	}
#main-progress a {
	display:block;
	color:#FFF;
	font-weight:bold;
	text-align: center;	
	padding:0 0 0 1px;
	line-height:30px;
}
#main-progress li.first {
	width: 215px;
	padding:0 0 0 10px;
	margin: 0;
	background: none;
	text-align: left;
	}
#main-progress li.last {
	margin: 0;
	}
#main-progress li.selected {
	background: url(../../images/number-selected.gif) no-repeat;
	}
#main-progress li.selected a,
#main-progress li.selected a:hover {
	cursor:default;
	text-decoration:none;
	}
#main-progress li img {
	padding:9px 0 0 0;
	}

.createstep strong em {
	font-size:1.25em;
	font-style:normal;
}



/* ----- HEADINGS & PARAGRAPHS ----- */
h1, .h1, h2, .h2 { color: #660099; }
h3, .h3, h4, .h4 { color: #6699ff; }
h1 span, h2 span, h3 span { display: none; }

.build #main-content h2.grey {
	float: left;
	width: 200px;
	height: 60px;
	line-height: 1.5em;
	font-size: 1.25em;
	font-weight: normal;
	margin-right: 20px;
	}	
big {
	font-size:1.2em;
	line-height:1.5em;
}


/* ----- LINKS ----- */
a,a:visited {
	color: #660099;
	font-weight:bold;
	}

/* ----- IMAGES ----- */
#main-image .right { float: right; margin-left: 3px; }

/* ----- TABLES ----- */

/* ----- FORMS ----- */



/***** BUILD STEPS *****/

.build #main-content {
	margin:0;
}
.build #main-content:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
	}
.build #main-content h1 {
	float: left;
	width: 220px;
	margin: -3px 20px 0 0;
	text-align:right;
	font: normal 2.1em/normal Georgia,"Times New Roman",Times,serif;	
	color:#660099;	
	}
.build #main-content h1 span {
	color:#AAAAA0;
	text-transform:uppercase;
	font-size:0.6em;
	display:block;
	margin:0 0 10px 0;
	}
.build #main-content h1 strong {
	font-weight:normal;
	text-transform:uppercase;	
	color:#CC3300;
	display:block;
	margin:0 0 7px 0;	
	}	

.build #main-image {
	width: 938px;
	height:370px;
	position:relative;
	margin:0;
	}
.build #main-image .next {
	position:absolute;
	right:20px;
	top:335px;
	bottom:auto;	
	}		
	
.build #lower-content {
	padding:50px 0 0 0;
}
.build #lower-content p {
	float:left;
	width:280px;
	padding:0 0 0 20px;
	margin:0;
}
.build #lower-content h3 {
	float: right;
	width: 300px;
	margin:0 30px 0 0;
	text-align:right;
	font: normal 1.6em/1 "Times New Roman",Times,serif;	
	color:#AAAAA0;
	}
.build #lower-content h3 a {
	font-weight:normal;
	}	
.build #lower-content h3 span {
	color:#666666;
	text-transform:uppercase;
	display:block;
	margin:0 0 3px 0;
	}
.build #lower-content h3 strong {
	font-weight:normal;
	text-transform:uppercase;	
	display:block;
	margin:0 0 10px 0;	
	}
.build #ribbon {
	position:absolute;
	top:370px;
	margin-top:0;
}



/***** HOMEPAGE ******/

.home #main-layer {
}

.home #main-image {
	position:relative;
	float: left;
	margin: 0;
	padding:0;
	width: 580px;
	}
.home #main-content {
	clear:none;
	float: left;
	width: 330px;
	margin:0 0 0 30px;
	font-size:1.2em;
	line-height:1.4em;
	}

.home #main-content h1 {
	margin: 0;
	text-align:left;
	font: normal 2.6em/1 Georgia,"Times New Roman",Times,serif;	
	color:#660099;	
	}
.home #main-content h2 {
	margin: 10px 0 15px;
	font: normal 1.7em/1 Georgia,"Times New Roman",Times,serif;	
	color:#CC3300;	
	}
.home #main-content h3 {
	margin: 30px 0 20px;
	font: normal 1.6em/1 Georgia,"Times New Roman",Times,serif;	
	color:#660099;	
	}		
.home #main-content ul {
	padding:0 0 0.8em 10px;
	margin:0 0 0 10px;
}	
.home #main-content li {
	padding:0;
	margin:0;
}	
	
.home #ribbon {
	min-height: 190px;
	}	

.home #lower-content {
	position:relative;
	width:680px;
	margin:0 0 0 260px;
	padding:20px 0 0 0;
}	
.home #lower-content img.float-left {
	float:left;
	margin:0 10px 10px 0;
}
.home #lower-content h4 {
	color: #96968c;
	margin:0 0 10px 0;
}	

.home .home-left,
.home .home-right {
/*	font-size:1.2em;
	line-height:1.4em;*/
}
.home .home-left {
	float:left;
	width:320px;
	margin:0 30px 0 0;
	overflow:hidden;
}
.home .home-right {
	float:left;
	width:330px;
	margin:-130px 0 0 0;
	position:relative;
}
.home .home-left h3 {
	margin:0;
}
.home .home-left img {
	display:block;
	margin:0 0 10px 0;
}

/*
.home .home-right .number li,
.home .home-left .number li {
	list-style: none;
	padding: 0 0 10px 22px;
	margin:-3px 0 0 0;
	}
.number li.one { background: url(../../images/list-1.gif) no-repeat; }
.number li.two { background: url(../../images/list-2.gif) no-repeat; }
.number li.three { background: url(../../images/list-3.gif) no-repeat; }
.number li.four { background: url(../../images/list-4.gif) no-repeat; padding-bottom: 0; }
*/

.home .home-right ol {
	list-style:disc;
	margin:0 0 0 15px;
}
.home .home-right li {
	margin:0 0 10px 0;
}

.home #showroom {
	clear:both;
	padding:20px 0 0 0;
}
.home #showroom h3 {
	margin:0 0 10px;
}
.home #showroom img {
	clear:both;
	float:right;
	display:block;
	margin:0 0 0 30px;
}
	
.home #showroom2 {
	clear:both;
	padding:20px 0 0 0;
}
.home #showroom2 h3 {
	margin:10px 0;
}
.home #showroom2 img {
	float:right;
	display:block;
	margin:0 0 0 30px;
}	
	
/***** ABOUT & GALLERY ******/

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

.about #main-content {
	padding:70px 0 0 0;
	margin:0;
}
.about #main-content .bodycopy {
	min-height:0;
	margin:0 0 10px;
	float:left;
	width:600px;
/*	font-size:1.4em;
	color:#660099;*/
}
.about #main-image {
	margin: 0;
	width: 460px;
	height: 370px;
	float:left;
	}
.about #main-image.narrow {
	margin: 0 30px 0 0;
	width: 235px;
	height: 370px;
	float:left;
	}	

.about #ribbon {
	top:370px;
	min-height: 120px;
	}
.about #main-image.narrow #ribbon {
	top:150px;
	min-height: 120px;
	}
.about #main-image.narrow #ribbon div {
	display:none;
	}		


.about #main-left {
	float:left;
	width: 380px;
	margin:0 50px;
	font-size:1.2em;
	line-height:1.5em;
	}
.about #main-left-wide {
	float:left;
	margin: 0;
	width: 670px;
	display:inline;
	font-size:1.2em;
	line-height:1.5em;	
	}
.about #main-left-wide img {
	margin:10px 0 20px 0;
	}		


.about #main-left h1,
.about #main-left-wide h1 {
	margin: 0 0 20px;
	text-align:left;
	font: normal 1.8em/1 Georgia,"Times New Roman",Times,serif;	
	color:#660099;	
	}
.about #main-left h2,
.about #main-left-wide h2 {
	margin: 0 0 20px;
	text-align:left;
	font: normal 1.8em/1 Georgia,"Times New Roman",Times,serif;	
	color:#660099;	
	}	
	
.about #main-left address {
	margin: 0 0 20px;
	}
	
.about #lower-content {
	padding:30px 0 0 260px;
	width:680px;
	min-height:120px;
	margin:-8px 0 10px 0;
	font-size:1.2em;
	line-height:1.5em;
}	
.about #lower-content h2 {
	text-align:left;
	font: normal 1.8em/1 Georgia,"Times New Roman",Times,serif;	
	color:#660099;	
	}		
	
/**************** CONTACT ********************/
.contact #main-layer {
	padding:30px 30px 100px !important;
}
.contact #main-image {
	height:460px;
}
.contact #ribbon {
	top:460px !important;
	}
.contact #main-layer .secondary {
	clear:both;
	margin-top:30px;
}
#map {
	width:460px;
	height:460px;
	border:0px solid #F0F0E6;
	background:#FFF;
}
#map a {
	display:block;
	text-align:right;
}


/**************** FOOTER ********************/
#footer {
	clear:both;
	height:98px;
	overflow:hidden;
	background:#E6E6D6 url(../../images/bg-footer.png) no-repeat;
}	
#footer p {
	font-size:1.4em;
	line-height:normal;
	padding:10px 0 0 290px;
	margin:0;
}
#footer p span {
	display:none;
}
#footer p img {
	display:block;
	float:left;
	padding:0;
	margin:0;
}

/**************** TAIL ********************/
#tail {
	background:url(../../images/bg-tail.png) top left no-repeat;	
	min-height:110px;
}
#tail p.left {
	float:left;
	margin:20px 0 0 290px;
}
#tail p.right {
	float:right;
	margin:20px 20px 0 0;
}


/**************** GALLERY ********************/

#galleryitems {
	width:680px;
	margin:0;
	padding:0;
}

#galleryitems li {
	list-style: none;
	float: left;
	width:212px;
	height:145px;
	margin:0 10px 10px 0;
	background:#FFF;
	overflow:hidden;
}
#galleryitems li img {
	display:block;
	padding:5px;
	border:1px solid #DDD;
}

/**************** SLIDESHOW ********************/
#slideshow {
	background:#FFF;
	overflow:hidden;
	width:580px;
	height:420px;
	margin:0;
	padding:0;
}


/**************** SITEMAP ********************/
#sitemap {
	margin:0 0 0 15px;
}
#sitemap li {
	list-style:square;
	margin:0 0 5px 0;
}