/*************************************************************************/
/************************** global styles ********************************/

html, body{
	margin:0;
	padding:0;
	height:100%;
	background:#1E1E1E url(../images/body-bgRepeat.gif) repeat;
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#3F3F3F;
}
#container{
	width:815px;
	min-height:100%;
	margin:0 auto;
}
*html #container{ /* IE6 */
	height:100%;
}
a.logo{
	width:220px;
	height:45px;
	margin-top:60px;
	display:block;
	float:left;
	background:transparent url(../images/logo-castellano.gif) no-repeat;
}

/*************************************************************************/
/******************************** nav ************************************/

#nav{
	width:815px;
	height:105px;
	float:left;
	padding-bottom:10px;
	font-size:11px;
	color:#EEEEE2;
}
#nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#nav .main{
	font-size:12px;
	font-weight:bold;
}
#nav #difference, #nav #differenceOn{ /* hide subnav */
	width:114px;
	margin:90px 0 0 52px;
	float:left;
}
#nav #differenceOn{ /* show subnav */
	margin:26px 0 0 52px;
}
#nav #standard, #nav #standardOn{ /* hide subnav */
	width:111px;
	margin:90px 0 0 0;
	float:left;
}
#nav #standardOn{ /* show subnav */
	margin:57px 0 0 0;
}
#nav #custom, #nav #customOn{ /* hide subnav */
	width:129px;
	margin:90px 0 0 0;
	float:left;
}
#nav #customOn{ /* show subnav */
	margin:58px 0 0 0;
}
#nav #refurbishing{
	width:100px;
	margin:90px 0 0 0;
	float:left;
}
#nav #trade{
	width:86px;
	margin:90px 0 0 0;
	float:left;
}

/*************************************************************************/
/***************************** home page *********************************/

#hero{
	height:301px;
	padding:7px;
	clear:both;
	background:transparent url(../images/home-heroBg.gif) no-repeat;
}
#buckets{
	height:217px;
	padding:0 0 25px 23px;
	background:transparent url(../images/home-bucketsBg.png) no-repeat;
	/* add IE6 PNG support */
	_background:none;
	_height:192px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home-bucketsBg.png', sizingMethod='scale')
}
#bucket1, #bucket2, #bucket3{
	width:240px;
	padding-top:20px;
	float:left;
}
#bucket2{
	width:235px;
	margin:0 0 0 26px;
}
#bucket3{
	margin:0 0 0 35px;
}
#bucket3 strong{
	font-size:12px;
}
#buckets h1{
	margin:0;
	padding:0;
	color:#B83E1B;
	font-size:17px;
	font-weight:normal;
}

/*************************************************************************/
/*************************** content pages *******************************/

#leftColumn{
	width:238px;
	float:left;
}
#leftColumn img{ /* removed vertical space between imgs in IE6-7 */ 
	float:left;
}
#rightColumn{
	width:520px;
	min-height:308px;
	margin:0 0 0 7px;
	padding:0 25px 10px 25px;
	background:#EFEEE5;
	float:right;
}
#top{
	width:570px;
	height:17px;
	margin:0 0 0 7px;
	float:right;	
	background:transparent url(../images/right-top.gif) no-repeat;
}
#btm{
	width:570px;
	height:17px;
	margin:0 0 0 245px;
	padding-bottom:60px;
	clear:right;
	background:transparent url(../images/right-btm.gif) no-repeat;
}
#story{
	height:120px;
	margin-top:-5px;
	padding-top:15px; /* push text down */
	font-size:11px;
	line-height:14px;
	background:transparent url(../images/custom-bgRepeat.gif) repeat-x;
}
#story img{
	margin-top:-15px; /* bring photo back to top */
	float:left;
}
#story h3{
	font-size:12px;
	font-weight:bold;
	color:#3F3F3F;
}

/*************************************************************************/
/********************** standard furniture gallery ***********************/

#item{
	width:172px;
	float:left;
	margin:0 0 10px 0;
}



/*************************************************************************/
/*************************** trade area ******************************/

#column{
	width:80px;
	margin:0;
	padding:0 0 0 20px;
	float:left;
	list-style:none;
}


/*************************************************************************/
/***************************** type styles *******************************/

h1, h2, h3{
	margin:0;
	padding:5px 0 5px 0;
	font-size:18px;
	font-weight:normal;
	color:#B83E1B;
}
h2{
	font-size:14px;
	font-weight:bold;
	color:#3F3F3F;
	margin-bottom:12px;
	padding-bottom:0;
	clear:both;
	border-bottom:1px solid #CECECE;
}
p{
	margin:0;
	padding:7px 0 7px 0;
}
.floatLeft{
	float:left;
	margin:10px 15px 5px 0;
}
.floatRight{
	float:right;
	margin:10px 0 5px 15px;
}

/*************************************************************************/
/****************************** footer ***********************************/

#footer{ 
	width:100%;
	height:30px;
	margin-top:-30px; /* affix footer to bottom of page, minus height of footer */
	position:absolute;
	background:#1E1E1E url(../images/footer-tag.gif) no-repeat top center;
}
*html #footer{
	margin-top:-30px;
}

/*************************************************************************/
/****************************** linkage **********************************/

/** default **/
a:link, a:visited, a:active{color:#B83E1B; text-decoration:underline;}
a:hover{color:#EA7655; text-decoration:underline;}

/** nav **/
#nav a:link, #nav a:visited, #nav a:active{color:#F0F0E2; text-decoration:none;}
#nav a:hover, #nav a.selected{color:#EA7655; text-decoration:none;}

/** trade **/
#column a:link, #column a:visited, #column a:active{color:#B83E1B; text-decoration:none;}
#column a:hover{color:#EA7655; text-decoration:none;}

/** custom stories **/
#story a:link, #story a:visited, #story a:active{color:#B83E1B; font-weight:bold; text-decoration:none;}
#story a:hover{color:#EA7655; font-weight:bold; text-decoration:none;}