html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	min-height: 100%;
	min-width: 857px;
	text-align: center; /*this will center ALL items on the page in IE but only text in Moz etc.*/
	background: url(images/background2.jpg) top left repeat;
}

#container
{
	margin-right: auto;/*centres in compliant browsers*/
	margin-left: auto;/* "	" */ 
	width: 857px; /*An auto centering layer, width must be assigned*/
	height: auto; /* Compliant browser height, This will fill entire browser window height */
	clear:both;	
	text-align: left; 
	position:relative;
	margin-top: 20px;
	
}

#header
{
width: 857px;
height: 168px;
float: left;
background: url(images/header.jpg) top left no-repeat;
}

/* -------------- TOP NAV ---------- */

#nav
{
width: 857px;
height: 52px;
float: left;
background: url(images/navbackground.jpg) top left no-repeat;
text-align: center;
line-height: 40px;
color: #FFFFFF;
}

#nav a
{
text-decoration: none;
color: #FFFFFF;
font-family: "Times New Roman", Times, serif;
margin: 0 10px 0 10px;
}

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

/* -------------- MAIN CONTENT ---------- */

#main
{
width: 857px;
height: auto;
float: left;
text-align: left;
background-color: #FFFFFF;
}


#main p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
margin: 10px 0 10px 0;
}

#main p a
{
text-decoration: underline;
color: #543018;
font-weight: bold;
}

/* -------------- LEFT CONTENT ---------- */

#leftcontent
{
width: 227px;
height: auto;
float: left;
padding-left: 3px;
background-color: #f0f0f0;
}

.greybox
{
width: 224px;
height: 20px;
float: left;
background-color: #ece2d9;
border-top: 2px solid #FFFFFF;
border-bottom: 3px solid #FFFFFF;
line-height: 18px;
}

.greybox h2
{
margin: 0 0 0 3px;
padding: 0;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

#leftcontent p
{
font-family: Arial, Helvetica, sans-serif;
margin: 10px 5px 10px 7px;
font-size: 12px;
}

#leftcontent p a
{
font-size: 12px;
text-decoration: none;
color:#FFFFFF;
}

.brownbox
{
width: 224px;
height: 38px;
float: left;
background-color: #684d48;
border-top: 2px solid #FFFFFF;
border-bottom: 3px solid #FFFFFF;
}

.lightbrownbox
{
width: 221px;
height: 180px;
float: left;
background-color: #a0876e;
border-top: 2px solid #FFFFFF;
border-bottom: 3px solid #FFFFFF;
padding-left: 3px;
}

.lightbrownbox h2
{
margin: 7px 7px 7px 7px;
padding: 0;
font-size: 14px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

.white
{
color: #FFFFFF;
}

.red
{
color: #FF0000;
}

.green
{
color: #00FF00;
}

.blue
{
color: #0000FF;
}

.font14
{
font-size: 14px;
}

.font16
{
font-size: 16px;
}

.font18
{
font-size: 18px;
}

#disclaimer
{
width: 853px;
height: auto;
float: left;
background-color: #3f1c16;
border: 2px solid #FFFFFF;
padding: 5px 0 5px 0;
}

#disclaimer p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
margin: 0 5px 0 5px;
}

#devmap
{
width: 850px;
height: auto;
float: left;
}

#devmapright
{
width: 400px;
height: auto;
float: left;
padding-left: 5px;
}

#devmapright h3
{
margin: 0 0 5px 0;
padding: 0;
font-size: 12px;
color: #3f1c16;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

#devmapright p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 5px 0 5px 0;
padding: 0;
}


#googlemap
{
width: 415px;
height: 250px;
float: left;
overflow: hidden;
}

/* -------------- MIDDLE CONTENT ---------- */
#middlecontent
{
width: 374px;
height: auto;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
}

#middlecontent h1
{
font-size: 18px;
color: #646668;
margin: 5px 0 5px 0;
padding: 0;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}

#middlecontent p
{
margin: 10px 0 10px 0;
font-size: 12px;
}

.greytext
{
color: #646668;
}

.browntext
{
color: #8d5634;
}

.eleventext
{
font-size: 11px;
}



/* -------------- RIGHT CONTENT ---------- */

#rightcontent
{
width: 220px;
height: auto;
float: left;
padding-left: 10px;
}

#rightcontent h2
{
margin: 0;
padding: 0;
font-size: 16px;
font-family: "Times New Roman", Times, serif;
color: #8d5634;
font-weight: bold;
}

#rightcontent p
{
font-size: 12px;
}

.tab
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
color: #543018;
}

