html,body {
background-color:#993333;
 margin: 0; padding: 0;
 }

img {
border:none;
}

#menu {
width:100%;
display:block;
height:36px;
font-family:georgia, sans-serif;
background-image:url(../SpryAssets/menu_bg_summer.jpg);
}

#head {
width:100%;
background-color:#FFF;
height:100px;
padding-top:20px;
}

#shadow {
background:url(shadow_summer.jpg);
background-repeat:repeat-x;
height:10px;
width:100%;
padding:0;
}

#wrapper {
width:100%;
background-color:#FFF;
float:left;
background:url(bg_pattern_summer.jpg);
//margin-top: -12px;
}

#w_content {
width:920px;
margin:0 auto;
}

#w_content_sub {
width:900px;
position:relative;
margin:0 auto;
padding:5px;
}


#box_wrapper_sub {
width:200px;
float:left;
display:block;
}

.nav_title {
font: 0.8em/2em arial,sans-serif;

font-family:georgia, sans-serif;
color:#633;
padding:10px;
font-weight: bold;

}

#box_wrapper a,#box_wrapper a:visited,#box_wrapper a:active,#box_wrapper_sub a,#box_wrapper_sub a:visited,#box_wrapper_sub a:active {
color:#333;
font: 0.8em/1.5em arial,sans-serif;
//font: 0.7em/1.2em arial,sans-serif;
display:block;
text-align:left;
text-decoration:none;
text-indent:20px;
padding: 3px 0px;
}

#box_wrapper a:hover,#box_wrapper_sub a:hover {
color:#333;
text-align:left;
text-decoration:none;
background: #FFFBDE;
padding: 3px 0px;
}

#box_flash {
float:left;
display:block;
margin: 0px;
padding:0px;
clear:both;
}

#box_wrapper {
width:285px;
float:left;
display:block;
padding:10px;
}


#box_links_patio, #box_links_wicker, #box_links_fire {
background-color:#becd9a;
width: 285px;

}



#box_links_sub {
background-color:#fff;
}

#subnav {
width:200px;
float:left;
position:relative;
margin-bottom: 10px;
}

#sub_content {
position:relative;
background-color:#FFF;
float:right;
width:690px;
margin-bottom: 10px;
}

#bottom_space_item {
float:right;
width:100%;
clear:both;
height: 20px;
}

#foot {
position:relative;
width:100%;
display:block;
height:16px;
background:url(../SpryAssets/menu_bg_summer.jpg) bottom;
background-repeat:repeat-x;
float:left;
}

#foot_text {
font-family:georgia, sans-serif;
font-size:80%;
line-height:150%;
color:#ffffff;
text-decoration:none;
}

#foot_text a,#foot_text a:active,#foot_text a:visited {
color:#ffffff;
text-decoration:none;
}

#foot_text a:hover {
text-decoration:underline;
}

.line {
color:#b37450;
font-size:85%;
line-height:150%;
padding:0 10px;
}

#sub_content_pad, #sub_content_showroom {
width:650px;

padding:5px 20px;
font-size: 100%;
//font-size: 85%;
line-height: 140%;
color: #555555;
float:left;
position:relative;}

#sub_content_pad  a , #sub_content_pad  a:active, #sub_content_pad  a:visited  {
font-size: 100%;
line-height: 140%;
color: #333333;
text-decoration: none;
text-align: left;
}

#sub_content_pad  a:hover {
font-size: 100%;
line-height: 140%;
color: #666666;
text-decoration: underline;
text-align: left;
}



#sub_content_showroom  a , #sub_content_showroom  a:active, #sub_content_showroom  a:visited  {
font-size: 90%;
line-height: 140%;
color: #333333;
text-decoration: none;
text-align: center;
}

#sub_content_showroom  a:hover {
font-size: 90%;
line-height: 140%;
color: #993333;
text-decoration: none;
text-align: center;
}


#sub_content h1 {
color:#633;
font-size:20px;
font-weight:100;
border-bottom:#ddd solid;
border-bottom-width:1px;
}

#bottom {
float:left;
padding-bottom: 10px;
//padding-bottom: 0px;
text-align: center;
}

#right {
float: right;
padding: 0px 0px 10px 10px;
text-align: center;
}
#pad_box
{
padding: 2px;
float:left;}
#clear
{
clear:both;
}



.listing:link,.listing:visited,.listing:active {
display:block;
float:left;
width: 190px;
padding: 10px;
background-color: #FFFBDE;
}

.listing:hover {
display:block;
float:left;
width: 190px;
padding: 10px;
background-color:  #FFCA8F;
}



#clear a, #clear a:visited, #clear a:active {
font-family:georgia, sans-serif;
font-size: 15px;
text-align: center;
text-decoration: none;
color: #000000;
}

#clear a:hover {
font-family:georgia, sans-serif;
font-size: 15px;
text-align: center;
color: #000000;
}


#sub_content .title {
font-size:20px;
color:#ffffff;
font-weight: bold;
text-decoration: none;
}





#news{
width: 900px;
display:block;
height: 60px;
font-family:georgia, sans-serif;
font-size: 15px;
float:left;
clear:both;
padding: 0px 10px;
}


.clearfix{background-color: #FFFFFF;
}




 
 /* *** Float containers fix:
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.form {
font-size:16px;
border-color:#999999;
border-style:solid;
border-width:1px;
padding:3px;
background-color: #ffffff;
}

#sidenav_text
{
padding: 5px 15px 15px 15px;
color:#555555;
font: 0.8em/1.5em georgia, sans-serif;
}
.error
{
color: #990000;
font: .9em arial,sans-serif;
}

p {
padding: 0px;
margin: 10px 0;
//margin: 0 0 10px 0;
}


#showcase
{
width: 645px;
padding-top: 20px;
}

.bt
{
background-color: #dddddd;
border: #999999 solid;
border-width: 1px;
color: #111111;
font: .7em arial,sans-serif;
padding: 2px;
}
.bt:hover
{
background-color: #333333;
border: #111111 solid;
border-width: 1px;
color: #ffffff;
font: .7em arial,sans-serif;
padding: 2px;
}