/* -- Solution4 -------------------------------------------------

   LAYOUT STYLESHEET
   -- version: 1.0 [older browsers only (IE4 and older, NetscapeX, .... ]
   -- author: Kate Twiss // Solution4
   -- contact: kate.twiss@solution4.net.au
   -- last update: 01/12/2008
   

------------------------------------------------------------------- */

/*generic classes*/
* { padding: 0; margin: 0; }
.clear { clear: both; }
.clear hr { display: none; }
.left { float: left; }
.right { float: right; }
.text-right { text-align: right; }
.text-left { text-align: left; }
a img { border: none; }
.displaynone { display: none; }
.text-center { text-align: center; }
.padding { padding: 3px; }
.inline { display: inline; }

a, a:visited {
	color: #808285;
}
a:hover {
	color: #333;
}

/*layout classes*/
body {
	color: #636466; 
	font-size: 100%;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif ; 
	margin: 0;
	padding: 0;
}

#page-holder {
	background: #fff url(../images/bg_grad.gif) center top repeat-y; 
}

#content-holder {  
	margin: 0 auto; 
	padding: 0;
	text-align: left;
	width: 784px; 
}

#header { background: url(../images/euzo_mino.gif) center right no-repeat; }
#navigation { background: #7ab11d; margin: 0 0 20px 0; padding: 0 52px; text-align: center; }
#navigation.home { margin-bottom: 0px; }

#content-area { margin: 0px 36px; }
	#content-area #banner-holder { margin: 0 0 10px 53px; }
	
	#content-area hr.content-spacer { background: #9bc556; border: none;  height: 1px; margin: 15px 32px 15px 53px; }
	#content-area .full-text-area hr.content-spacer { margin: 15px 0; }
	#content-area .full-text-area { padding: 0 33px 0 53px; }
	
	#content-area .text-area { float: left; padding: 0 37px 0 53px; width: 344px  }
		#content-area #about.full-text-area { background: url(../images/headers_about.gif) top left no-repeat; }
		#content-area #castle.text-area { background: url(../images/headers_castle.gif) top left no-repeat; }
		#content-area #cooking.text-area { background: url(../images/headers_Cookingclass.gif) top left no-repeat; }
		#content-area #gourmet.text-area { background: url(../images/headers_gormet.gif) top left no-repeat; }
		#content-area #itineraries.text-area { background: url(../images/headers_itineraries.gif) top left no-repeat; }
		#content-area #siena.text-area { background: url(../images/headers_siena.gif) top left no-repeat; }
	
	#content-area #home { background: url(../images/headers_home.gif) top left no-repeat; padding: 0 33px 0 53px; }
	#content-area #accomodation { background: url(../images/headers_Accomodation.gif) top left no-repeat; padding: 0 33px 0 53px; }
	#content-area #booking { background: url(../images/headers_booking.gif) top left no-repeat; padding: 0 33px 0 53px; }
	#content-area #contact { background: url(../images/headers_contact.gif) top left no-repeat; padding: 0 33px 0 53px; }
	#content-area #links { background: url(../images/headers_links.gif) top left no-repeat; padding: 0 33px 0 53px; }
	#content-area #personalised { background: url(../images/headers_Personalised.gif) top left no-repeat; padding: 0 33px 0 53px; }	
	#content-area #testimonials { background: url(../images/headers_Testimonials.gif) top left no-repeat; padding: 0 33px 0 53px; }	
	#content-area #registration { background-color:#FFFFFF; padding: 0 33px 0 53px; }	

#footer { background: #7ab11d; font-size: 0.85em; height: 22px; margin-top: 40px; padding: 0 36px 0 81px; }

#S4 { 
	background: #fff url(../images/bottom_grad.png) center left no-repeat; 
	font-size: 12px; 
	margin: 0 auto 0px; 
	padding: 8px 0; 
	text-align: center; 
	width: 841px; 
}


/*=header classes*/
h1 { background: url(../images/logo.gif) top left no-repeat; float:left; height: 171px; width: 300px; }
h1 a { display: block; height: 171px; }
h1 span { left: 10000px; position: absolute; }