/* -------------- DEVELOPMENTS ---------- */
#devholder
{
width: 857px;
height: auto;
float: left;
text-align: left;
background-color: #FFFFFF;
}

#devheading
{
width: 857px;
height: auto;
float: left;
}

#devheading h1
{
margin: 3px 0 0 0;
padding: 5px 5px 5px 0px;
font-size: 20px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
display: block;
background-color: #ece2d9;
text-align: center;
}

#devleft
{
width: 415px;
height: auto;
float: left;
padding-left: 3px;
}

#devleft h3
{
margin: 5px 0 5px 0;
padding: 0;
font-size: 12px;
color: #3f1c16;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

#devleft p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 10px 0 10px 0;
padding: 0;
}

#devleftinner
{
width: 415px;
height: auto;
float: left;
background-color: #eee0bb;
border-bottom: 3px solid #FFFFFF;
margin-top: 7px;
}

#devleftinner h1
{
margin: 10px 0 5px 10px;
padding: 0;
font-size: 20px;
color: #3f1c16;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

#devleftinner h2
{
margin: 5px 0 5px 10px;
padding: 0;
font-size: 12px;
color: #3f1c16;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

#devleftinner ul
{
margin: 0 0 0 10px;
padding: 0;
}

#devleftinner li
{
margin: 0 0 0 17px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#devright
{
width: 415px;
height: auto;
float: left;
padding-top: 20px;
padding-right: 2px;
padding-left: 5px;
}

#devrighttop
{
width: 410px;
height: 158px;
float: left;
}

#devrighttop p
{
text-align: center;
font-size: 18px;
color: #3f1c16;
font-family: Arial, Helvetica, sans-serif;
margin: 25px 0 0 0;
}

#devrightbottom
{
width: 410px;
height: 230px;
float: left;
}

#devrightbottom h2
{
text-align: center;
font-size: 20px;
color: #3f1c16;
font-family: Arial, Helvetica, sans-serif;
margin: 25px 0 0 0;
font-weight: bold;
}

#devrightbottom p
{
text-align: center;
font-size: 14px;
color: #3f1c16;
font-family: Arial, Helvetica, sans-serif;
margin: 25px 0 0 0;
}


#devright img
{
margin-top: 2px;
margin-bottom: 10px;
border: 2px solid #3f1c16;
}

#devzurich
{
width: 415px;
height: 67px;
float: left;
background: url(images/zurich_logo.gif) top center no-repeat;
}


/* -------------- OFFERS ---------- */

#offersholder
{
width: 624px;
height: auto;
float: left;
}

#offersholder h1
{
margin: 3px 0 0 0;
padding: 5px 5px 5px 0px;
font-size: 20px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
display: block;
background-color: #ece2d9;
}

#offersholder h2
{
font-size: 14px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
margin: 10px 0 0 0;
padding: 5px 0 5px 5px;
font-weight: bold;
display: block;
background-color: #3f1c16;
}

#offersholder p
{
font-size: 12px;
}

#offersholder img
{
float: right;
margin: 5px 0 10px 10px;
}

.whitetext
{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
}

.blacktext
{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
}
/* -------------- NEWS ---------- */
#newcontent
{
width: 624px;
height: auto;
float: left;
}

#newsholder1
{
width: 200px;
height: 200px;
float: right;
overflow: hidden;
padding-top: 5px;
}

.newspacer
{
width: 624px;
height: 10px;
float: left;
overflow: hidden;
}
/* -------------- FOOTER ---------- */

#footer
{
width: 833px;
height: 25px;
float: left;
background-color: #3f1c16;
line-height: 22px;
padding-left: 20px;
border: 2px solid #FFFFFF;
}

#footer p
{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}

#footer p a
{
text-decoration: none;
color: #FFFFFF;
}