@charset "utf-8";
/* CSS Document */

body {background-color: #6288B3; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.reset {line-height:0px; clear:both;}
h1 {margin:0px; padding:0px;background: url(graphics/wight-holiday-cottage.png) no-repeat left top; text-indent: -100000px; padding-bottom:20px;}
h2 {font-size:1.1em; border-bottom:1px dotted #CCCCCC;}
h3 {font-size:0.8em;}
h4 {font-size:0.8em;}
h2, h3 {margin: 0px 0px 3px; padding:0px}
h4 {margin:0px; padding:0px;}
p {margin: 0px 0px 5px; padding:0;font-size:0.8em;}
a img  {outline:none; border:none;}

.banner {background:#FFFFFF;filter: alpha(opacity=50);-moz-opacity: .5; opacity: .5;}
.topWrapper {background:url(graphics/laurel.jpg) no-repeat top left;}
.wrapper {width:990px; border:1px solid #003366;margin:0px auto;  background-color:#FFFFFF;}
.mainContent {min-height:580px;padding:5px; width:98%; margin:0px auto;}
.footer {text-align:center; border-top:1px dotted #999999}

.navigation {background:#FFFFFF;border-top: 1px solid #666666; border-bottom: 1px solid #666666;padding:3px 0px;filter: alpha(opacity=80);-moz-opacity: .8; opacity: .8; font-size:0.8em;}
.navigation ul {text-align:center; margin:0px; padding:3px;}
.navigation ul li {display:inline; margin-right:5px; font-size:14px; padding:0px 3px; }
.navigation ul li a {color:#333333; text-decoration:none; }
.navigation ul li a:hover {color: #000000; text-decoration:underline;}
.current {font-weight:bold;}
.textArea {width:33%; float:left; margin-right:3px;}
.pictureArea {width:400px; float:left; margin-left:5px;}
.pictureArea img {border:1px solid #333333; margin: 5px 0px;}

.gallery {width:500px; margin:0px auto;}
.midContent {width:650px; margin:0px auto;}
.midContent h3 {margin-bottom:6px; border-top:1px dotted #999999;}
.midContent p {margin-bottom:8px;}
.sideBar {width:23%; float:left; padding-left:5px; margin-left:5px;}
.sideBar ul {margin:5px 12px; padding:3px;}
.sideBar ul li {margin:0px 3px; padding:0px 3px; font-size:0.7em;}

.feature {padding:3px; margin: 5px 0px;border:1px solid #999999; font-family:Verdana, Arial, Helvetica, sans-serif;}
.feature p {font-size:0.7em;}
.feature h2 {background: #003366; margin:0px 0px 5px; padding:3px; font-size:0.8em; border-bottom:1px solid #999999; text-align:center; color:#FFFFFF;}
.map {width:640px; float:left;}



.contactForm {}
.contactForm label, .contactForm legend, .contactForm p {font-size:0.8em; font-family:Tahoma, Vardana, Arial, sans-serif;}
.formNotes {margin-bottom:5px; padding:5px;}
.contactForm label, .contactForm div label {width:200px; float:left; text-align:right; margin-bottom:3px; padding-bottom:3px;}


.contactForm input, .contactForm div input, .contactForm textarea, .contactForm div textarea {border:1px solid #666666; width:200px; float:left; margin-bottom:3px; padding-bottom:3px;}
.required {color:red;}

.galleryContainer {width:820px; margin:0px auto;}
.galleryImage {width:250px; float:left; border:1px solid black; padding:5px; margin:5px;}