body {
	text-align: center;
	background:#AD8C21 url("images/background01.gif") repeat;
	font: 12px arial,helvetica,san-serif;
	line-height:130%;
	color:#000;}

#container {
	width: 850px;
	margin: 5px auto;
	padding:0;
	text-align: left;
	background-color:#ECE1BC;
	border:1px solid #8C6D00;}


#top {
	position:relative;
	width:850px;
	height:120px;
	padding:0;
	margin:0;
	background:#ECE1BC;}


#leftcolumn {
	width:236px;
	float:left;
	background:transparent;
	padding:0;
	margin:0;}

#content {
	padding:10px;
	margin-left:236px;
	background:#FEF7DE;}

h1 {margin: 0 0 20px 0; font:900 22px verdanda, arial,helvetica,san-serif;color:#437943;}
h2 {margin:15px 0; font:900 14px verdana, arial,helvetica,san-serif;color:#437943;}
#top img.logo {position:absolute; top:30px; left:0; z-index:15;}
#top img.kowai {position:absolute; top:45px; left:105px; z-index:5;}
#contactinfo .bold {font-weight:900;}
div.withbeginquote {background:url(images/quote-begin.gif) no-repeat;background-position:top left;padding-left:20px;margin:10px 0 0 15px;text-align:left;}
p.withendquote {background: url(images/quote-end.gif) no-repeat;background-position:bottom right;padding-right:5px;line-height:150%;}
div.quotesig {color:#978237; font-weight:400; text-align:right; margin-right:10px; line-height:1.25em;}
#leftcolumn p {margin:0 12px; line-height:160%; color:#978237; font-weight:900;}
b.red {color:#C00000; font-weight:900;}
#content img.right {position:relative; float:right; margin:0 0 0 5px;}
#content img.trekking {position:relative; float:right; padding:2px; background-color:#FFF; border:1px solid #8c6d00;margin:0 0 0 5px;}
#content img.left {position:relative; float:left; margin:0 5px 0 0;}
#leftcolumn div.headline {margin:10px auto; padding:2px;width:200px;border:1px solid #FFF; background:#FEF7DE;color:#8C6D00; font-weight:900; font-size:16px;text-align:Centre;}
#leftcolumn div.headline img {margin:1px auto;}
div.logobox {width:100px;margin:0; padding:0; float:left;}
#linkline {width:90%; margin:11px auto; color:#FFC;font:10px verdana,san-serif; color:#437943;}
#linkline a:link {color:#437943; text-decoration:none;}
#linkline a:visited {color:#437943; text-decoration:none;}
#linkline a:hover {color:#FFF; text-decoration:underline;}
#linkline a:active {color:#437943; text-decoration:none;}



#leftcolumn form {margin:15px 0 0 15px;}
#popupcontainer {width: 720px;margin: 5px auto;padding:0;text-align: left;background:#FF0;}
#popupcontent {margin-left:201px;padding:10px;border-left:solid 1px #F00;border-top:solid 1px #F00;background-color:#FFF;}
#popupcontent img {border:1px solid #000;position:relative;}
#popupcontent img.buy {border:none;}


#contactinfo {
	padding: 2px 2px 2px 245px;
	margin:0;
	font:400 10px verdana;
	color:#437943;
	background:#FC0;
	border-top:1px solid #8C6D00;}


/* |||||||||||||||||||||||||||||||||||||||| menu starts */

div #menu {
margin:5px 0 0 15px;
width:205px;
border-bottom:1px solid #FFF;
}


a.nav, a.nav:link, a.nav:visited, .selected {
display:block;
width:195px;
height:25px;
margin:0;
padding:0 0 0 10px;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
/*background:#C5EEFF;*/
background:#EBD39B;
text-align:left;
color:#000;
text-decoration:none;
line-height:25px;
overflow:hidden;
}


a.nav:hover {background:#C2BF98;color:#FFF; }
a.nav:active, .selected {color:#437943; font-weight:900; background:#FFF;}

/* |||||||||||||||||||||||||||||||||||||||| menu end */
/* |||||||||||||||||||||||||||||||||||||||| popupmenu starts */

div #popupmenu {
margin:0;
padding:0;
width:165px;
/*height:25px;*/
/*border-bottom:solid 1px #000;*/
/*background:#FF0;*/
}


a.popupnav, a.popupnav:link, a.popupnav:visited, .popupselected {
display:block;
width:165px;
margin:1px;
padding:2px;
height:20px;
border:1px solid #FF8787;
background:#FFFFC0;
text-align:left;
text-decoration:none;
font-family:arial,verdana, arial, sans-serif;
font-size:12px;
color:#000;
line-height:25px;
overflow:hidden;
}


a.popupnav:hover {color:#F00;background:#FFDD69; }
a.popupnav:active, .popupselected {color:#F00; background:#FFDD69;}

/* |||||||||||||||||||||||||||||||||||||||| popupmenu end */
/*background:#C00000 url("images/menuHOVER.gif") repeat-x;}*/
/* |||||||||||||||||||||||||||||||||||||||| contactform begins */

/* This is from romankoch.ch and is rock-solid in IE and Fox
    Works with the div coding on warwickzfarm.com contact & schedule pages
    The border-top instructions avoids cascades from #menu
    These styles use float and clear, so the following markup is required to protect the remainder of the page:

        <div style="width: 100%; overflow: hidden;">
    	<dl>
    	</dl>
    	<div style="clear: both;"></div>
    	</div>    */

dl.contactform {
	width: 95%;
	margin: 0;
	padding:0;}

.contactform dt {
	font-weight: bold;
	color:#000;
	float: left;
	clear: left;
	width: 20%;
	text-align:right;
	margin: 0 0 2px 0;
	background:transparent;}

.contactform dd {
	float: left;
	width:75%;
	margin: 0 0 2px 2%;
	border-top:none;}

* html .contactform dd {
	float: none;
	margin-left: 2%;}

* html .contactform dt {
	margin: 0;}

.contactform .spaniard {
	width:100%;
	margin:0;
	padding:2px;
	font-weight:900;
	font-size:14px;
	color:#8C6D00;
	line-height:125%;
	border:1px solid #C2BF98;
	background:#FEF7DE;}

.boxcontactform {
	width: 95%;
	overflow: hidden;
	border:1px solid #FFF;
	margin:10px 0;
	padding:10px 0;
	background:#FFFFE3;
	border:1px dashed #F9C7C7;}

/* |||||||||||||||||||||||||||||||||||||||| contactform ends */
/* |||||||||||||||||||||||||||||||||||||||| contact list box begins */
div.contactlistbox {
	width:35%;
	float:left;
	border:1px dotted #C2BF98;
	margin:5px;
	padding:5px;}
/* |||||||||||||||||||||||||||||||||||||||| contact list box ends */
/* |||||||||||||||||||||||||||||||||||||||| contact form box begins */
div.contactformbox {
	width:55%;
	float:left;
	border:1px dotted #C2BF98;
	margin:5px;
	padding:5px;}
/* |||||||||||||||||||||||||||||||||||||||| contact list box ends */
/* |||||||||||||||||||||||||||||||||||||||| booking box begins */
div.contactformbox {
	width:85%;
	float:left;
	border:1px dotted #C2BF98;
	margin:5px;
	padding:5px;
	background:#FFC;}
/* |||||||||||||||||||||||||||||||||||||||| booking box ends */
/* |||||||||||||||||||||||||||||||||||||||| 'book' button begins */
div.bookbox {
	width:95%;
	border:1px solid #C2BF98;
	background:#FFF;
	margin:5px;
	padding:10px;}

div.bookbox span {
	width:200px;
	margin:0;
	float:left;
	padding:10px;
	font:900 22px arial,verdana, helvetica,san-serif;
	color:#1D6E00;
	border:1px solid #666;
	background:#FFC;}

div.bookbox span.right {
	float:right;}

a.book, a.book:link, a.book:visited {
text-decoration:underline;
color:#1D6E00;
}


a.book:hover {color:#8C6D00;text-decoration:none; }
a.book:active {color:#89C474;}

/* |||||||||||||||||||||||||||||||||||||||| 'book' button ends */