/**
 * Homepage.css
 * Homepage Specific Element Stylesheet
 *
 * @author       Lewis Howles
 * @date         2009-11-13
 * @lastmodified 2010-05-24
 * @site         http://www.reedsrains.co.uk
 */

/**
 * Boxes
 */

.banner
{
	/*border: 3px solid #e9e7d8;*/
	margin-top: 5px;
}


#boxes
{
	width: 655px;
	float: left;
}

#boxes .box
{
	width: 211px;
	height: 177px;
	float: left;
	display:inline; /* IE6 */
}

#boxes .box h2
{
	background:url(../images/box-top.png) repeat-x;
	height: 179px;
	line-height: 51px;
	font-weight: normal;
	font-size: 23pt;
}

#boxes .box h2 a
{
	height: 179px;
	display: block;
	color: #fff;
	padding-left: 12px;
}

#rentals #boxes .box h2 {
	background:url(../images/box-top-red.png) repeat-x;
}

#boxes .box h2 a:hover
{
	color: #6382a2;
}

#rentals #boxes .box h2 a:hover {
	color: #f28d9f;
}

#boxes .for-sale
{
	background: url(../images/box-for-sale.jpg) no-repeat;
	margin:0 0 8px;
}

#boxes .to-let
{
	background: url(../images/box-to-let.jpg) no-repeat;
	margin:0 8px 8px;
}

#boxes .city-living {
	background: url(../images/box-city-living.jpg) no-repeat;
	margin:0 0 8px;
}

#boxes .new-homes
{
	background: url(../images/box-new-homes.jpg) no-repeat;
}

#boxes .cream {
	background: url(../images/box-cream.jpg) no-repeat;
	margin:0 8px;
}

#boxes .chain-free
{
	background: url(../images/box-chain-free.jpg) no-repeat;
}

/* City Living */
#boxes .box h2 span {
	color:#fff;
	cursor:pointer;
	display:block;
	height:179px;
	padding-left:12px;
}

#boxes .box h2 span:hover {
	color: #6382a2;
}

#overlay {
	background:url(../images/black30.png);
	display:none;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:2;
}

#overlay-city {
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:3;
}

#overlay-inner {
	margin:0 auto;
	position:relative;
	width:980px;
}

#city-living-options {
	background:url(../images/bg-city-living-popup.png) no-repeat;
	display:none;
	height:179px;
	left:20px;
	overflow:hidden;
	padding:59px 0 0 21px;
	position:absolute;
	top:295px;
	width:637px;
	z-index:10;
}

#city-living-options .close {
	background:url(../images/overlay-close.jpg) no-repeat;
	cursor:pointer;
	display:block;
	height:9px;
	right:9px;
	outline:none;
	position:absolute;
	text-indent:-9999px;
	top:50px;
	width:10px;
}

#city-living-options li {
	float:left;
	margin-right:10px;
}

#city-living-options li a {
	color:#fff;
	display:block;
	height:52px;
	padding-top:95px;
	text-align:center;
	width:147px;
}

#city-living-options li a span {
	background:url(../images/black30.png);
	display:block;
	font-size:15pt;
	height:27px;
	line-height:27px;
}

#city-living-options li a:hover span {
	background:#000;
}

#city-living-options .manchester {
	background:url(../images/city-living-1.jpg) no-repeat;
}

#city-living-options .salford-quays {
	background:url(../images/city-living-2.jpg) no-repeat;
}

#city-living-options .leeds {
	background:url(../images/city-living-3.jpg) no-repeat;
}

#city-living-options .sheffield {
	background:url(../images/city-living-4.jpg) no-repeat;
}

/**
 * Videos
 */

h2.vidTitle {
	display: block;
	background:#003367;
	line-height: 30px;
	font-weight: normal;
	font-size:12pt;
	width:270px;
	font-style:italic;
	color:#fff;
	text-align:center;
}

#videos {
	/*background:#e9e8d8;*/
	float:right;
	width: 270px;
	float: right;
	position: relative;
}

