/*
Recent Winners Styles for Style My House
Date: August 5, 2009
Last Modified: August 5, 2009
*/


/* ------- General Styles ------ */

html, body {height: 100%;}

body {
	background: #ffffff;
	color: #666666;
}

#container {
min-height: 100%;
margin-bottom: -85px;
position: relative;
}

* html #container {height: 100%;}

#hd .in,
#bd .in,
#ft .in {
	margin: auto; text-align: left;
	width: 61.5384615em; /* !IE */
	*width: 60.0553846em; /* IE */
	min-width: 800px;
}

em {color: #cc0000; font-size: 1.2em;}
strong {font-weight: bold;}
.clearboth {clear: both;}

.clearfooter {clear: both;height: 85px;}

.noborder {
	border: 0 !important;
}


/* ------- Header Styles ------ */

#hd {
	background: url(../../images/rc_bg_hd.jpg) repeat-x top left;
	display: block;
	height: 85px;
}
	
	#hd #logo {
		background: url(../../images/logo_smh_red.jpg) no-repeat top left;
		display: block;
		height: 75px;
		width: 305px;
		text-indent: -10000px;
	}
	#hd #logo img {display: none;}


/* ------- Body Styles ------ */

#bd {
	background: transparent url(../../images/rc_bg_bd.jpg) repeat-x top left;
	display: block;
}

#bd .in {
	background: url(../../images/rc_bp_red.jpg) no-repeat top right;
	position: relative;
    }

	
	#bd #banner {
		color: #fff;
		font-family: Helvetica Neue, Arial, san-serif;
		display: block;
		height: 169px;
		margin-bottom: 35px;
		overflow: hidden;
	}
	
	#banner #hd_recent {
		background: url(../../images/rc_hd_rw.png) no-repeat top left;
		display: block;
		height: 30px;
		margin: 26px 0 10px 16px;
		width: 330px;
		text-indent: -10000px;
	}
	
	#banner p {
		font-size: 136%;
		margin: 0 0 10px 16px;
		width: 430px;
	}
	
	#banner a {color: #fff;}
	#banner a:hover {text-decoration: none;}
	
	.winner {margin: 0 15px;}
	.winner .pic {
		display: block; 
		float: left; 
		width: 33%;
      	/* min-height hack for ie6 */
      	min-height: 150px;
      	height: auto !important;
   	  	height: 150px;
   	 	}
	.winner .last {float: right; text-align: right;}
	.winner .pic img {border: 1px solid #e5e5e5; padding: 4px;}
	.winner .projectlist {background: url(../../images/rc_bg_paper.jpg) no-repeat top center; }
	.winner .projectlist p {font-family: "Comic Sans MS"; font-size: 136%; line-height: 1.4em; padding: 20px 20px;}

	
	.quotebox {clear: both; margin-bottom: 10px;}
	.quotebox {margin-top: -30px;}
	.quotebox .quote{background: url(../../images/rc_bg_quote_tp.gif) no-repeat top left; display: block; margin: 0 auto; width: 770px;}
	.quote h3 {
		color: #cc3333;
		font-family: "Helvetica Neue", Arial, sans-serif;
		font-size: 182%;
		font-weight: bold;
		padding: 18px 10px;
	}
	
	.quote p {
		font-size: 107%;
		line-height: 1.8em;
		padding: 0 20px 10px 10px;
	}
	
	.quotebox .person {
		background: url(../../images/rc_bg_quote_btm.gif) no-repeat top left; 
		display: block; margin: 0 auto; width: 770px;
	}
	
	.person p {float: right; padding: 30px 10px 10px 0; width: 180px; text-align: left;}
	.person p .name{color: #e1b573; display: block; font-weight: bold; font-size: 136%;}
	.person p .place{font-weight: bold;}

	
/* ------- Footer Styles ------ */

#ft {
	background: url(../../images/rc_bg_ft_red.gif) repeat-x top left;
	height: 85px;
	position: relative;
	width: 100% !important;
	
}

#ft .in {
	text-align: center;
	padding: 23px 0 0 0;
}

#ft .nav {
	text-align: center;
	padding: 0 0 0 0;
	width: 700px;
	margin: 0 auto;
}

#ft .nav li {
	display: block;
	float: left;
	padding: 23px 5px 0 0;
}

#ft .nav li a {
	border-right: 1px solid #666;
	display: block;
	padding-right: 5px;
}

#ft a {color: #666666;}
#ft a:hover {text-decoration: none;}

#ft #copyright {
	clear: both;
	color: #666666;
	font-size: 85%;
	text-align: center;
	}
#ft .copyright em {color: #666666; display: block;padding: 0 0 10px 0; width: 100%;}