body {
	background: #eadfcb;
	color: #806e59;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 90%;
}

p, blockquote, dl {
	line-height: 1.5em;
}

a {
	color: #9c2519;
	text-decoration: none;
}

a:hover {
	color: #4f1a14;
	text-decoration: underline;
}

strong {
	color: #54422e;
}

.clear_me {
	display: block;
	height: 0;
	clear: both;
}

#split-y {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background: red;
	z-index: 100;
}

h1#header {
	position: relative;
	height: 123px;
	background: url('images/logo.png') #decdaf center top no-repeat;
	text-indent: -9999px;
}

h1#header a {
	position: absolute;
	left: 50%;
	margin-left: -425px;
	display: block;
	width: 850px;
	height: 123px;
}

#menu {
	position: relative;
	height: 56px;
	border-top: 1px solid #4f241f;
	border-bottom: 1px solid #31120e;
	background: url('images/menu_bg.gif') repeat-x;
}

#menu ul {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -423px;
	padding: 5px 0 0 0;
	width: 846px;
}

#menu ul li {
	float: left;
	margin-right: 42px;
	height: 40px;
	background: url('images/menu.png') no-repeat;
}

#menu ul li a {
	display: block;
	text-indent: -9999px;
	height: 40px;
}

#menu ul li#about_us {
	width: 105px;
}

#menu ul li#about_us:hover {
	background-position: 0 -40px;
}

#menu ul li#about_us.active {
	background-position: 0 -40px;
}

#menu ul li#how_its_made {
	width: 157px;
	background-position: -147px 0;
}

#menu ul li#how_its_made:hover {
	background-position: -147px -40px;
}

#menu ul li#how_its_made.active {
	background-position: -147px -40px;
}

#menu ul li#samples {
	width: 99px;
	background-position: -346px 0;
}

#menu ul li#samples:hover {
	background-position: -346px -40px;
}

#menu ul li#samples.active {
	background-position: -346px -40px;
}

#menu ul li#frames {
	width: 90px;
	background-position: -488px 0;
}

#menu ul li#frames:hover {
	background-position: -488px -40px;
}

#menu ul li#frames.active {
	background-position: -488px -40px;
}

#menu ul li#quote {
	width: 81px;
	background-position: -620px 0;
}

#menu ul li#quote:hover {
	background-position: -620px -40px;
}

#menu ul li#quote.active {
	background-position: -620px -40px;
}

#menu ul li#contact {
	width: 104px;
	margin-right: 0;
	background-position: -742px 0;
}

#menu ul li#contact:hover {
	background-position: -742px -40px;
}

#menu ul li#contact.active {
	background-position: -742px -40px;
}

#content_container {
	position: relative;
	background: url('images/content_container_bg.jpg') #f9f5ef repeat-x;
}

#content_frame {
	position: relative;
	left: 50%;
	margin-left: -453px;
	width: 906px;
	background: url('images/content_frame.png') no-repeat;
}

#content {
	position: relative;
	margin: 0 28px;
	width: 800px;
	padding: 12px 25px 30px 25px;
	background: url('images/content_bg.gif') #fdfbf6 no-repeat;
}

#slideshow_container {
	position: relative;
	margin-top: 10px;
	width: 792px;
	height: 270px;
}

#slideshow_container > img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

#slideshow img {
	display: none;
}

#slideshow img.first {
	display: block;
}

#content_header {
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px solid #4f241f;
}

#content_header h2 {
	float: left;
	display: block;
	width: 280px;
	height: 31px;
	margin: 2px 0 11px 0;
	background: #e8dfd0;
	text-indent: -9999px;
}

#content_header h2.index {
	float: none;
	margin-bottom: 5px;
	width: inherit;
	height: 64px;
	background: url('images/index_header.gif') center top no-repeat;
}

#content_header h2.about_us {
	background: url('images/content_header.gif') no-repeat;
}

#content_header h2.how_its_made {
	background: url('images/content_header.gif') left -31px no-repeat;
}

#content_header h2.samples {
	background: url('images/content_header.gif') left -62px no-repeat;
}

#content_header h2.frames {
	background: url('images/content_header.gif') left -93px no-repeat;
}

#content_header h2.quote {
	background: url('images/content_header.gif') left -124px no-repeat;
}

#content_header h2.contact {
	background: url('images/content_header.gif') left -155px no-repeat;
}

#content_header h2.virtual_designer {
	background: url('images/content_header.gif') left -186px no-repeat;
}

#content_header a#virtual_designer {
	float: right;
	display: block;
	width: 277px;
	height: 34px;
	background: url('images/virtual_designer_button.gif');
	text-indent: -9999px;
}

