/* CSS for the Moulin de Lhomont website */
/* All content created by Isabelle Kosciusko / dizko design 2008. All rights reserved */


/* --------------- default values -------------- */

#hide {
	display: none;
}

* { /* For all elements */
	margin: 0;
	padding: 0;
	border: 0;
}

.clear {
	clear:both;
	height: 10px;
	font-size: 1%;
}

a:link {
	color:#605252;
}


a:visited {
	text-decoration: none;
	color:#605252;
	
}

a:hover {
	color:#fff;
	text-decoration: underline;
}

body {
	background-color:#fff;
	font-size: 12px;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #605252;
}

p {
	padding: 0 0 1.2em 0;
	color: #605252;
	font-family: Arial, Helvetica, sans-serif;
}


h1 {
	position: relative;
	padding: 20px 0 0 0;
	background: url('../img/header_bg.jpg') no-repeat top left;
	height: 80px;
	width: 700px;
}

h1 a#ahead {
	position: absolute;
	top: 0;
	left: 0;
	height: 100px;
	width: 200px;
}

#frame {
	margin: 0 auto;
	width: 700px;
	padding: 0;
}


.replace, h1 span.replace {
	position: absolute;
	left: -1000px;
	font-size: 1px;
	color: #FFFFFF;
}


#hide, .hide {
	display: none;
}

/* -------------------- NAV 1 ----------------- */

ul#menu {
	padding: 0;
	height: 25px;
	display: block;
	list-style-type: none;
	background: #e7e0d9;	
}

ul#menu li {
	float: left;
	display: block;
	height: 25px;
	width: 70px;
	position: relative;
}

ul#menu li a {
	display: block;
	height: 18px;
	padding-top: 7px;
	width: 70px;
	border: none;
	color: #fff;
	text-decoration: none;
	background:url('../img/topnav_bg.gif') no-repeat top left;
}


ul#menu li a:hover {
	display: block;
	height: 18px;
	padding-top: 7px;
	width: 70px;
	border: none;
	color: #605252;
	background-image: url('../img/topnav_bg.gif') no-repeat;
	background-position: 0 -25px;
	font-weight: bold;
	text-decoration: none;
}

ul#menu li a.active {
	display: block;
	height: 18px;
	padding-top: 7px;
	width: 70px;
	border: none;
	color: #605252;
	background-image: url('../img/topnav_bg.gif') no-repeat;
	background-position: 0 -50px;
	text-decoration: none;
}


/* -------------------- NAV 2 ----------------- */

ul#menu li ul#submenu {
	position: absolute;
	top: 25px;
	width: 100px;
	display: none;
}

ul#menu li#region ul#submenu li {
	display: block;
	height: 25px;
	width: 100px;
	}

ul#menu li#region ul#submenu li a {
	display: block;
	text-decoration: none;
	color: #777;
	height: 18px;
	width: 90px;
	background: #8a827a;
	padding: 5px;
	color: #FFFFFF;
	border-bottom: 0;
}

ul#menu li#region:hover ul, li#region.over ul { 
	display: block; 
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

ul#menu li ul#submenu li a:hover {
	display: block;
	height: 18px;
	padding-top: 7px;
	width: 100px;
	border: none;
	color: #605252;
	background: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

ul#menu li ul#submenu li a.active {
	display: block;
	height: 18px;
	padding-top: 7px;
	width: 100px;
	border: none;
	color: #605252;
	background: #FFFFFF;
	text-decoration: none;
}



/* --------------------- FOOTER ------------------------ */



#footer {
	width: 690px;
	height: 20px;
	padding: 5px 10px 0 0;
	text-align: left;
	color:  #fff;
	background: url('../img/footer_bg.gif') no-repeat top left;
}

#footer p {
	color:  #fff;
	width: 380px;
	float: left;
	font-size: 11px;
	margin-left: 20px;
	}
	
#footer p a {
	color:  #fff;
	text-decoration: underline;
	}
	
