.page {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
}

.main, .footer, .header,  .sidebar
{
display: inline;
float: left;
}

.main {
	margin: 0 10px;
}

.footer, .header{}

/* Vertical Rhythm */

body { 
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 16px;
} 

h1 { 
	font-size: 24px;
	line-height: 40px;
	margin-top: 0; 
	margin-bottom: 0; 
}

h2 { 
	font-size: 22px;
	line-height: 40px;
	margin-top: 0; 
	margin-bottom: 0; 
}

h3 { 
	font-size: 20px;
	line-height: 40px;
	margin-top: 0; 
	margin-bottom: 0; 
}

h4 { 
	font-size: 20px;
	line-height: 20px;
	margin-top: 20px; 
	margin-bottom: 0; 
}

h5{ 
	font-size: 16px;
	line-height: 20px;
	margin-top: 20px; 
	margin-bottom: 0; 
}

h6 { 
	font-size: 16px;
	line-height: 20px;
	margin-top: 20px; 
	margin-bottom: 0; 
}

p , ol, ul, code, .comment, dl dt, dl dd {
	font-size: 16px;
	line-height: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.footer p {font-size: 10px;}

/* -- end vertical rhythm */
/*************************************************/

.content, .header {
	width: 720px ;
}


.footer { 
	padding-left: 10px; 
	padding-right:10px;
	width: 700px;
}

.header {
	padding-bottom: 18px;
	}


/*************************************************/
 blockquote {
	margin-left:70px; 
	margin-right: 70px; 
	padding-left:10px; 
	padding-right:10px;
}


dd {
	margin-left: 20px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/******************************************************************/
/* Skinning */
body{background-color: #E9D7B3; color: #000;}

h1, h3, h5 {color:#5B8293;} 
h2, h4, h6 {color: #5B8293;}

a {}
a:link {color: #85A097;}
a:visited {color: #85A097;}
a:hover {color: #6A9196;}
a:active {color: #6A9196;}

.footer a:link, .footer a:visited {color: #5B8293;}

.content {background-color: #F7F0E3;}
.footer {background-color: #CBBB9A; color: #000; height: 40px;}
.header {background-color: #85A097; height:80px;}

/******************************************************************/

img.left {float:left; margin-left:-80px; margin-right: 20px;}
img.right {float:right; margin-right:-80px; margin-left: 20px;}

img#house {margin-top: -60px;}

.address {color: #fff; font-size: 18px; font-weight: bold;float: right; margin-right: 10px;}

ul li {list-style-type: circle; margin-left: 20px;}