/* main */
body {background-color:#999; margin:0px;font-size:small;  font-family:Verdana, Arial, Helvetica, sans-serif; line-height:normal;} 

h1,h2,h3,h4 {margin: 0; padding: 0;}
h1 {padding: 10px 0 0 0; font-size: 23px; line-height:140%;} 
h2 {font-size: 18px; color: #444; line-height: 150%; margin: 25px 0 25px 0;} 
h3 {font-size: 14px; margin: 20px 0 25px 0; line-height: 140%;} h4 {font-size: 16px; line-height: 150%; padding: 20px 0 10px 0;} 
p {font-size: 12px; line-height:160%; margin: 0;} ul li {font-size: 13px;} ul {margin-top: 30px;}
li {margin: 0 0 20px 0; font-size: 100%; font-weight: bold; line-height: 160%; list-style-image: url(images/bullet-point.gif);} 
a {color: red;} a:hover {color: gray;}

/* container wrapper */
#container {margin:auto; width: 785px; position: relative; background-color:#fff;} 

/* navigation */
#navigation {position: absolute; width: 450px; top: 135px; color: white; right: 40px; text-align: right; height: 50px;} 
#navigation a {text-decoration:none; color: white;} 
#navigation a:hover {color:red; border-bottom: 2px; border-bottom-style: solid; border-bottom-color: red;} 
#active {color: red;} 

/* content area */
#content-area {background-position: top; background-repeat: repeat-x; background-image: url(images/vignette.jpg); padding: 25px; margin: 0;} 
#content-area img {margin: 10px 0 0 0;}

#content {float:left; margin:0 0 30px 0; width:370px;} 
#content img, #contentright img {border: 1px solid black;} 

#contentright {float:right; margin:0px; padding:0px; width:300px;} 
#contentright-map {float:right; margin:0px; padding:0px; width:200px;} 

/* footer */
#footer {float: left; text-align:center; padding: 25px 15px 25px 15px; width: 755px; background-color: #222; border-top: 2px solid #111;} 
#footer p {margin: 0 0 10px 0; font-size: 11px; line-height: 130%; color: white;} 
#footer a {color: white;} #footer a:hover {color: gray;}

/* misc */
.clearfix {display: block; clear: both;}
.no-border {margin: 0 0 30px 0;}
.red {color: red;}