ul#map {
	float: right;
	font-size: 11px;
	width:100px;
	list-style-type: none;
}	

	
ul#map li {
	color:  #fff;
	font-size: 11px;
	text-decoration: underline;
	text-align: right;
	margin-right: 20px;
	}	
	
ul#map li a {
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
	text-align: right;
	}	


/* ------------------------ SECONDARY PAGES ------------------------- */



#header {
		height: 100px;
		background: #e7e0d9;
}

#header p {
	float: left;
	height: 100px;
	width: 250px;
	background: url('../img/header_left.gif') no-repeat top left;
}



#content {
	width: 640px;
	height: 325px;
	padding: 30px;
	margin: 0;
	text-align: left;
	background: #e7e0d9;
}

#contentscroll {
	width: 640px;
	height: 320px;
	padding: 30px;
	margin: 0;
	text-align: left;
}

#contentbg {
	width: 640px;
	height: 325px;
	padding: 30px;
	margin: 0;
	text-align: left;
	background: url('../img/content_bg2.jpg') no-repeat bottom right;
}

#content.nopad, #contentbg.nopad, #contentscroll.nopad {
	padding-top: 10px;
}


#content h2, #contentbg h2, #contentscroll h2 {
	width: 600px;
	padding: 15px 0 30px 0;
	margin: 0;
	height: 20px;
	color: #605252;
	line-height: 1em;
	font-size: 30px;
	font-family: Helvetica, sans-serif;
}


#content h2#welcome, #contentbg h2#welcome {
	background: url('../img/h2_welcome.gif') no-repeat top left;
}


#content h2#activities, #contentbg h2#activities {
	background: url('../img/h2_activities.gif') no-repeat top left;
}


#content h2#mill, #contentbg h2#mill {
	background: url('../img/h2_mill.gif') no-repeat top left;
}


#content h2#contact, #contentbg h2#contact {
	background: url('../img/h2_contact.gif') no-repeat top left;
}


#content h2#region, #contentbg h2#region {
	background: url('../img/h2_region.gif') no-repeat top left;
}


#content h2#food, #contentbg h2#food {
	background: url('../img/h2_food.gif') no-repeat top left;
}


#content h2#wine, #contentbg h2#wine {
	background: url('../img/h2_wine.gif') no-repeat top left;
}


#content h2#location, #contentbg h2#location {
	background: url('../img/h2_location.gif') no-repeat top left;
}


#content h2#thankyou, #contentbg h2#thankyou {
	background: url('../img/h2_thanks.gif') no-repeat top left;
}

#content h2#rates, #contentbg h2#rates {
	background: url('../img/h2_rates.gif') no-repeat top left;
}

#content h2#gallery, #contentbg h2#gallery {
	background: url('../img/h2_gallery.gif') no-repeat top left;
}



#content h3, #contentbg h3, #contentscroll h3 {
	padding: 0;
	margin: 0;
	color: #605252;
	line-height: 1.2em;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
}

#content h3.right, #contentbg h3.right {
	padding: 0 0 20px 0;
	margin: 0;
	color: #605252;
	line-height: 1.2em;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
}


#content h4, #contentbg h4, #contentscroll h4 {
	padding: 0 0 10px 0;
	margin: 0;
	color: #605252;
	line-height: 1.2em;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	
}


#content h5, #contentbg h5, #contentscroll h5 {
	padding: 0;
	width: auto;
	margin: 0;
	color: #605252;
	line-height: 1.2em;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}


#content #left, #contentbg #left {
	float: left;
	width: 195px;
	height: 260px;
	text-align: left;
}

#content #leftlrg, #contentbg #leftlrg, #contentscroll #leftlrg {
	float: left;
	width: 400px;
	height: 260px;
	text-align: left;
}


#content #leftlrg2, #contentbg #leftlrg2, #contentscroll #leftlrg2 {
	float: left;
	width: 470px;
	height: 260px;
	text-align: left;
}

#content #leftlrg3, #contentbg #leftlrg3, #contentscroll #leftlrg3 {
	float: left;
	width: 350px;
	height: 260px;
	text-align: left;
}

