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

body {
	font: 78%/1em arial, helvetica, serif;
	background-color: #5c311c;
	background-image:url(background_gradient.jpg);
	background-repeat:no-repeat;
	background-position:top; 
	text-align: center;
}

body img {
	border:none;
}

#container {
	width: 48.25em;
	background: #F4ECD9;
	text-align: left;
	border: 2px solid #eda;
	margin:.25em auto;
	padding:0;
	background: url(background.jpg);
	background-repeat:repeat;
	background-position:top;	
}

#logo {
	float:left;
	display:inline;
	background: url(background.jpg);
	margin: 1em 0 0 2em;
}
.title { 
	clear:both;
	font-family:Trebuchet MS; 
	font-size:2em; 
	text-align:center; 
	padding:1em; 
	color:#7C6240;
}
#smurf {
	background: transparent;
	text-align: left;
	color: #7C6240;
	padding-right:.75em;
}

#smurf strong {
	font-size: 1.5em;
	color: black;
}
#smurf a, #smurf a:hover, #smurf a:link {
	border-color:#361408;
	display:block;
}
#nav, #nav ul {
	float: left;
	width: 100%;
	w\idth:48.25em;
	list-style: none;
	line-height: 1.2em;
	background: white;
	font-weight: bold;
	padding:0;
	border: solid #eda;
	border-width: 0.1em 0;
	margin:1em 0 2em 0em;
	z-index:1;
}
#nav a {
	display: block;
	width: 100%;
	color: #7C6240;
	padding:0.2em 0 .2em 0;
	text-decoration: none;
	text-align:center;
	margin:0.25em 0;
}
#nav li {
	float: left;
	width: 20%;
	display:inline;
	padding:0em 0;	
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 9.45em;
	font-weight: normal;
	border-width: 0.1em;
	margin:0;
}
#nav li li {
	width: 9.45em;
	text-align:left;
}
#nav li ul a {
	width: 9.45em;
	padding:0.15em 0;
}
#nav li ul ul {
	margin: -1.75em 0 0 0em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	background: #eda;
}

p {
	clear: left;
	line-height:1.3em;
	margin-left:1em;
	margin-top:0;
	font:115% Arial, Helvetica, sans-serif;
}

#content {
	clear:both;
	float: left;
	width:21em;
	overflow:visible;
	margin: 0 0 0 2.8em;
	padding:.80em 0 1.5em 0;
	background-color:white;
}


#content a {
	color: #7C6240;
}

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

#season{
	float:left;
	width:22em;
	padding-bottom: 1.5em;
}
.swatch_button {
	text-align:center;
	margin-top:1.25em;
}

.swatch_button a{
	border:none;
	text-decoration:none;
}

#scaffolding {
	clear:both;
	height: 60px;
	background: white url(franklloydwright2.jpg) no-repeat center;
	border: solid #eda;
	border-width: 1px 0 1px 0;
	margin: 0 0 1em 0;
}
#scaffolding a {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	height: 60px;
}
#scaffolding a:hover {
	background-position: 181px -60px;
	text-decoration:none;
}
#footer a {
   	text-decoration:none;
	line-height:20px;
	color:#f4ecd9;
}
#footer { 
	color:#f4ecd9;
}
div.rounded-box {
    position:relative;
    width:550px;
    background-color: white;
    margin: 1px;
	font-size:.9em;
	padding:0;	
}

/*********************
GLOBAL ATTRIBUTES
*********************/
div.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner
{position:absolute; width:20px; height:20px; background-color:#f4ecd9; overflow:hidden;}

div.top-left-inside, div.bottom-left-inside, div.top-right-inside, div.bottom-right-inside {position:relative; font-size:150px; font-family:arial; color:white; line-height: 40px;}

/*********************
SPECIFIC ATTRIBUTES
*********************/
div.top-left-corner { top:0px; left:0px; }
div.bottom-left-corner {bottom:0px; left:0px;}
div.top-right-corner {top:0px; right:0px;}
div.bottom-right-corner {bottom: 0px; right:0px;}
div.top-left-inside {left:-8px;}
div.bottom-left-inside {left:-8px; top:-17px;}
div.top-right-inside {left:-25px;}
div.bottom-right-inside {left:-25px; top:-17px;}

div.box-contents {
	position: relative; padding: 8px; color:#7c6240;text-align:center;font:93% Arial, Helvetica, sans-serif;line-height:1.5em;
}

div.rounded-box1 {
    position:relative;
    width:530px;
    background-color: white;
    margin: 1px;
	font-size:1.2em;
	padding:0 10px 10px 10px;
}
div.box-contents1 {
	position: relative; padding: 8px; color:#7c6240;text-align:left;font:93% Arial, Helvetica, sans-serif;line-height:1.5em;
}