/*******************************************************************
 *#vidTitle h2 {
	margin-top:8px;
	background:url(../images/box-top.png) repeat-x;
	line-height: 51px;
	font-weight: normal;
	font-size:12pt;
	font-style:italic;
	width:211px;
	display:inline;
	float:left;
}

#vidTitle h2.title1, #vidTitle h2.title2 {
	margin-right:8px;
}

#vidTitle h2 a {
	display: block;
	color: #6382a2;
	padding-left:17px;
}

#vidTitle h2 a:hover {
	color: #003367;
}
******************************************************************/

#youtube1, #youtube2, #youtube3 {
	width: 270px;
	height:176px;
}

/**
 * MD's Blog
 */

#blog {
    width:260px;
    background:#e9e8d8;
    height:513px;
    float:right;
}

#blog-con {
    width:246px;
    height:451px;
    padding-right:7px;
    margin:7px 0 7px 7px;
    overflow-y:scroll;
}

#blog-con div {
    margin-top:10px !important;
    text-align:justify !important;
    width:229px !important;
}

#blog h2 {
    background:url("../images/bg-title.jpg") repeat-x;
    color:#FFFFFF;
    font-size:30px;
    font-weight:normal;
    line-height:49px;
    margin:0;
    padding-left:12px;
    display:block;
    padding-left:10px;
}

#blog-con .headline {
    color:#023272;
    font-weight:normal;
    margin:0;
    font-size:18px;
    text-align:left !important;
}

#blog-con .date {
    font-size:12px;
    font-style:italic;
}

#blog-con .summary {
    font-size:12px;
}

/**
 * Map
 */

#map
{
	height: 362px;
	width: 270px;
	background: url(../images/map.jpg) 0 100% no-repeat;
	float: right;
	position: relative;
	z-index: 0;
}

#map h2
{
	height: 360px;
}

#map h2 a
{
	font-size:23pt;
	height: 360px;
	display: block;
	color: #fff;
}

#map span
{
	position: absolute;
	bottom: 5px;
	right: 5px;
}

#map span a
{
	color: #052349;
}

/**
 * Location Search
 */

#location-search
{
	height: 82px;
	background: #003367 url(../images/bg-title.jpg) 0 100% repeat-x;
	margin:8px 0;
	padding-top: 10px;
}

#rentals #location-search
{
	background: #df0034 url(../images/bg-title-red.jpg) 0 100% repeat-x;
}

#location-search h2
{
	width: 330px;
	font-size: 20pt;
	color: #fff;
	font-weight: normal;
	padding: 40px 0 0 12px;
	border-right: 1px solid #fff;
	float: left;
	margin-right: 40px;
}

#location-search li.radio
{
	font-size: 17pt;
	color: #6382a2;
	margin-bottom: 5px;
}

#rentals #location-search li.radio
{
	color: #f28d9f;
}

#location-search li.radio label
{
	width: 110px;
	display: block;
	cursor: pointer;
}

#location-search li.radio input
{
	margin: 8px 10px 0 0;
}

* html #location-search li.radio input
{
	margin: 3px 10px 0 0;
}

#location-search li input, #location-search label
{
	float: left;
}

#location-search li.radio label.checked
{
	color: #fff;
}

#location-search input#location_sale, input#location_rent
{
	display: block;
	font-size: 16.5pt;
	margin-right: 10px;
}

#location-search input#submit
{
	width: 150px;
	height: 36px;
	display: block;
	text-align: center;
	color: #fff;
	border: none;
	background: url(../images/button.png) no-repeat;
	cursor: pointer;
	margin-right: 10px;
	padding-bottom: 5px;
	float: left;
}

#rentals #location-search input#submit
{
	background: url(../images/button-red.png) no-repeat;
}

#google-toolbar
{
	width: 31px;
	height: 31px;
	display: block;
	float: left;
	background: url(../images/google-toolbar.png) no-repeat;
}


#home #content p
{
	padding: 0 17px 0 0;
}

#home #content
{
	float:left;
	width:655px
}

#home #content h2
{
	padding-top:20px;
	font-size:20pt;
}

#property-portals
{
	display:block;
	margin:40px auto 0;
}

#awards
{
	display: block;
	margin: 50px auto 0 auto;
}

#branches
{
	font-size: 9pt;
	text-align: justify;
	color: #808fa2;
	margin-top: 60px;
}

#branches a:hover
{
	text-decoration: underline;
}