/* ---------------------------------------------------------------------
            GLOBAL STYLES - UNIVERSAL SELECTORS
------------------------------------------------------------------------

These are default styles that every page needs to inherit */

body {
	font-size:62.5%;
	font-family:Georgia, serif;
	background:#151515;
	line-height:1.4em;
}

hr {
	display:none;
}

a {
	color:#46551e;
	text-decoration:none;
}

a:hover {
	color:#46551e;
	text-decoration:underline;
}

p, li {
	color:#483939;
}

strong, b{
  font-weight:bold;
}

em, i{
  font-style: italic;
}

/* ********* CLEAR FIX HACK ********* */

.cf:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.cf {display: inline-block;}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}				
.cf {display: block;}
/* End hide from IE-mac */

.clear {clear:both}

/* ---------------------------------------------------------------------
            GLOBAL STYLES - STRUCTURAL RULES
------------------------------------------------------------------------ */

/* ////////      HEADER       \\\\\\\\ */

#header {
	width:100%;
	height:96px;
	background:#fff url(../images/header-backgr.png) left bottom repeat-x; 
	text-align:center;
}

#header #header-content {
	position:relative;
	width:978px;
	height:96px;
	margin:0 auto;
	text-align:left;
}

#header-content h1 {
	position:relative;
	float:left;
	width:248px;
	height:36px;
	text-indent:-9999px;
	margin-top:31px;
	margin-left:10px;
	z-index:100; 
}

#header-content h1 a {
	display:block;
	width:248px;
	height:36px;
	text-indent:-9999px;
	background:url(../images/Soak_in_Style_logo.png) left top no-repeat;
}

#header-content a#visit_us {
	float:right;
	display:block;
	width:192px;
	height:86px;
	overflow:hidden;
	background:url(../images/visit-our-showroom.png) left top no-repeat;
	text-indent:-9999px;
}

#header-content h3 strong {
	float:right;
	display:none;	
}

#header-content h3#phone-number {
	float:right;
	width:181px;
	height:20px;
	overflow:hidden;
	background:url(../images/phone-01628783686.gif) left top no-repeat;
	text-indent:-9999px;
	margin-top:30px;
	margin-right:25px;
}

/* ////////      TOPLINKS       \\\\\\\\ */

#header-content ul#toplinks {
	position:absolute;
	right:206px;
	bottom:0;
	display:block;
	height:35px;
	background:url(../images/toplinks-backgr.png) right bottom repeat-y;
}

#toplinks li {
	float:left;
	height:35px;
	padding-right:6px;
	background:url(../images/toplink-right.png) right bottom no-repeat;
	white-space: nowrap;
}

#toplinks li a {
	display:block;
	height:21px;
	padding:12px 9px 2px 9px;
	overflow:hidden;
	color:#78650e;
	font-weight:bold;
	font-size:1.3em;
	text-decoration:none;
	background:url(../images/toplink-middle.png) left bottom repeat-x;
}

#toplinks li a:hover {
	text-decoration:none;
	color:#524317;
}

#toplinks li a.active {
	text-decoration:none;
	color:#9aad65;
}

#toplinks li strong {
	display:block;
	height:35px;
	padding-left:6px;
	background:url(../images/toplink-left.png) left bottom no-repeat;
}

#toplinks li#first_link strong {
	background:none;
	padding-left:0;
}

#toplinks li#first_link strong a {
	padding-left:0;	
}

#toplinks li#last_link {
	background:none;
	padding-right:0;
}


/* ////////      CONTENT_AREA       \\\\\\\\ */

div#content_area {
	width:100%;
	
	background:#000 url(../images/content-area-backgr.jpg) center top repeat-x; 
}

#content_area #light {
	width:100%;
	min-height:534px;
  background:url(../images/light.png) center top no-repeat;
}

#content_area #content {
	width:978px;
	margin:0 auto;
	padding-top:25px;
}


/* ////////      WHITEBOX       \\\\\\\\ */

#content .whitebox {
	width:978px;
	background:url(../images/whitebox_top.png) left top no-repeat;
	padding-top:15px;
}

