html, body {color:#666; background-color:#5c9333; font-family: Verdana, Arial; font-size:12px;}
table {font-size:12px;}

#wrapper {width:854px; margin:0 auto 10px auto; background-color:#fff; position:relative; padding-bottom:1px;}

/* Header */
.header {height:142px; width:822px; margin:0 auto; background:url(../images/backgrounds/threes.gif) repeat-x;}
.header h1 {padding:0 16px; position:absolute; z-index:10; margin:0}
.header h1 a span {display:none;}
.header h1 a {display:block; width:146px; height:176px; background-image:url(../images/logos/hazeduinen.png);}

.navigation {position:absolute; width:642px; top:108px; height:32px; margin:0; padding:6px 0 0 180px; list-style:none; background:url(../images/backgrounds/menu_gradient.png) repeat-x;}
.navigation li {font-size:14px; float:left; padding-right:30px; text-transform:capitalize;}
.navigation li a {color:#fff; text-decoration:none;}
.navigation li a:hover, 
.navigation li.active a {text-decoration:underline;}

/* Content*/
.leftColumn, .rightColumn {float:left; position:relative; line-height:20px;}
.leftColumn {min-height:300px; padding:30px 16px 0 16px; width:355px;}
.rightColumn {margin-right:16px; padding-top:60px;}

h3 {color:#59ad40; text-transform:capitalize;}
h4 {color:#62aee6}

/* Images right */
img.small, img.first {margin-left:3px;}
img.first {clear:both; display:block; margin-bottom:3px;}

/* Map homepage */
.map img {float:left; position:relative;}
.map .mapText {padding-top:50px; float:left; position:relative;  width:190px;}

/* Contact form */
#contactform {margin-bottom:25px;}
.contact .leftColumn {width:510px;}
.contact .rightColumn {width:260px; padding-top:30px;}

/* Bottom Content */
.boxBottom {width:400px; float:left; position:relative; margin-left:20px;}
.boxBottom h3 {color:#62aee6;}
.boxBottom div {height:90px; overflow:hidden;}
.boxBottom .readMore {float:right; position:relative; margin:0 10px 10px 10px;}

/* Footer */
.footer {background-color:#ceb638; color:#fff; font-size:11px; padding:10px; width:802px; margin:0 auto; margin-bottom:16px; clear:both;}
.footer span {text-align:justify;}
#webdesign {display:block; color:#fff; float:right; position:relative; text-decoration:none; font-size:10px; margin:6px 0; height:20px;}
#webdesign:hover {text-decoration:underline;}

/* Misc */
a {color:#62aee6;}
a:visited {color:#ceb638;}
#googleMap {width:100%; height:200px; margin:16px 0;}
.slogan {color:#62aee6; font-size:20px; font-weight:normal; position:absolute; right:30px;}
.readMore {display:block; background:url(../images/icons/arrow.gif) no-repeat; padding:1px 0 0 24px; height:19px; font-weight:bold;}
.readMore a {color:#62aee6; text-decoration:none; display:block; margin:-2px 0 0 -24px; padding:2px 0 0 24px; height:22px;}
.readMore a:hover {text-decoration:underline;}
.vr {width:2px; height:130px; float:left; margin:3px 0 3px 2px; position:relative; background-color:#59ad40;}
.hr {width:821px; height:2px; float:left; position:relative; margin-left:16px; background-color:#59ad40;}