#content_header a#virtual_designer:hover {
	background-position: 0 -34px;
}

a#virtual_designer {
	display: block;
	width: 277px;
	height: 34px;
	background: url('images/virtual_designer_button.gif');
	text-indent: -9999px;
}

a#virtual_designer:hover {
	background-position: 0 -34px;
}

#content_wrapper {
	position: relative;
	padding: 0 4px;
}

.min_height {
   float: right;
   width: 0;
}

ol, ul {
	line-height: 1.4em;
}

#loader {
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -17px;
}

#loader strong {
	display: block;
	padding: 5px;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.jquery_load_fade {
	display: none;
}

#content_wrapper > div.sliding{
	width: 100%;
}

#content_wrapper h3 {
	margin: 20px 0 15px 0;
	padding: 6px 1px;
	color: #54422e;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px solid #cdbfac;
}

#content_wrapper h4 {
	padding: 5px 0;
	color: #54422e;
	border-bottom: 1px solid #cdbfac;
}

#content_wrapper p {
	margin: 10px 0;
}

#content_wrapper p.msg {
	margin-top: -5px;
	padding: 5px 7px;
	border: 1px solid #e3ded3;
	font-style: italic;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#content_wrapper p.msg strong {
	color: #2da131;
}

#content_wrapper > .error {
	margin-top: -5px;
	padding: 5px 7px;
	border: 1px solid #e3ded3;
	font-style: italic;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #bd2c2c;
}

#content_wrapper .error strong {
	color: #bd2c2c;
}

#content_wrapper .easy_123 {
	padding: 8px;
	border: 1px solid #e3ded3;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 1.6em;
}

#content_wrapper .easy_123 b {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #bdac94; 
}

#content_wrapper blockquote {
	margin: 10px 40px;
	padding: 0 10px;
	border: 1px solid #cdbfac;
	color: #9b846a;
	font-style: italic;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#content_wrapper blockquote.quote {
	background: url('images/quotes.gif') 4px 4px no-repeat;
}

#content_wrapper blockquote.quote div {
	background: url('images/quotes_end.gif') bottom right no-repeat;
}

#content_wrapper dt {
	margin: 5px 0 0 0;
	padding: 0 0 0 8px;
	font-weight: bold;
	background: url('images/arrow_right_brown.gif') left center no-repeat;
}

#content_wrapper dd {
	color: #9b846a;
	margin: 0 0 15px 1px;
	padding: 0 0 0 8px;
}

#content .how_its_made img {
	float: left;
	margin: 4px 10px 2px 0;
	padding: 3px;
	border: 1px solid #CDBFAC;
}

#content #nav {
	margin: -7px 0 10px 0;
	padding: 0 0 12px 0;
	text-align: center;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 90%;
	font-weight: bold;
	border-bottom: 1px solid #cdbfac;
}

#content #nav a {
	margin: 1px 3px;
	padding: 5px 6px 4px 6px;
}

#content #nav a:hover {
	text-decoration: none;
}

#content #nav a.activeSlide {
	color: #000;
	padding: 4px 5px 3px 5px;
	border: 1px solid #d2c5b0;
	background: #efeae1;
}

#content #nav a.prev {
	float: left;
	margin: -7px 0 0 1px;
	padding: 0;
	height: 25px;
	width: 25px;
	text-indent:-9999px;
	background: url('images/click_left.gif') no-repeat;
}

#content #nav a.next {
	float: right;
	margin: -7px 1px 0 0;
	padding: 0;
	height: 25px;
	width: 25px;
	text-indent:-9999px;
	background: url('images/click_right.gif') no-repeat;
}

#content_wrapper .sample {
	position: relative;
	float: left;
	margin-left: 26px;
	padding: 4px;
	width: 220px;
	border: 1px solid #aea08e;
	line-height: 1.4em;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	text-align: center;
	overflow: hidden;
}

#content_wrapper .item {
	position: relative;
	float: left;
	margin-left: 26px;
	padding: 4px;
	width: 220px;
	border: 1px solid #aea08e;
	line-height: 1.4em;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	text-align: center;
}

#content_wrapper .item .get_quote {
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -85px;
	visibility: hidden;
	width: 171px;
	height: 79px;
	background: url('images/get_a_quote.png') no-repeat;
	text-indent: -9999px;
}

#content_wrapper p.item:hover .get_quote {
	visibility: visible;
}