.whitebox .whitebox_content {
	width:978px;
	background-color:#fff;
	padding-bottom:1px;
}

.whitebox .whitebox_bottom {
	width:978px;
	height:15px;
	background:url(../images/whitebox_bottom.png) left top no-repeat;
}

/* ////////      LISTBOX       \\\\\\\\ */

.listbox {
	min-height:246px;
	margin:0 30px 0 30px;
	padding-top:30px;
	padding-left:259px;
	padding-bottom:0px;
	border-bottom:1px solid #78650e;
	background-position:left 30px;
	background-repeat:no-repeat;
}

.listbox#item_about {
	min-height:193px;
	padding-top:36px;
	background:url(../images/listbox-60years.png) left top no-repeat;
}

.listbox#item_about ul {
  font-size: 1.4em;
  margin-bottom:15px;
  /*margin-left:20px;*/
  list-style-image:url(../images/bullet.gif);
  color:#483939;
}


.listbox#item_about ul li{
 color:#483939;
 margin:15px;
}

/* */

.listbox#item_design {
	background-image:url(../images/listbox-design.jpg);
}

.listbox#item_design ul {
  font-size: 1.4em;
  margin-bottom:15px;
  /*margin-left:20px;*/
  list-style-image:url(../images/bullet.gif);
  color:#483939;
}

.listbox#item_design ul li{
 color:#483939;
 margin:15px;
}

/* */
.listbox#item_installation {
	background-image:url(../images/listbox-installation.jpg);
}


.listbox#item_installation ul {
  font-size: 1.4em;
  margin-bottom:15px;
  /*margin-left:20px;*/
  list-style-image:url(../images/bullet.gif);
  color:#483939;
}

.listbox#item_installation ul li{
 color:#483939;
 margin:15px;
}

/* */
.listbox#item_supply {
	background-image:url(../images/listbox-supply.jpg);
	border:none;
	min-height:235px;
}

.listbox#item_supply ul {
  font-size: 1.4em;
  margin-bottom:15px;
  /*margin-left:20px;*/
  list-style-image:url(../images/bullet.gif);
  color:#483939;
}

.listbox#item_supply ul li{
 color:#483939;
 margin:15px;
}

.listbox h2 {
	color:#9aad65;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:11px;
}

.listbox p {
	margin:0 0 19px 0;
	color:#483939;
	font-size:1.4em;
	line-height:1.1em;
}

/* ////////      FOOTER       \\\\\\\\ */

#footer {
	width:100%;
	background:#000 url(../images/footer-bottom.png) left bottom repeat-x;
}

#footer_content {
	position:relative;
	width:100%;
	height:168px;
	background:url(../images/footer-backgr.jpg) center bottom no-repeat;
	
}

#page-about #footer_content {
	height:189px;
}

#page-home #footer_content {
	height:171px;
	background:url(../images/footer-backgr2.jpg) center bottom no-repeat;
}

#page-flash #footer_content {
	height:174px;
}

#page-testimonials #footer_content, #page-suppliers #footer_content {
	height:177px;
}

#footer-links {
	width:100%;
	position:absolute;
	bottom:24px;
	text-align:center;
	color:#686868;
	font-size:1.2em;
	
}

#footer_content ul {
	list-style-type:none;
	white-space:nowrap;
	padding-bottom:14px;
}

#footer_content ul li {
	display:inline;
	border-right:1px solid #46551e;
}

#footer_content ul li.no-border {
	border:none;	
}

#footer_content ul li a {
	color:#46551e;
	font-size:1em;
	padding:0 8px;
}

#footer-links strong {
	font-weight:normal;
	display:block;
}

a.rawnet {
	display:block;
	width:42px;
	height:12px;
	background:url(../images/rawnet.gif) left top no-repeat;
	text-indent:-9999px;
	margin:9px auto 0 auto;
}

/* ////////      BLACKBOX       \\\\\\\\ */

.blackbox {
	width:978px;
	margin-top:15px;
	background:url(../images/blackbox-middle.png) left top repeat-y;
}

