/* 

	CSS by Deibu, www.deibu.net, first version created on August 14th, 2008
	Please see www.deibu.net for more information.
	
	CSS is w3 validated, and complient with all major web browsers such as Safari, 
	Firefox and Internet Explorer.
	
	Theme: Da Vinci Homes
	Version: 1.0
	Website: www.davincihomes.com
	Info: www.deibu.net, www.speccreative.com
	Creator: Spec Creative - www.speccreative.com

*/



/* Reset
--------------------------------------------------------------------- */
@import "reset.css";


/* Startup
--------------------------------------------------------------------- */
html,body {
	height: 100%;
}

body {
	background: #fffedd;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
	line-height: 1.3em;
	background: ##F8E3C3 url(../images/design/.jpg) repeat-x;
}

#container {
	width: 938px;
	margin: 0 auto;
	height: 100%;
	background: url(../images/design/bg_content_rep.jpg) 0 731px repeat-y;
}

#container .wrap {
	background: url(../images/design/bg_content_rep.jpg) 0 731px repeat-y;
	padding: 0 1px;
}


/* Header
--------------------------------------------------------------------- */
#header {
	height: 134px;
	position: relative;
	background: url(../images/design/logo_bg.jpg) right top no-repeat;
}

#header h1 {
	width: 500px;
	height: 134px;
	background: url(../images/design/logo.jpg) no-repeat;
}

#header h1 a {
	display: block;
	width: 500px;
	height: 134px;
	text-indent: -999em;
}

#header h3 {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 14px;
	color: #523e2f;
	font-weight: bold;
}

#header h3 a {
	color: #523e2f;
	text-decoration: underline;
}

#header h3 a:hover {
	color: #000;
}


/* Menu
--------------------------------------------------------------------- */
#menu {
	height: 43px;
	background: url(../images/design/menu_bg.jpg);
	padding: 0 0 0 144px;
}

#menu ul {
	list-style: none;
}

#menu ul li {
	float: left;
	display: block;
	height: 43px;
	padding: 0 20px 0 0;
	line-height: 43px;
	font-size: 15px;
	color: #c0e4e4;
}

#menu ul li a {
	color: #c0e4e4;
	text-decoration: none;
	display: block;
	height: 43px;
	background: no-repeat;
	text-indent: -999em;
}

#menu ul li a {
	background: top left;
}

#menu ul li a:hover, #menu ul li.active a {
	background: bottom left;
}


/* Menu :: Per-option settings
--------------------------------------------------------------------- */
#menu ul li.home a {
	width: 37px;
	background-image: url(../images/menu/home.jpg);
}

#menu ul li.about a {
	width: 40px;
	background-image: url(../images/menu/about.jpg);
}

#menu ul li.photogallery a {
	width: 92px;
	background-image: url(../images/menu/photogallery.jpg);
}

#menu ul li.photogallery a {
	width: 92px;
	background-image: url(../images/menu/photogallery.jpg);
}

#menu ul li.communities a {
	width: 88px;
	background-image: url(../images/menu/communities.jpg);
}

#menu ul li.availablehomes a {
	width: 107px;
	background-image: url(../images/menu/availablehomes.jpg);
}

#menu ul li.testimonials a {
	width: 83px;
	background-image: url(../images/menu/testimonials.jpg);
}

#menu ul li.testimonials a {
	width: 83px;
	background-image: url(../images/menu/testimonials.jpg);
}

#menu ul li.contactus a {
	width: 71px;
	background-image: url(../images/menu/contactus.jpg);
}


/* Content
--------------------------------------------------------------------- */
#content {
	background: url(../images/design/bg_content_rep.jpg) -1px 554px repeat-y;
	position: relative;
}

#content .wrap {
	padding: 15px 28px 0;
	background: url(../images/design/bg_content.jpg) no-repeat;
	min-height: 554px;
	height: auto;
}

#content .body {
	padding: 11px 0 0 15px;
	overflow: auto;
}


/* Content :: Home
--------------------------------------------------------------------- */
#content.home .body h2 {
	display: block;
	background: url(../images/content/title_creating-a-masterpiece.jpg) no-repeat;
	width: 542px;
	height: 82px;
	text-indent: -999em;
}

#content.home .body p {
	text-indent: -999em;
	display: block;
}

#content.home .body p.one {
	background: url(../images/content/text_homepage_01.jpg) no-repeat;
	height: 61px;
	width: 571px;
}

#content.home .body p.two {
	background: url(../images/content/text_homepage_02.jpg) no-repeat;
	height: 119px;
	width: 571px;
}

#content.home .body p.three {
	background: url(../images/content/text_homepage_03.jpg) no-repeat;
	width: 215px;
	height: 57px;
	
	text-indent: 0;
}

#content.home .body p.three a {
	text-indent: -999em;
	display: block;
	height: 57px;
}


/* Content :: Image Fader
--------------------------------------------------------------------- */
#content #imagefade {
	float: left;
	padding: 11px 0 0 60px;
	position: relative;
}


/* Content :: Home :: Image Row
--------------------------------------------------------------------- */
#content.home .imagerow {
	text-align: center;
	padding: 0 0 0 5px;
}

#content.home .imagerow img {
	margin: 0 5px 0 0;
}


/* Content :: Footer
--------------------------------------------------------------------- */
#content #footer {
	float: right;
	margin: 0 0 15px 0;
}

#content #footer ul {
	list-style: none;
}

#content #footer ul li {
	float: left;
	margin: 0 5px 0 0;
	height: 52px;
}

#content #footer ul li a {
	display: block;
	background: center no-repeat;
	text-indent: -999em;
	height: 52px;
}

/* Content :: Footer :: Per-icon settings
--------------------------------------------------------------------- */
#content #footer ul li.icon-energy a {
	background-image: url(../images/content/icon-energy.jpg);
	width: 42px;
}

#content #footer ul li.icon-cpb a {
	background-image: url(../images/content/icon-cpb.jpg);
	width: 50px;
}

#content #footer ul li.icon-basco a {
	background-image: url(../images/content/icon-basco.jpg);
	width: 52px;
}

#content #footer ul li.icon-oshba a {
	background-image: url(../images/content/icon-oshba.jpg);
	width: 46px;
}

#content #footer ul li.icon-nahb a {
	background-image: url(../images/content/icon-nahb.jpg);
	width: 89px;
}

#content #footer ul li.icon-bbb a {
	background-image: url(../images/content/icon-bbb.jpg);
	width: 45px;
}