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

body {
	background-color: #222222;
	background-image: url(images/bg.jpg);
	background-position: 0px 325px;
	background-repeat: repeat-x;
	font-family: "Century Gothic",Helvetica,Arial,sans-serif;
	margin: 0pt;
	padding: 0pt;
	}
	
.main {
	background-color: #FFFFFF;
	margin: 50px auto auto;
	padding: 10px;
	width: 780px;
	color: #382001;
	font-size: 1em;
	}
	
.header {
	color:#382001;
	font-family:"Century Gothic",Helvetica,sans-serif;
	height:85px;
	}
	
.header img {
	float: left;
	}
	
.flashHome, .pageHead {
	margin-bottom: 15px;
	}
	
h1 {
	font-family: "Century Gothic",Helvetica,sans-serif;
	font-size: 1.5em;
	text-transform: uppercase;
	}
	
h2 {
	font-family: "Century Gothic",Helvetica,sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 10px 0px 0px 0px;
	}
	
.about {
	float: left;
	padding-left: 10px;
	padding-right: 5px;
	width: 290px;
	}
	
.about img:first-child {
	border: 5px solid #382001;
	float: left;
	margin: 10px 12px 10px 0px;
	}
	
.about p {
	font-size: 1em;
	}
	
.ourwork {
	border-left: 2px solid #382001;
	border-right: 2px solid #382001;
	float: left;
	height: 285px;
	padding: 0px 15px;
	width: 245px;
	}

.ourwork p {
	color: #382001;
	font-size: 1em;
	}
	
.ourwork img:first-child {
	border: 5px solid #382001;
	float: left;
	margin: 0px 12px 10px 0px;
	}
	
.ourwork a {
	color: #382011;
	}
	
.ourwork a:hover {
	color: #F59914;
	}
	
.ourwork h1 {
	clear: left;
	}
	
.contact {
	float: left;
	padding-left: 10px;
	padding-right: 5px;
	width: 180px;
	/*---IE 6 fix---*/
	/*
	_width: 170px;
	*/
	}
	
.contact p {
	padding-bottom: 8px;
	font-size: .95em;
	}
	
.contact h1 {
	margin-bottom: 8px;
	}
	
.contact a, .one a, .two a {
	color: #382011;
	text-decoration: none;
	}
	
.contact a:hover, .one a:hover, .two a:hover {
	color: #F59914;
	}
	
.one {
	float: left;
	padding: 0px 15px 0px 10px;
	width: 360px;
	}
	
a.hover1 {
	background-image: url(images/exteriorShowroom.jpg); 
	border: 0;
	width: 364px;
	height: 138px;
	float: left;
	margin-bottom: 10px;
	}
	
a.hover1:hover {
	background-image: url(images/exteriorShowroomOver.jpg);
	}
	
a.hover2 {
	background-image: url(images/interiorShowroom.jpg); 
	border: 0;
	width: 364px;
	height: 138px;
	float: left;
	margin-bottom: 10px;
	}
	
a.hover2:hover {
	background-image: url(images/interiorShowroomOver.jpg);
	}
	
.one img {
	border: 5px solid #382001;
	margin-bottom: 10px;
	}
	
.one p {
	padding-bottom:15px;
	font-size: .9em;
	}
	
.one span p {
	padding-bottom:10px;
	}
	
.two {
	border-left: 2px solid #382001;
	float: left;
	padding: 0px 10px 0px 15px;
	width: 360px;
	}
	
.two img {
	border:5px solid #382001;
	margin-bottom:10px;
	}
	
.two p {
	font-size: .9em;
	}
	
.two a {
	text-decoration: underline;
	}
	
.bar {
	margin: 10px 0px 0px 0px;
	/*---IE 6 fix---*/
	_margin: 20px 0px 0px 0px;
	}
	
input, select, textarea {
	border: 1px solid #382001;
	font-family: "Century Gothic",Helvetica,sans-serif;
	}
	
label {
	color: #382001;
	padding-left: 5px;
	}
	
fieldset {
	margin:0px 0px 10px;
	color: #382001
	}
	
fieldset p {
	padding:5px 0px;
	}
	
legend {
	color: #382001;
	}
	
.submit {
	background-color: #603813;
	border: 0pt none;
	color: #FFFFFF;
	cursor: pointer;
	font-family: "Century Gothic",Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin: 10px 0px 5px 15px;
	padding: 2px;
	}
	
.submit:hover {
	color: #F59914;
	}
	
.contactForm .submit {
	margin: 10px 0px 5px;
	}
	
.contactForm textarea {
	height: 100px;
	width: 250px;
	}
	
ul {
	padding: 5px 10px 5px 15px;
	}
	
ul h1 {
	}

/*-------START showroom here-------*/

.interior, .exterior {
	width: 366px;
	}
	
.exterior img, .interior img {
	float: left;
	margin-right: 10px;
	}
	
.exterior img:hover, .interior img:hover {
	border: 5px solid #F59914;
	cursor: pointer;
	}
	
/*-------START nav here-------*/
.nav {
	float: right;
	font-family: "Century Gothic", Helvetica, sans-serif;
	margin-top: 59px;
	text-align: right;
	vertical-align: baseline;
	width: 412px;
	font-size: 1em; 
	}
	
.nav a {
	color: #382001;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	width: 60px;
	}
	
.nav span a {
	padding: 0px;
	}
	
.nav a:hover {
	color: #F59914;
	cursor: pointer;
	}
/*-------END nav here-------*/

/*-------START footer here-------*/
.footer {
	clear: both;
	color: #EEEEEE;
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 20px 0px 25px;
	text-align: center;
	}
	
.footer a {
	color: #EEEEEE;
	padding: 0px 3px;
	text-decoration: none;
	}
	
.footer span a {
	padding:0px;
	}
	
.footer a:hover {
	color: #999999;
	}
	
.footer p {
	padding-bottom: 0px;
	}
	


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
    visibility: hidden;
    /* 
	font-family: "Century Gothic",Helvetica,sans-serif;
	font-size: 1.5em;
	text-transform: uppercase;
	*/
}


/* form success text color */
#emailSuccess {
	color: #F59914;
	}