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

/*
============================================================================
GENERAL
============================================================================
*/
html, body {
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	font: 100%/150% Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1, h2, h3, h4 {
	font: 100% Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul	{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

li	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

a {
	color: #8E8E8E;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
}

img {
	border: 0px none;
}

.hide {
	display: none;
}

.clear {
	clear: both;
}

#wrapper {
	background: url('../images/general/middle_pattern.jpg') scroll repeat 49.99% 0px;
	position: relative;
	display: table;
	width: 100%;
	min-width: 1005px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*
============================================================================
TOP
============================================================================
*/
#top_outer {
	background: url('../images/general/top_pattern.jpg') repeat center 0px;
	position: relative;
	display: table;
	width: 100%;
}

#top {
	background: url('../images/general/bar.jpg') repeat-x center 211px;
	position: relative;
	display: table;
	width: 100%;
}

#top_inner {
	background: url('../images/general/top.jpg') no-repeat center 1px;
	position: relative;
	display: table;
	width: 100%;
}

#header {
	position: relative;
	width: 1005px;
	height: 300px;
	margin: 0px auto 0px auto;
}

#logo {
	position: absolute;
	width: 375px;
	height: 315px;
	text-indent: -9000000px;
	left: 315px;
	top: 0px;
	z-index: 1000;
}

#logo a {
	background: url('../images/general/logo.jpg') no-repeat 0px 1px;
	position: absolute;
	width: 375px;
	height: 315px;
	text-indent: -9000000px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	z-index: 100;
}

#logo a:hover {
	background: url('../images/general/logo.jpg') no-repeat 0px -314px;
}

#menu {
	position: absolute;
	width: 1005px;
	height: 1px;
	font: 112.5% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	left: 0px;
	top: 230px;
	z-index: 2000;
}

#menu li {
	position: relative;
	display: inline;
	margin: 0px 25px 0px 25px;
	padding: 0px 0px 0px 0px;
	z-index: 200;
}

#menu .first {
	margin: 0px 20px 0px 15px;
}

#menu .middle_left {
	margin: 0px 120px 0px 20px;
}

#menu .middle_right {
	margin: 0px 20px 0px 120px;
}

#menu .active {
	color: #FFFFFF;
}


/*
============================================================================
MIDDLE
============================================================================
*/
#middle_outer {
	background: url('../images/general/middle.jpg') no-repeat center 0px;
	position: relative;
	display: table;
	width: 100%;
	margin: -29px 0px 0px 0px;
}

#middle {
	position: relative;
	width: 1005px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	z-index: 20000;
}

#middle_inner {
	position: relative;
	float: left;
	width: 990px;
	text-align: center;
	z-index: 2000;
}


/*
============================================================================
PAGE
============================================================================
*/
.page_title {
	position: relative;
	width: 965px;
	font: 300% Georgia, "Times New Roman", Times, serif;
	letter-spacing: 10px;
	padding: 30px 0px 15px 25px;
	z-index: 2000;
}

.page_sub_title {
	position: relative;
	width: 965px;
	font: italic 100% Georgia, "Times New Roman", Times, serif;
	letter-spacing: 2px;
	margin: -15px 0px 0px 0px;
	padding: 0px 0px 15px 17px;
	z-index: 2000;
}

#page_menu {
	position: relative;
	width: 975px;
	height: 27px;
	font: 112.5%/100% Georgia, "Times New Roman", Times, serif;
	padding: 3px 0px 0px 0px;
	border-top: 1px solid #8E8E8E;
	border-bottom: 1px solid #8E8E8E;
}

#page_menu li {
	display: inline;
	margin: 0px 20px 0px 20px;
}

#page_menu li h2 {
	display: inline;
}

#page_menu .active {
	color: #FFFFFF;
}

#projects_tabs, .panel, .sub_panel, .thumbnails {
	position: relative;
	width: 990px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.thumbnails {
	overflow: hidden;
}

.thumbnail_slideshow {
	position: relative;
	width: 840px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 30px 75px;
	overflow: hidden;
}