.blackbox .blackbox-content {
	float:left;
	width:978px;
	min-height:494px;
	margin-top:-15px;
	background:url(../images/blackbox-top.png) left top no-repeat;
}

.blackbox-bottom {
	width:978px;
	height:15px;
	background:url(../images/blackbox-bottom.png) left top no-repeat;
}

.blackbox-left {
	float:left;
	width:278px;
	padding:14px 20px 6px 20px;
	color:#cccccc;
}

.blackbox-left h2 {
	font-weight:normal;
	color:#f5f2e1;
	font-size:2.4em;
	line-height:1.3em;
	margin-bottom:13px;
}

.blackbox-left p.address {
	color:#cccccc;
	font-size:1.6em;
	margin-bottom:13px;
	line-height:1.2em;
}

.blackbox-left p {
	color:#cccccc;
	font-size:1.4em;
	margin-bottom:10px;
}

.blackbox-left table {
	width:278px;	
	font-size:1.4em;
	margin-bottom:7px;
}

.blackbox-left table tr {
	height:20px;
}

.blackbox-left table td {
	color:white;	
}

.blackbox-left table strong {
	color:white;	
}



.blackbox-left #map {
	width:275px;
	height:197px;
	margin-top:20px;	
}

.blackbox-content .blackbox-right {
	float:left;
	width:572px;
	padding:35px 44px 0 44px;
	color:#666666;
}

.blackbox-right h2 {
	font-weight:bold;
	color:#9aad65;
	font-size:1.6em;
	margin-bottom:10px;
}

.blackbox-right p {
	color:#666666;
	font-size:1.4em;
	line-height:1.2em;
	margin-bottom:10px;
}


/* ////////      CONTACT FORM       \\\\\\\\ */

#contact_form {
	display:block;
	margin-top:35px;	
}

#contact_form label {
	float:left;
	clear:left;
	width:100px;
	margin-left:58px;
	margin-right:14px;
	text-align:right;
	font-weight:bold;
	color:#9aad65;
	font-size:1.4em;
	padding-bottom:2px;
	
}

#contact_form input {
	float:left;
	font-size:1.4em;
	width:194px;
	border:1px solid #999999;
	padding:1px 5px;
	vertical-align:top;
	margin-top:-3px;
	margin-bottom:17px;
	font-family:Arial, Helvetica, sans-serif;
}

#contact_form select {
	float:left;
	width:206px;
	padding:1px 0px;
	font-size:1.2em;
	color:#666666;
	vertical-align:top;
	margin-top:-3px;
	margin-bottom:14px;
	border:1px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
}

#contact_form textarea {
	float:left;
	font-size:14px;
	width:308px;
	height:146px;
	border:1px solid #999999;
	padding:2px 5px;
	margin-top:0px;
	margin-bottom:40px;
	font-family:Arial, Helvetica, sans-serif;
}

#contact_form #contact-clear {
	float:left;
	width:69px;
	height:33px;
	background:url(../images/button-clear.png) left bottom no-repeat;
	margin-left:76px;
	border:none;
	padding:0;
	text-indent:-9999px;
	cursor:pointer;
}

#contact_form #contact-clear:hover {
	background-position:left top;	
}

#contact_form #contact-submit {
	float:right;
	width:69px;
	height:33px;
	background:url(../images/button-send.png) left bottom no-repeat;
	margin-right:74px;
	border:none;
	padding:0;
	text-indent:-9999px;
	cursor:pointer;
}

#contact_form #contact-submit:hover {
	background-position:left top;	
}


/*#contact_form .form_error {
  color:#c50000;
  font-weight:bold;
}*/




.form-item .field_with_errors {
  display:inline;
}

.form-item .field_with_errors input,
.form-item .field_with_errors input.active,
.form-item .field_with_errors textarea,
.form-item .field_with_errors textarea.active,
.form-item .field_with_errors table.mceEditor {
	border-color:#b10000 !important;
	border-width:1px !important;
}

.form-item .formError {
  margin:0 0 0 200px;
  padding:5px 0 0 0;
  font-weight:bold;
  font-size:30%;
  color:#b10000;
  clear:both;
}