#content #leftlrg4, #contentbg #leftlrg4, #contentscroll #leftlrg4 {
	float: left;
	width: 500px;
	height: 260px;
	text-align: left;
}


#content #leftlrg5, #contentbg #leftlrg5, #contentscroll #leftlrg5 {
	float: left;
	width:240px;
	height: 260px;
	text-align: left;
}


#contentscroll #left {
	float: left;
	width: 240px;
	height: 260px;
	text-align: left;
}

#left p, #contentbg #left p {
	color:  #605252; 
	line-height: 1.2em; 
	padding-right: 15px;
}


#right, #contentbg #right {
	float: right;
	width: 440px;
	height: 280px;
	position: relative;
}

#content #right p#small {
	width: 210px;
	padding-left: 10px;
	float: left;
	height: 220px;
}


#contentscroll #right {
	width: 400px;
	height: 220px;
}

#rightsml {
	float: right;
	width: 400px;
	position: relative;
}


#rightsml2 {
	float: right;
	width: 200px;
	position: relative;
}

#rightsml3 {
	float: right;
	width: 160px;
	position: relative;
}

#rightsml4 {
	float: right;
	width: 270px;
	position: relative;
}


#rightsml5 {
	float: right;
	width: 140px;
	position: relative;
}

#rightsml6 {
	float: right;
	width: 410px;
	position: relative;
	font-size: 97%;
}

#rightsmlscroll {
	float: right;
	width: 410px;
	height: 250px;
	padding-right:10px;
	position: relative;
	overflow-y: scroll;
}

h3.testimonials {
	background: url('../img/h3_testimonials.gif') no-repeat top left;
	height: 35px;
}


#content #leftlrg ul.body, #content #leftlrg4 ul.body, #content #leftlrg3 ul.body, #contentbg #leftlrg ul.body {
	list-style-type: none;
	width: 400px;
	display: block;
}



#content #leftlrg ul.body li, #content #leftlrg4 ul.body li, #content #leftlrg3 ul.body li, #contentbg #leftlrg ul.body li {
	padding: 0 0 5px 20px;
	display: block;
	width: 380px;
	background: url('../img/bullet.gif') no-repeat top left;
}


ul.bodytight {
	padding: 0 0 5px 0;
	list-style-type: none;
	display: block;
	width: 330px; 
}



ul.bodytight li {
	padding: 0 0 0 15px;
	width: 315px;
	display: block;
	background: url('../img/bullet.gif') no-repeat top left;
}

ul.bodylrg {
	padding: 0 0 0 0;
	list-style-type: none;
	display: block;
	width: 450px; 
}



ul.bodylrg li {
	padding: 0 0 5px 15px;
	width: 435px;
	display: block;
	background: url('../img/bullet.gif') no-repeat top left;
}



/* ------------------------ CONTACT FORM ------------------------- */


form#contact {
	float: right;
	width: 400px;
	border: 1px solid #605252;
}


form#contact p {
	padding: 15px 10px;
	background: #FFFFFF;
}


form#contact p.odd {
	height: auto;
	background-color: #f4f2ef;
}



form#contact p label, form#contact p.odd label {
	float: left;
	width: 100px;
	color: #8a827a;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}



form#contact p input, form#contact p.odd input {
	width: 240px;
	margin-right: 20px;
	float: right;
	height: 16px;
	border: 1px solid #8a827a;
	background:url('../img/input_bg.gif') no-repeat top left;
	padding: 2px 2px 1px 4px;
	font-size: 11px;
	color: #8a827a;
}

form#contact p textarea {
	width: 240px;
	float: right;
	border: 1px solid #8a827a;
	margin-right: 20px;
	background:url('../img/input_bg.gif') no-repeat top left;
	padding: 2px 2px 1px 4px;
	font-size: 11px;
	color: #8a827a;
	height: 50px;
}

form#contact p input.submit {
	background: url('../img/btn_submit.gif') no-repeat top left;
	height: 30px;
	width: 127px;
	float: right;
	border: none;
}