.set {
	position: relative;
	width: 840px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.set .product {
	position: relative;
	float: left;
	width: 265px;
}

.set .three, .set .right {
	padding: 0px 0px 0px 15px;
}

.set .left {
	padding: 0px 0px 0px 155px;
}

.set .one {
	padding: 0px 0px 0px 295px;
}

.set a {
	position: relative;
	display: block;
	width: 265px;
}

.set img {
	background: #000000;
	position: relative;
	display: block;
	width: 259px;
	height: 259px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 3px double #666666;
}

.set a:hover img {
	border: 3px double #888888;
}

.previous, .next {
	background-position: 0px 0px;
	position: absolute;
	display: block;
	width: 60px;
	height: 15px;
	text-align: center;
	padding: 30px 0px 0px 0px;
	top: 125px;
}

.previous:hover, .next:hover {
	background-position: -60px 0px;
}

.previous {
	background: url('../images/general/previous.png') no-repeat;
	left: 15px;
}

.next {
	background: url('../images/general/next.png') no-repeat;
	right: 0px;
}

.column_01 {
	position: relative;
	float: left;
	width: 975px;
	padding: 0px 0px 0px 15px;
}


/*
============================================================================
HOME
============================================================================
*/
.home {
	background: url('../images/general/frame.png') no-repeat 88px 45px;
	position: relative;
	width: 975px;
	padding: 85px 0px 45px 15px;
}

#home_images {
	position: relative;
	width: 615px;
	height: 340px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

#home_images .slide {
	background: #000000;
	position: absolute;
	width: 615px;
	height: 340px;
	left: 0px;
	top: 0px;
}

#home_images .slide img {
	position: relative;
	margin: auto auto auto auto;
}

#home_title {
	position: relative;
	width: 965px;
	font: italic 200% Georgia, "Times New Roman", Times, serif;
	letter-spacing: 10px;
	padding: 15px 0px 0px 25px;
}

#home_title .registered {
	font: italic 37.5% Georgia, "Times New Roman", Times, serif;
}


/*
============================================================================
PROJECTS
============================================================================
*/
.projects_menu {
	margin: 0px 0px 45px 15px;
}

.page_sub_menu {
	position: absolute;
	display: none;
	width: 975px;
	height: 27px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	border-bottom: 1px solid #8E8E8E;
	left: 0px;
	top: 31px;
}

.large {
	background: #000000;
	position: absolute;
	width: 675px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 3px double #666666;
	left: 162px;
	top: -230px;
	z-index: 500000;
}

.large img {
	background: #000000;
	position: relative;
	display: block;
	width: 675px;
	height: 675px;
	margin: 0px auto 0px auto;
	z-index: 50000;
}


/*
============================================================================
FINISHES
============================================================================
*/
.finishes_menu {
	margin: 0px 0px 15px 15px;
}

#special_request {
	position: relative;
	width: 975px;
	height: 23px;
	font: italic 75% Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 15px 15px;
	padding: 7px 0px 0px 0px;
	border-bottom: 1px solid #8E8E8E;
}

.inactive {
	color: #8E8E8E;
}

.set .finish {
	position: relative;
	float: left;
	width: 265px;
	text-align: center;
}

.set .finish img {
	margin: 0px 0px 10px 0px;
}


/*
============================================================================
PRESS
============================================================================
*/
.press {
	color: #BBBBBB;
	font: italic 112.5%/150% Georgia, "Times New Roman", Times, serif;
}


/*
============================================================================
ABOUT US
============================================================================
*/
.about_us {
	color: #BBBBBB;
	font: italic 112.5%/150% Georgia, "Times New Roman", Times, serif;
}


/*
============================================================================
FAQ
============================================================================
*/
.faq_question {
	padding: 0px 0px 10px 0px;
}

.faq_title {
	font: italic 150%/125% Georgia, "Times New Roman", Times, serif;
}

.faq_title .active {
	color: #BCBCBC;
}

.accordian {
	position: relative;
	width: 975px;
}


/*
============================================================================
CONTACT
============================================================================
*/
#contact_form {
	position: relative;
	width: 735px;
	margin: -15px 0px 0px 0px;
	padding: 0px 135px 0px 135px;
}

.contact_label {
	position: relative;
	display: block;
	width: 735px;
	height: 25px;
	color: #FFFFFF;
	font: italic 125%/125% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

#contact_form .form_input, #contact_form .form_input_error {
	width: 725px;
	height: 23px;
	color: #FFFFFF;
	font: 100%/125% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	outline: none 0px;
	margin: 3px 0px 10px 0px;
	padding: 2px 5px 0px 5px;
}