.form-item p {
  font-weight:bold;
  font-size:30%;
  color:#b10000;
}



/* ////////      IMAGEBOX       \\\\\\\\ */

.imagebox {
	position:relative;
	width:976px;
	height:400px;
	padding-top:15px;
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-bottom:24px;
	margin-left:1px;
}

.imagebox .imagebox-content {
	position:absolute;
	left:0;
	bottom:15px;
	width:583px;
	height:165px;
	padding-left:30px;
	padding-right:15px;
	background:url(../images/imagebox-content-backgr.png) left top repeat-x;
	z-index:10;
}

.imagebox-content h1 {
	font-size:3.4em;
	font-weight:bold;
	color:#081f26;
	margin-top:19px;
	margin-bottom:10px;
	line-height:1em;
	letter-spacing:-1px;
}

.imagebox-content p {
	color:#4c3f04;
	font-size:1.6em;
	line-height:1.2em;
}


/* ////////      SHOWBOX       \\\\\\\\ */

.showbox {
	width:978px;
	height:510px;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
}

.showbox .blackbox-left {
	height:490px;
	background:url(../images/blackbox-backgr.png) left top no-repeat;
}


/* ////////      DUO-BOX       \\\\\\\\ */

.duo-box {
	width:978px;
}

.duo-box .duo-box-top {
	width:978px;
	height:15px;
	background:url(../images/duo-box-top.png) left top no-repeat;
}

.duo-box .duo-box-middle {
	width:978px;
	background:url(../images/duo-box-middle.png) right top repeat-y;
}

.duo-box .leftcol {
	float:left;
	width:268px;
	background:url(../images/duo-box-leftcol.png) left top repeat-y;
}

.duo-box .leftcol .leftcol-content {
	min-height:533px;
	padding:0 22px;
	background:url(../images/duo-box-leftcol-top.png) left top no-repeat;
}

.duo-box .rightcol {
	float:left;
	width:648px;
	padding:16px 31px 15px 31px;
}

#page-testimonials .duo-box .rightcol {
	padding-top:18px;	
}

.duo-box .duo-box-bottom {
	width:978px;
	height:15px;
	background:url(../images/duo-box-bottom.png) left top no-repeat;
}

.duo-box .leftcol-content h2 {
	font-weight:normal;
	color:#f5f2e1;
	font-size:2.4em;
	line-height:1.3em;
	margin-bottom:15px;
	padding-top:6px;
	letter-spacing:-1px;
}

.duo-box .leftcol-content p {
	margin:0 0 19px 0;
	font-size:1.6em;
	color:#ccc;
	line-height:1.1em;
}

#page-testimonials .duo-box .leftcol-content p {
	font-size:1.4em;
}

.duo-box .leftcol-content p.subtitle {
	color:white;	
}

.duo-box .sidelinks {
	padding-top:7px;
}

.sidelinks li {
	display:block;
	padding-bottom:8px;
}

.sidelinks li a {
	color:#9aad65;
	text-decoration:none;
	font-weight:bold;
	font-size:1.6em;
}

.sidelinks li a:hover {
	text-decoration:underline;	
}


/* ---------------------------------------------------------------------
           					 HOMEPAGE
------------------------------------------------------------------------ */

#square-showroom {
	position:relative;
	float:left;
	width:207px;
	height:103px;
	padding:91px 15px 0 15px;
	background:url(../images/square-showroom.jpg) left top no-repeat;
}

#square-products {
	position:relative;
	float:left;
	width:207px;
	height:103px;
	padding:91px 15px 0 15px;
	margin-left:10px;
	background:url(../images/square-products.jpg) left top no-repeat;
}

#square-us {
	position:relative;
	float:left;
	width:203px;
	height:176px;
	padding:18px 17px 0 17px;
	margin-left:10px;
	background:url(../images/square-us.jpg) left top no-repeat;
}

/*#square-suppliers {
	float:left;
	width:203px;
	height:180px;
	padding:14px 17px 0 17px;
	margin-left:10px;
	background:url(../images/square-suppliers.jpg) left top no-repeat;
}*/

