/*
*************************************************

file : screen.css
client : Roth Developments
author : Karl Brightman
date created : 2nd May 2007
the music : Lisa Shaw - Let it Ride (Jimpster Remix)
on this day : 1670 - A Royal Charter granted the Hudson's Bay Company a monopoly in the fur trade in Rupert's Land.

*************************************************
*/

/*-------------------------------------------
	Basic Selectors
-------------------------------------------*/
* { line-height: 2; margin: 0; padding: 0; }
body {
	background: #fff;
	color: #3f3f3e;
	font: normal 62.5% Georgia, "Times new roman", serif;
}

a img { border: 0; }
p { margin-bottom: 1em; }

a#skip_to_content_link { display: none; }

hr {
	border: none;
	height: 1px;
	background: #E4BE75;
	margin: 10px 0;
}

#content_container .content h5.award {
	font-size: 16px;
	line-height: 1.4em;
	background: url(../images/award_little.jpg) no-repeat 0 20px;
	padding-left: 70px;
}

#content_container .content h5.award strong.award_name {
	font-size: 16px;
	line-height: 1.4em;
	margin-top: 10px;
	display: block;
}

/*-------------------------------------------
	Navigation
-------------------------------------------*/
#navigation_container { background: url(../images/navigation/bg.jpg) repeat-x 0 0; }
#navigation_container .content {
	height: 74px;
	margin: 0 auto;
	position: relative;
	width: 480px;
}

#navigation { bottom: 0; position: absolute; }

#navigation li {
	display: inline;
	float: left;
}

#navigation li a {
	display: block;
	height: 42px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;
}
#navigation li a:hover { background-position: 0 -42px !important; }

#navigation li a#n-home { background: url(../images/navigation/home.jpg) no-repeat 0 0; width: 71px; }
#navigation li a#n-about_us { background: url(../images/navigation/about_us.jpg) no-repeat 0 0; width: 97px; }
#navigation li a#n-projects_gallery { background: url(../images/navigation/projects_gallery.jpg) no-repeat 0 0; width: 90px; }
#navigation li a#n-properties_for_sale { background: url(../images/navigation/properties_for_sale.jpg) no-repeat 0 0; width: 96px; }
#navigation li a#n-contact_us { background: url(../images/navigation/contact_us.jpg) no-repeat 0 0; width: 112px; }

#navigation li div { display: none; }
#navigation li:hover div {
	background: url(../images/navigation/dropdown_bg.jpg) no-repeat 0 0;
	color: #654722;
	display: block;
	font-size: 1.2em;
	height: 31px;
	left: -158px;
	line-height: 31px;
	position: absolute;
	text-align: center;
	top: 42px;
	width: 926px;
}

#navigation li:hover a { background-position: 0 -42px; }
#navigation li:hover div p { margin-bottom: 0; }
#navigation li:hover div p a { color: #654722; display: inline; margin: 0 6px; text-indent: 0; }
#navigation li:hover div p a:hover { color: #000; }

/*-------------------------------------------
	Header
-------------------------------------------*/
#header_container {
	background: url(../images/header/bg.jpg) repeat-x 0 0;
	height: 204px;
}

#header_container .content {
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
	width: 609px;
}

#header_container #logo {
	background: url(../images/header/logo.gif) no-repeat 0 0;
	display: block;
	height: 167px;
	margin: 0 auto;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;
	width: 320px;
}

/*-------------------------------------------
	Banner
-------------------------------------------*/
#banner_container {
	background: #fff;
	border: 1px solid #e4be75;
	border-left: 0;
	border-right: 0;
	height: 40px;
}
#p-home #banner_container {
	border: 11px solid #e4be75;
	border-left: 0;
	border-right: 0;
	height: 364px;
}
#banner_container .content {
	height: 40px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 730px;
}
#p-home #banner_container .content { height: 364px; width: 926px;}

#banner_container .content h2 { color: #6a2622; font-size: 2em; font-weight: normal; line-height: 40px; }

#banner_container .content h2#slogan {
	background: url(../images/banner/slogan.jpg) no-repeat 0 0;
	bottom: 16px;
	display: block;
	height: 89px;
	left: 98px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	width: 730px;
}

#banner_container .banner_image {
	display: block;
	height: 222px;
	position: absolute;
	top: 10px;
	width: 304px;
}
#banner_container .banner_image:hover { background-position: 0 -222px !important; }

