/* COLOR CHART --------------

	Maroon	:	654048
	Brown	:	8c8982
	Blue	:	cbd6d4	

---------------------------*/


@import "reset.css";

/* standard html tags */

html {
	background: #c4ab91 url(img/html-bg.gif) top repeat-x;
}



body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 75%;
	line-height: 1.1;
	margin: 0 auto;
	width: 885px;
}

a {
	color: #654048;
	text-decoration: none;
}

em {
	font-family: serif;
	font-size: 110%;
	font-style: oblique;
}

h1, h2, h3, h4, h5, h6 {
	color: #636;
}

h2 {
	font-size: 1.3em;
}

p {
	margin-bottom: 1.25em;
}

strong {
	font-weight: bold;
}

/* Form */

form dl {
	clear: both;
	margin-bottom: 1em;
}

form dl dt {
	float: left;
	padding-right: 5px;
	text-align: right;
	width: 80px;
}

form dl dd input, 
form dl dd textarea {
	background-color: #b5bfbd;
	border: 1px solid #654048;
	width: 210px;
}

p.submit {
	width: 210px;
	margin-left: 80px;
}

p.submit input {
	background-color: #cbd6d4;
	border: none;
	color: #654048;
}

/* standard classes */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}


/* layout */

#container {
	background: #825031 url(img/container-bg.jpg);
	height: 498px;
	margin-top: 70px;
	position: relative;
}

#header h1 {display: none;}
#logo {
	float: right;
	margin: 30px 30px 0 0;
}

#header ul {
	left: 30px;
	top: -40px;
	position: absolute;
}

#header ul li {
	float: left;
	margin-right: 10px;
	text-align: center;
}

#header ul li a {
	color: #fff;
	display: block;
	font-size: 1.4em;
	height: 30px;
	padding-top: 110px;
	width: 90px;
}

#header li.home {background-color: #654048;}
#header li.property {background-color: #8c8982;}
#header li.contact {background-color: #cbd6d4;}

#content {
	clear: both;
	position: relative;
	top: 60px;
}

#secondary {
	float: left;
	width: 191px;
	margin-left: 130px;
}

#primary {
	float: right;
	height: 268px;
	padding: 20px;
	width: 500px;
}

#primary .columns .col1 {
	float: left;
	width: 350px;
}

#primary .columns .col2 {}

.col2 h2 {
	margin-bottom: 1.5em;
}

body#home #primary {
	background-color: #654048;
	padding: 0;
	height: 300px;
	width: 550px;
	overflow: hidden;
}

body#property #primary {background-color: #8c8982;}
body#contact #primary {background-color: #cbd6d4;}

body#property #primary {color: #dce7e5;}
body#contact #primary {color: #654048;}
body#contact .col2 a {color: #8c8982;}

#footer p {
	color: #654048;
	text-align: right;
	margin-top: 1em;
}