#content_wrapper .item strong.title {
	display: block;
	margin-bottom: 5px;
	padding: 6px;
	background: #cfc0a5;
	font-size: 100%;
	line-height: 1em;
	color: #4f241f;
	text-align: center;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#content_wrapper .item .info {
	display: block;
	padding: 0 4px;
	font-size: 90%;
	text-align: left;
}

#content_wrapper .sample .info {
	display: block;
	padding: 4px;
	font-size: 90%;
	text-align: left;
}

#quote_wrapper form, #contact_wrapper form {
	margin-top: 15px;
	padding-top: 5px;
	border-top: 1px solid #cdbfac;
}

#quote_wrapper .fieldset {
	margin: 15px 0 25px 0;
	padding: 0 11px;
	width: 499px;
	border-left: 1px solid #cfc1a7;
	line-height: 1.4em;
}

#quote_wrapper .semi_opaque {
	opacity: .3;
	filter: alpha(opacity=30);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

#quote_wrapper label, #contact_wrapper label {
	display: block;
	padding: 0 0 2px 0;
	font-size: 110%;
}

#quote_wrapper .checkbox_label {
	display: inline;
	font-size: 95%;
	color: #54422e;
}

#quote_wrapper img.icon {
	margin: 5px 0 0 0;
	border: 1px solid #cfc1a7;
}

form#quoteform .text, form#contactform .text {
	width: 500px;
	border-color: #8a7758 #cfc1a7 #cfc1a7 #8a7758;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	color: #333;
	font-size: 110%;
}

#quote_wrapper .error, #contact_wrapper .error {
	font-size: 90%;
	color: #bd2c2c;
}

.virtual_designer #start_over {
	display: block;
	float: right;
	font-weight: normal;
	font-size: 90%;
}

.virtual_designer #step_1 a {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	padding: 3px;
	border: 1px solid #aea08e;
	line-height: 1.4em;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.virtual_designer #step_1 a:hover {
	text-decoration: none;
}

.virtual_designer #step_1 a strong {
	display: block;
	margin-bottom: 10px;
	padding: 4px;
	background: #cfc0a5;
	font-size: 90%;
	line-height: 1em;
	color: #4f241f;
	text-align: center;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.virtual_designer #step_1 a img {
	margin: 10px;
}

.virtual_designer #step_2 {
	display: none;
}

.virtual_designer #step_2 #big_frame {
	float: left;
	padding: 5px;
	border: 1px solid #aea08e;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.virtual_designer #step_2 #big_frame_title {
	display: block;
	padding: 6px;
	background: #cfc0a5;
	font-size: 105%;
	line-height: 1em;
	color: #4f241f;
	text-align: center;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#big_frame_img_wrapper {
	display: block;
	position: relative;
	width: 368px;
	height: 252px;
}

#big_frame_img_wrapper img {
	position: absolute;
}

#big_frame_img_wrapper #big_frame_img {
	z-index: 999;
}

#big_frame_img_wrapper #big_frame_colors img {
 display: none;
}

#big_frame_img_wrapper img.panel_color {
	z-index: 0;
}

.virtual_designer #step_2 #big_frame img {
	margin: 0;
}

.virtual_designer #step_2 #frame_info {
	float: right;
	padding: 5px;
	border: 1px solid #aea08e;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.virtual_designer #step_2 .frame_info_title {
	display: block;
	margin: 0 0 8px 0;
	padding: 6px;
	background: #e3d9c7;
	font-size: 105%;
	line-height: 1em;
	color: #795a31;
	text-align: center;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.virtual_designer #step_2 #frame_info span.remove_color {
	display: none;
	float: right;
	font-size: 85%;
	margin: 0;
	padding: 0;
}

.virtual_designer #step_2 #frame_info .color_choices .color_choice {
	cursor: pointer;
}

.virtual_designer #step_2 #frame_info .color_choices input {
	display: none;
}

.virtual_designer #step_2 #frame_info .divider {
	height: 1px;
	background: #e3d9c7;
}

#footer_container {
	position: relative;
	height: 100px;
	border-top: 1px solid #8a7758;
	background: url('images/footer_bg.gif') center top no-repeat;
}

#footer {
	position: absolute;
	left: 50%;
	margin: 15px 0 0 -125px;
	height: 70px;
	color: #9e9583;
}

#footer > a {
	float: left;
	margin: 0 15px 40px 0;
	width: 125px;
	height: 70px;
	background: url('images/footer_tag.gif') no-repeat;
}

#footer p {
	float: right;
	padding: 5px 0 0 0;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	color: #54422e;
}

#footer #google_translate_element {
	margin: 55px 0 0 0;
	height: 60px;
}
