@import url(content.css);

body {background:#333 url(../images/bg-page-gradient.png); color:#ccc; font:78%/1.5em Arial,Helvetica,sans-serif;}

#global_container {position:relative; width:780px; margin:25px auto; color:#333;}

#header_container {height:35px;}
#header_navigation {float:right; margin:10px 0; height:12px;}
#header_navigation li {list-style-type:none; float:left; margin:0}
#header_navigation li a {color:#999; font-weight:bold; border-right:1px solid #444; padding:0 10px;}
#header_navigation li.last a {border:none;}
#header_navigation li a:hover, #header_navigation a.on {color:#fff; text-decoration:none;}

#page_container {clear:right; background-color:#f9f7ea; border:5px solid #fff;}

#banner_container {background:#dfdbc3 url(../images/bg-nav-gradient.png) repeat-x bottom; height:89px; border-bottom:1px solid #bfbba7;}
#logo {width:141px; height:43px; padding:23px 18px 23px 15px; background-color:#dfdbc3; border-right:1px solid #fff; float:left;}
#main_navigation {margin:0 0 0 175px; width:594px; height:85px; border-left:1px solid #bfbba7;}
#main_navigation ul {margin:0;}
#main_navigation .column {width:196px; height:89px; background-image:url(../images/separator-nav-vertical.png); padding:0 2px 0 0;}
#main_navigation li {margin:0; list-style-type:none;}
#main_navigation a {display:block;}
#main_navigation a:hover {text-decoration:none;}
#main_navigation .primary_link a {height:57px; line-height:57px; padding:0px 20px 0px 20px; font-size:14px; font-weight:bold;}
#main_navigation .secondary_link {background:url(../images/separator-nav-horizontal.png) no-repeat center top;}
#main_navigation .secondary_link a {height:32px; line-height:32px; font-weight:bold; padding:0 30px 0 50px; background-repeat:no-repeat; background-position:20px 3px;}
#main_navigation .secondary_link a.photo_gallery {background-image:url(../images/icon-photo-gallery.png);}
#main_navigation .secondary_link a.furniture_package {background-image:url(../images/icon-package.png);}
#main_navigation .on, #main_navigation a:hover {background-color:#bbb590;}

#body_container {position:relative; width:770px; border-top:solid 1px #fff; background:url(../images/bg-sidebar.png) repeat-y center;}

#sidebar_container {float:left; width:174px; margin-right:2px; padding-bottom:60px;}
#sidebar_container h3 {margin:0;}

#showroom_panel {position:relative; padding:15px; background:#e9e6d5 url(../images/separator-sidebar.png) no-repeat left bottom;}
#showroom_panel h3 {color:#600;}
#showroom_panel p {margin:0;}

#download_button {display:block; position:relative; width:137px; height:54px; padding:10px; background:url(../images/button-sidebar-download.png) no-repeat; margin:15px 0;}
#download_button:hover {text-decoration:none;}
#download_button:hover h3 {color:#600;}
#download_button .information {font-size:9px;}

#promo {display:block; margin:0 20px 20px 10px; line-height:1.3em; border:dashed 2px #bfbba7; padding:5px; font-weight:normal;}
#promo h3 {color:#600;}
a#promo:hover {text-decoration:none; border-style:solid; background:#e9e6d5;}

.cloth_panel {position:relative; width:165px; height:95px;}

#sidebar_footer {position:absolute; bottom:20px; width:154px; line-height:1.5em; padding:10px; font-size:10px; background:url(../images/separator-sidebar.png) no-repeat left top;}
#sidebar_footer a {font-weight:normal;}

#content_container {float:right; width:594px;}
#content {padding:15px;}
.content_gradient {border-top:1px solid #c4c1af; background:url(../images/bg-content.png) repeat-x top;}
* html .content_gradient {display:inline-block;}
.content_gradient .column, .right_column {background-image:url(../images/separator-content.png);}

.columns {margin:0;}
.columns .column {width:166px; float:left; background-repeat:no-repeat; background-position:top right; padding:15px; margin:0; list-style-type:none;}
.columns .column_2_of_3 {width:366px;}
.columns .last {background-image:none !important;}
.right_column {width:170px; float:right; background-repeat:no-repeat; background-position:top left; padding:15px; margin:0 0 0 15px; list-style-type:none;}
.right_column .break_away {width:auto;}

.gallery {margin:0 15px;}
.gallery_small {margin:0 10px;}
.gallery li {display:block; width:140px; float:left; margin:15px; height:140px; line-height:140px; background-color:#e9e6d5; text-align:center; overflow:hidden; border:1px solid #D5D1C1; padding:3px;}
.gallery li:hover {border:solid 1px #333;}
.gallery_small li {width:80px; height:80px; line-height:80px; margin:10px;}
.gallery img {display:inline; vertical-align:middle;}

form .form_row {display:block; padding:5px; clear:left;}
form .hidden, form .marco {display:none;}
form .form_main_label {display:block; width:100px; margin-right:10px; float:left; padding-top:3px;}
form .form_field_list {display:block; margin-left:110px;}
form .form_required {padding-left:3px; color:#900;}
form button {padding:5px 15px;}
form input,
form textarea,
form select {font:100%/1em Arial; color:#333; padding:5px; border:1px solid #ccc; background-color:#fcfcfc;-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}
form .form_errors {border:1px solid #900; margin:10px 0; padding:5px; color:#900; background-color:#fee;}
form .form_errors h3 {margin:0 0 5px 0;}

form input:focus,
form textarea:focus,
form select:focus {border-color:#999; background-color:#fff;}




/* 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-size: 20px;
  letter-spacing: 3px;
  line-height: 20px;
  display: inline;
}