#header h2 { color: #7ab11d; float:left; font-size: 1.2em; margin: 70px  0 0 15px; padding: auto; text-align: center; text-transform: uppercase; width: 400px; }

#content-area h2 { color: #7ab11d; display: block; font-size: 1.3em; font-weight: normal; margin-bottom: 20px; padding-top: 18px; }
#content-area h3 { color: #777; margin: 10px 0;}

#header a.italian { 
	background: transparent url(../images/flag_italian.gif) center no-repeat; 
	display: block;
	width: 20px;
	height: 13px;
}
#header a.uk { 
	background: transparent url(../images/flag_uk.gif) center no-repeat; 
	display: block;
	width: 20px;
	height: 13px;
}

/*=list classes*/
#header ul { float: right; list-style-type: none; margin: 5px 65px 10px 0; width: 300px }
	#header ul li { /*border-right: 1px solid #ccc; */float: right; font-size: 0.8em; text-transform: uppercase; }
	#header ul li#first { border-right: none;}
	#header ul li.selected { background: #f0f1f2; }
	#header ul li a { margin: 0 3px; padding: 2px; text-decoration: none; }
	
	

#navigation ul { height: 22px; list-style-type: none; margin: 0; padding: 0; }
	#navigation ul li { float: left; }
	#navigation ul li a { background: #7ab11d; display: block; color: #fff; font-size: 0.75em; padding: 3px 8px 1px; text-decoration: none; text-transform: uppercase; }
	#navigation ul li a:hover, #navigation ul li.selected a { background: #636466; }

#footer ul { display: inline; float: left; height:22px; list-style-type: none; margin: 0; padding: 0; }
	#footer ul li { display: inline; float: left; font-size: 0.9em; text-transform: uppercase; }
	#footer ul li a { color: #fff; display: block; padding: 3px 5px 1px; text-decoration: none; }
	#footer ul li a:hover { background: #fff; color: #7ab11d; }
	#footer ul li.selected a { background: #e6e6e6; color: #333; }
	
#footer ul.documents { float: right; margin-right: 33px;}	
	#footer ul.documents li { font-size: 0.8em; border-right: 1px dotted #E6E6E6; height: 100%; padding-right: 3px; margin-left: 5px;}	
	#footer ul.documents li span { color:#FFFFFF; display: block; padding-right: 4px; padding-top: 3px }
	#footer ul.documents li a { background: none; color: #fff; }
	#footer ul.documents li a:hover { background: none; text-decoration: underline; }
	#footer ul.documents li a.doc { background: url(../images/word_icon.gif) right 5px no-repeat; padding-right: 15px; }

#content-area ul { padding-left: 15px; }

/*=typography styles*/
#content-area { font-size: 0.9em; }
#content-area p { margin-bottom: 10px;}
#content-area .picture-area { float: right; margin-right: 33px; padding-top: 23px; width: 206px; }
#content-area .full-text-area .picture-area { float: right; margin: 0px 0 15px 15px; }
#content-area .picture-area .caption { font-size: 0.7em; text-align: centre; text-transform: uppercase; margin-bottom: 5px }
#content-area .note { font-size: 0.9em; color:#888; }

/* form styles */
.ddfmwrap label { 
	float: left;
	margin-right: 10px;
	text-align: right;
	width: 330px;
	
}
.ddfmwrap input , .ddfmwrap textarea { border: 1px solid #8a8b8e; width: 200px; }
.ddfmwrap input[type="submit"] { 
	background: #7ab11d;
	border: 1px solid #8a8b8e;
	color: #fff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	margin-left: 340px;
	padding: 2px;
	text-align: center;
	text-transform: uppercase;	
	width: 80px;
}
.ddfmwrap .fmcheck  { float: left; }
.ddfmwrap .fmcheck  input { border: none; margin-right: 5px; width: auto; }

.ddfmwrap p.fieldwrap { clear: both; margin-bottom: 10px; }
.ddfmwrap .fmcheck { }
.ddfmwrap .required { color: #7ab11d; }