#banner_container .banner_image#b-about_us { background: url(../images/banner/about_us.jpg) no-repeat 0 0; left: 1px; }
#banner_container .banner_image#b-projects_gallery { background: url(../images/banner/projects_gallery.jpg) no-repeat 0 0; left: 311px; }
#banner_container .banner_image#b-properties_for_sale { background: url(../images/banner/properties_for_sale.jpg) no-repeat 0 0; right: 1px; }

/*-------------------------------------------
	Content Container
-------------------------------------------*/
#content_container { background: url(../images/content/bg.jpg) repeat-x 0 0; }
#content_container .content {
	font-size: 1.4em;
	margin: 0 auto;
	padding: 2em 0 1em;
	width: 730px;
}
#p-home #content_container .content { text-align: center; }

#content_container .content h1 {
	color: #6a2622;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: .75em;
}

#content_container .content h2 {
	color: #6a2622;
	font-size: 1.7em;
	font-weight: normal;
	margin-bottom: 1em;
}

#content_container .content h3 {
	color: #6a2622;
	font-size: 1.4em;
	font-weight: normal;
}

#content_container .content h4 {
	color: #3f3f3e;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 1em;
}

#content_container .content h5 {
	color: #6a2622;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: .5em;
}

#content_container .content h6 {
	color: #3f3f3e;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: .5em;
}

#content_container .content ul, #content_container .content ol { margin-left: 2em; }

#content_container .content a { color: #852622; text-decoration: underline; }
#content_container .content a:hover { color: #000; }

#content_container img { margin-bottom: 1em !important; }

#content_container img.center_bordered {
	border: 1px solid #e4be75;
	display: block;
	margin: 0 auto;
	padding: 1px;
}

#content_container img.right_bordered {
	border: 1px solid #e4be75;
	display: block;
	float: right;
	margin: 1em;
	padding: 1px;
}

div.gallery {
	margin: 1em auto;
	width: 700px;
}
a.thickbox { margin: 1em 1em 0 0; }
a.thickbox img { border: 1px solid #e4be75; padding: 1px; }
a.thickbox:hover img { border: 1px solid #852622; }

div.property_for_sale {
	border-top: 1px solid #e4be75;
	clear: both;
	margin-top: 2em;
	padding-top: 2em;
	position: relative;
}
div.property_for_sale#first_property { border-top: 0; margin-top: 0; }

div.property_for_sale .property_gallery { float: right; margin-left: 1em; margin-top: 1em; }
div.property_for_sale .property_gallery .large_gallery_image { border: 1px solid #e4be75; padding: 1px; }
.property_gallery .large_gallery_image { border: 1px solid #e4be75; padding: 1px; }

.thumbnails_sep { height: 5px; line-height: 5px; display: none; margin-top: -5px;}

div.property_for_sale .property_gallery .thumbnails a { margin-left: 10px; }
div.property_for_sale .property_gallery .thumbnails a.first { margin-left: 0; }
div.property_for_sale .property_gallery .thumbnails a img { border: 1px solid #e4be75; padding: 1px; }
div.property_for_sale .property_gallery .thumbnails a:hover img { border: 1px solid #852622; }


	/* table #residential_projects_listing */
	
	table#residential_projects_listing {
		width: 710px;
		margin: 0 20px;
	}
	table#residential_projects_listing td {
		padding-left: 4px;
	}
	table#residential_projects_listing th {
		background: #e5bd79;
	}
	table#residential_projects_listing tr.striped {
		background: #f9deb0;
	}
	table#residential_projects_listing tr.hover{
		background: #e36c68;
	}
	table#residential_projects_listing tr.featured {
		
	}
		table#residential_projects_listing td.year {
			width: 88px;
			text-align: center;
		}
		table#residential_projects_listing td.address {
		}
		table#residential_projects_listing td.type {
		}
		table#residential_projects_listing td.client {
		}



/*-------------------------------------------
	Footer
-------------------------------------------*/
#footer {
	border-top: 1px dashed #d6ccb9;
	color: #878771;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	margin: 0 auto 1em;
	padding: 1em 0;
	text-align: center;
	width: 730px;
}

#footer .spacenav { margin: 0 6px; }

#footer a { color: #731a20; text-decoration: none; }
#footer a:hover { color: #000; }