#square-suppliers {
  background:transparent url(../images/square-suppliers.jpg) no-repeat scroll left top;
  float:left;
  height:200px;
  margin-left:10px;
  padding:0;
  width:237px;
}

#square-showroom h3, #square-products h3 {
	color:#081f26;
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
}

#square-showroom p {
	color:#f0e8d0;
	font-size:1.4em;
	line-height:1.2em;
}

#square-products p {
	color:#413601;
	font-size:1.4em;
	line-height:1.2em;
	letter-spacing:-1px;
}

#square-us h3 {
	display:none;	
}

#square-us h4 {
	font-size:1.3em;
	color:#d2c49c;
	line-height:1.2em;
	height:120px;
	overflow:hidden;
}

#square-suppliers h3 {
	font-size:1.6em;
	font-weight:bold;
	color:#9aad65;
	margin-bottom:10px;
	padding:14px 17px 0 17px;
}

#square-suppliers p {
	color:#cccccc;
	font-size:1.4em;
	line-height:1.2em;
	padding:5px 17px 0 17px;
}

#square-suppliers ul {
	display:none;	
}

#square-links a {
	position:absolute;
	bottom:0;
	display:block;
	width:187px;
	height:44px;
	text-indent:-9999px;
	margin-left:10px;
	background-position:left top;
	background-repeat:no-repeat;
}

#square-links a:hover {
	background-position:left bottom;	
}

#square-showroom a {
	background-image:url(../images/link-showroom.png);	
}

#square-products a {
	background-image:url(../images/link-products.png);	
}

#square-us a {
	margin-left:8px;
	background-image:url(../images/link-aboutus.png);	
}


/* ---------------------------------------------------------------------
           					 FLASH PAGES
------------------------------------------------------------------------ */

.flash-box {
	width:978px;
	height:510px;
}

/* ---------------------------------------------------------------------
           					  SUPPLIERS
------------------------------------------------------------------------ */

.logo {
	float:left;
	width:154px;
	margin-right:8px;
	margin-bottom:13px;
	text-align:center;
}

.logo img {
	display:block;
	width:152px;
	height:106px;
	border:1px solid #78650e;
	margin-bottom:10px;
}

.logo h4 a {
	font-size:1.6em;
	color:#78650e;
}

.logo a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#9aad65;
}

/* ---------------------------------------------------------------------
           					  TESTIMONIALS
------------------------------------------------------------------------ */

.textbox {
	width:648px;
	background:url(../images/textbox-middle.png) left top repeat-y;
	margin-bottom:10px;
}

.textbox-content {
	min-height:44px;
	padding:19px 30px 0px 39px;
	background:url(../images/textbox-top.png) left top no-repeat;	
}

.textbox-bottom {
	width:648px;
	height:27px;
	background:url(../images/textbox-bottom.png) left top no-repeat;
}

.textbox-content p {
	color:#757575;
	font-size:1.4em;
	line-height:1.2em;
	margin:0 0 12px 0;
}

.textbox-content p.author {
	margin:21px 0 0 0;
	color:#999999;
	font-size:1.3em;
}

.textbox-content p.author strong {
	padding:0;
	margin:0;
	color:#847222;
	font-weight:normal;
}

.textbox-content strong.quote {
	display:none;	
}

#slideshow {
    position:relative;
    overflow:hidden;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    display:none;
    
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
    display:block;
    
}

#slideshow img.last-active {
    z-index:9;
}

#rounded_corners{
  position:absolute;
  z-index:100;
  width:976px;
  height:400px;
  background:url(../images/rounded-corners.png);
  bottom:15px;
}

.supplier_logo {
	float:left;	
	min-height:193px;
	padding-top:36px;
	width:160px;
}

.supplier_box {
	background-position:left 30px;
	background-repeat:no-repeat;
	min-height:246px;
	margin:0 30px 0 30px;
	padding-top:30px;
	padding-bottom:0px;
	width:750px;
}
.supplier_box h1, .supplier_box h2 {
	color:#9aad65;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:11px;
}

.supplier_box h1 {
	font-size:2.2em;
}