#contact_form .form_text, #contact_form .form_text_error {
	width: 725px;
	height: 103px;
	color: #FFFFFF;
	font: 100%/125% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	outline: none 0px;
	margin: 3px 0px 10px 0px;
	padding: 2px 5px 0px 5px;
}

#contact_form .form_input:focus, #contact_form .form_input_error:focus, #contact_form .form_text:focus, #contact_form .form_text_error:focus {
	border: 3px double #666666;
}

#contact_submit {
	width: 105px;
	height: 33px;
	color: #FFFFFF;
	font: 100%/125% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin: 3px auto 10px auto;
	padding: 0px 0px 2px 0px;
	cursor: pointer;
}

#contact_form .form_input, #contact_form .form_text, #contact_submit {
	background: #000000;
	border: 3px double #37363B;
}

#contact_form .form_input_error, #contact_form .form_text_error, #contact_submit:hover {
	background: #37363B;
	border: 3px double #000000;
}

#error_message {
	position: relative;
	width: 735px;
	height: 25px;
}


/*
============================================================================
PRODUCT CARE
============================================================================
*/
.product_care {
	color: #BBBBBB;
}

.product_care h2 {
	color: #FFFFFF;
	font: italic 150%/125% Georgia, "Times New Roman", Times, serif;
	padding: 5px 0px 5px 0px;
}


/*
============================================================================
INSTALLATION
============================================================================
*/
.installation {
	color: #BBBBBB;
}

.installation h2 {
	color: #FFFFFF;
	font: italic 150%/125% Georgia, "Times New Roman", Times, serif;
	padding: 5px 0px 5px 0px;
}


/*
============================================================================
FIXTURE CARE
============================================================================
*/
.fixture_care {
	color: #BBBBBB;
}

.fixture_care h2 {
	color: #FFFFFF;
	font: italic 150%/125% Georgia, "Times New Roman", Times, serif;
	padding: 5px 0px 5px 0px;
}


/*
============================================================================
PRICING
============================================================================
*/
.pricing {
	position: relative;
	width: 975px;
	color: #BBBBBB;
	padding: 0px 0px 0px 15px;
}

.prices {
	font: 112.5% Georgia, "Times New Roman", Times, serif;
}

.item .name, .item .price {
	height: 30px;
	padding: 0px 15px 0px 15px;
	white-space: nowrap;
	vertical-align: baseline;
}

.item .lines {
	height: 20px;
	width: 100%;
}

.item .lines span {
	display: block;
	height: 11px;
	width: 100%;
	border-bottom: 1px dotted #BBBBBB;
}

.customization {
	padding: 15px 0px 15px 0px;
}

.small_print {
	font: 75% Georgia, "Times New Roman", Times, serif;
}

.small_print ul {
	padding: 0px 0px 15px 0px;
}

.small_print li {
	display: inline;
	padding: 0px 15px 0px 0px;
}


/*
============================================================================
FOOTER
============================================================================
*/
#footer_outer {
	position: relative;
	float: left;
	width: 975px;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 15px;
}

#footer {
	position: relative;
	float: left;
	width: 975px;
	height: 180px;
	font: 75% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	border-top: 1px solid #8E8E8E;
}

#footer_menu {
	font: 115% Georgia, "Times New Roman", Times, serif;
}

#footer_menu, #footer_info {
	position: relative;
	width: 975px;
}

#footer_menu li, #footer_info li {
	background: url('../images/general/circle.png') no-repeat right center;
	display: inline;
	padding: 0px 14px 0px 13px;
}

#footer_menu .last, #footer_info .last {
	background: none;
	padding: 0px 13px 0px 13px;
}

#footer_info {
	color: #565656;
	padding: 10px 0px 5px 0px;
}

#footer_info a {
	color: #565656;
}

#footer_info a:hover {
	color: #FFFFFF;
}

#footer .copyright {
	color: #565656;
	padding: 0px 0px 0px 0px;
}

#v3 {
	color: #565656;
	padding: 0px 0px 0px 10px;
}

#v3:hover {
	color: #FFFFFF;
}

#min_height {
	position: relative;
	float: right;
	width: 1px;
	height: 495px;
}

