html, body {

	background-color: #ffffff;
	background: url(../images/bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	text-align: left;
	height: 100%;
	z-index: 0;

}


/* Common Functions ================ */

.clear { clear: both; }
.trans { border: 0; }

.image-left { display: block; clear: left; float: left; }
.image-right { display: block; clear: right; float: right; }

/* Wrappers ======================== */

#wrapper {

	display: block;
	position: relative;
	width: 930px;
	left: 50%;
	top: 0px;
	margin-left: -465px;

}

#top-nav {

	display: block;
	width: 930px;
	height: 44px;
	background: url(../images/top-nav.jpg) no-repeat;

}

#lang-select {

	display: block;
	float: left;
	position: relative;
	left: 260px;
	height: 36px;
	padding-top: 8px;
	width: 220px;

}

#lang-select img {

	margin-right: 7px;
	width: 24px;
	height: 24px;
	border: 0;
	outline: 0;

}

#sale {

	display: block;
	float: left;
	position: relative;
	left: 435px;
	padding-top: 13px;

}

.sale-active {

	display: inline-block;
	background-color: #c30f0f;
	padding: 4px;
	margin-top: -3px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff !important;

}

.sale-active:hover {

	color: #faf3ae !important;

}

#sale a {

	font-weight: bold;
	color: #faf3ae;
	text-decoration: none;
	font-family: tahoma,arial,sans-serif;
	font-size: 11px;

}

#sale a:hover {

	color: #fff;

}

#header {

	display: block;
	width: 930px;
	height: 210px;
	background: url(../images/header.jpg) no-repeat;

}

#header h1 {

	display: block;
	text-indent: -9999px;

}

/* Navigation ----------------------------------------- */

#nav {

	display: block;
	width: 860px;
	height: 52px;
	background: url(../images/nav.jpg) no-repeat;
	padding-left: 70px;


}

#nav a {

	display: block;
	float: left;
	outline: 0;
	color: #2c5463;
	font-size: 11px;
	text-indent: -9999px;
	background: url(../images/nav-buttons.jpg) no-repeat;
	background-position: 0px -52px;
	height: 52px;

}

#home {

	width: 70px;

}

#home:hover {

	background-position: 0px 0px;

}

#gallery {

	width: 92px;
	background-position: -70px -52px !important;

}

#gallery:hover {

	background-position: -70px 0px !important;

}

#info {

	width: 199px;
	background-position: -162px -52px !important;

}

#info:hover {

	background-position: -162px 0px !important;

}

#booking {

	width: 167px;
	background-position: -361px -52px !important;

}

#booking:hover {

	background-position: -361px 0px !important;

}

#location {

	width: 137px;
	background-position: -528px -52px !important;

}

#location:hover {

	background-position: -528px 0px !important;

}

#aa {

	display: block;
	position: absolute;
	top: 189px;
	left: 50%;
	margin-left: 270px;
	width: 156px;
	height: 156px;
	z-index: 30;

}

/* Content -------------------------------------------- */

#content {

	padding-left: 70px;
	padding-right: 75px;
	display: block;
	padding-top: 25px;

}

#intro p {

	display: block;
	font-size: 12px;
	line-height: 26px;
	color: #303030;
	text-align: justify;
	font-family: arial,sans-serif;
	margin-bottom: 5px;

}

#intro img {

	display: block;
	clear: left;
	float: left;
	width: 225px;
	height: 239px;
	border: 0;

}

#intro h1 {

	display: inline-block;
	background: url(../images/intro-h1.jpg) no-repeat;
	height: 92px;
	text-indent: -9999px;
	width: 500px;

}

.bb {

	display: block;
	background: url(../images/bb.gif) repeat-x;
	background-position: 0px 10px;
	height: 20px;

}

#copy .bb {

	margin-top: 10px;
	margin-bottom: 10px;

}

#three-box {

	display: block;
	clear: both;
	padding-top: 8px;
	padding-left: 17px;
	padding-bottom: 10px !important;

}

.three-box {

	display: block;
	float: left;
	width: 250px;
	background: url(../images/tb.gif) no-repeat;
	background-position: 0px 45px;
	margin-bottom: 20px !important;
	margin-left: 6px;

}

.three-box h1 {

	display: block;
	height: 37px;
	background: url(../images/tb-h1.jpg) no-repeat;
	padding-left: 50px;
	font-size: 19px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #a92b2b;
	font-family: georgia,times new roman,sans-serif;
	padding-top: 8px;
}

.three-box p {

	display: block;
	padding-left: 23px;
	padding-right: 27px;
	font-size: 12px;
	font-family: arial,sans-serif;
	color: #212121;
	line-height: 20px;
	text-align: justify;
	margin-bottom: 10px;

}

.three-box p a {

	color: #366733;
	font-weight: bold;
	text-decoration: none;

}

.three-box p a:hover {

	color: #3b697a;

}

#more-info {

	display: block;
	clear: both;
	position: relative;
	top: -10px;

}

#three-box a.more-info {

	display: block;
	width: 214px;
	height: 54px;
	background: url(../images/more-info.jpg) no-repeat;
	background-position: 0px -54px;
	text-indent: -9999px;
	float: left;

}

#three-box a.more-info:hover {

	background-position: 0px 0px;

}

#more1 { margin-left: 25px; }
#more2 { margin-left: 45px; }
#more3 { margin-left: 45px; }

/* Copy ----------------------------------------------- */

#copy h1 {

	font-size: 30px;
	color: #9c1f1f;
	letter-spacing: -1px;
	font-weight: bold;

}

#copy h2 {

	display: block;
	padding-bottom: 10px;
	background: url(../images/bb.gif) repeat-x;
	background-position: 0% 100%;
	font-size: 18px;
	font-style: oblique;
	text-indent: 20px;
	font-family: georgia,times new roman,serif;
	color: #1c3641;
	margin-bottom: 15px !important;

}

#copy h3 {

	display: block;
	font-size: 20px;
	font-style: oblique;
	font-family: georgia;
	color: #6ca063;
	margin-bottom: 15px;
	margin-top: 10px !important;
	width: 500px;
}

#copy p {

	font-size: 12px;
	font-family: arial,sans-serif;
	line-height: 22px;
	color: #343433;
	text-align: justify;
	margin-bottom: 15px;

}

#copy p a {

	color: #304750;
	font-weight: bold;
	text-decoration: none;

}

#copy p a:hover {

color: #3d6574;

}


.tourist-info, .booking-info {

	display: block;
	float: right;
	clear: right;
	margin-left: 30px;
	width: 250px;
	background-color: #f5f3ea;
	margin-top: 0px;
	border: 1px solid #dedabc;
	margin-top: 30px;

}

.tourist-info h4, .booking-info h4 {

	display: block;
	background: url(../images/bb.gif) repeat-x;
	background-position: 0% 100%;
	background-color: #f1eed8;
	padding: 10px;
	text-align: center;
	font-family: georgia;
	font-size: 12px;
	font-weight: bold;
	color: #a92b2b;

}

.tourist-info span, .booking-info span {

	display: block;
	clear: both;

}

.tourist-info span strong {

	display: block;
	float: left;
	width: 80px;
	background-color: #e8e5d7;
	padding: 10px;
	font-size: 11px;
	border-bottom: 1px solid #d9d4be;
	border-top: 1px solid #fff;
	border-right: 1px solid #d9d4be;

}

.booking-info span img {
	
	width: 37px;
	height: 33px;
	border: 0;
	background-color: #e8e5d7;
	border-bottom: 1px solid #d9d4be;
	border-top: 1px solid #fff;
	display: block;
	float: left;
	
}

.tourist-info span em, .booking-info span em {

	display: block;
	float: right;
	clear: right;
	padding: 10px;
	font-size: 11px;
	text-align: left;
	width: 128px;
	border-bottom: 1px solid #d9d4be;
	border-top: 1px solid #fff;

}

.booking-info span em {
	
	width: 193px;
	
}

/* Booking Information -------------------------------- */

.prices {
	
	display: block;
	float: left;
	margin-bottom: 20px !important;
}

p.price {
	
	display: block;
	width: 500px;
	border: 1px solid #d8d3b2;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 5px !important;
	clear: left;
	float: left;
}

p.price span {
	
	padding: 5px;
	display: block;
	border: 1px solid #efecdc;
	background: url(../images/call.gif) no-repeat;
	background-position: 307px 4px;
	background-color: #e3dfc6;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 0px !important;
}

p.price strong {
	
	font-weight: bold;
	font-size: 12px;
	color: #9c1f1f;
	letter-spacing: 0px;
	display: inline-block;
	clear: left;
	width: 125px;
	border-right: 1px solid #f2f0e5;
	
}



p.price em {
	
	font-size: 12px;
	display: inline-block;
	clear: left;
	width: 80px;
	border-left: 1px solid #d4cfb2;
	padding-left: 8px;
	font-style: normal !important;
	
}

p.price img {
	
	display: inline-block;
	float: right;
	width: 187px;
	height: 25px;
	margin-right: -14px !important;
	margin-top: 3px !important;
	
	
}

/* Shuffle -------------------------------------------- */

#shuffle {

	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -60px;
	background: url(../images/frame.png) no-repeat;
	overflow: hidden;
	width: 494px;
	height: 219px;

}

#shuffle img {

	background-color: none;

}

/* Footer ------------------------------------------------ */

#footer {

	clear: both;
	display: block;
	height: 254px;
	background: url(../images/footer.gif) repeat-x;

}

#footer-content {

	display: block;
	width: 845px;
	position: relative;
	height: 119px;
	left: 50%;
	top: 0px;
	margin-left: -465px;
	background: url(../images/footer.jpg) no-repeat;
	padding-right: 85px;
	text-align: right;
	padding-top: 135px;
	color: #202020;
	font-size: 11px;
	font-family: arial,sans-serif;
	
}

#footer-content a {

	text-decoration: none;
	color: #202020;

}

#footer-content a:hover {

	color: #9c1f1f !important;

}

#address {

	margin-bottom: 65px;

}

/* Gallery -------------------------------------- */

#gallery-container {
	
	display: block;
	padding: 10px;
	background-color: #e2dec7;
	border: 1px solid #cecab1;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

}

#gallery-main {

	text-align: center;

}

#gallery-main img {

	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	width: 760px;
	height: 400px;

}

.gallery-list { 

	display: block;
	margin-top: 15px !important;

}

.gallery-list li {

	width: 180px; 
	height: 95px; 
	border: 6px solid #d2cfb5;
	margin-right: 5px;
	background: #1f1e19;
	float: left;
	margin-bottom: 7px;

}

.gallery-list li img {

	width: 180px;
	height: 95px;
	cursor: pointer;

}

.gallery-list li.last {

	margin-right: 0;

}

span.caption { display: none; }

.nav {

	display: block;
	clear: both;
	margin-top: 10px;
	text-align: center;

}

.prev, .next {

	padding: 5px;
	padding-top: 7px;
	margin-bottom: 9px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 17px;
	color: #3d525a;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	font-family: tahoma,arial,sans-serif;

}

.prev:hover, .next:hover {

	color: #a92b2b;

}

.prev { 

	display: block;
	float: left;
	clear: left;
	padding-left: 26px;
	padding-right: 10px;
	background: url(../images/prev.gif) no-repeat;
	background-color: #e2dec7;
	background-position: 4px 4px;

}

.next {

	padding-left: 10px;
	display: block;
	float: right;
	clear: right;
	padding-right: 20px;
	background: url(../images/next.gif) no-repeat;
	background-color: #e2dec7;
	background-position: 96% 4px;

}

/* Caravans For Sale ------------------------------------------- */

.sale-block {

	display: block;
	width: 783px;
	border: 1px solid #d2cfb3;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;

}

.sale-inner {

	display: block;
	width: 761px;
	padding: 10px;
	border: 1px solid #fff;
	-moz-border-radius: 9px;
	-khtml-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	background-color: #ecead3;

}

.sale-extra {

	display: block;
	padding: 10px;
	padding-top: 5px;

}	

.print-container {

	display: block;
	border: 1px solid #d5d3ba;

}

a.print {

	display: block;
	border: 1px solid #fff;
	padding: 5px;
	background-color: #e3e1ca;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;

}

.sale-image {

	display: block;
	width: 322px;
	margin-right: 10px;
	text-align: center;
	float: left;

}

.sale-image img {

	width: 300px;
	padding: 10px;
	border: 1px solid #dad8bb;
	background-color: #fff;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 7px;

}

#additional-images img {

	padding: 5px;
	border: 1px solid #dad8bb;
	background-color: #fff;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

}

.sale-image span.sale-link, .sale-extra span.sale-link {

	display: block;
	border: 1px solid #2b5565;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

}

.sale-image a.sale, .sale-extra a.sale {

	padding-right: 20px;
	background-color: #4b8196;
	display: block;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border-top: 1px solid #68a4bb;
	border-left: 1px solid #68a4bb;
	padding: 7px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;

}

.sale-extra a.sale {

	padding-left: 30px;
	background: url(../images/print.png) no-repeat;
	background-color: #4b8196;
	background-position: 6px 4px;
	

}

.sale-image a.sale:hover, .sale-extra .sale:hover {

	background-color: #447a8e;

}

.sale-info {

	display: block;
	float: left;

}

.sale-info h4 {

	display: block;
	clear: both;
	width: 429px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dfdcbc;
	padding-top: 5px;
	font-size: 28px;
	color: #9d2020;
	font-family: lucida sans,arial,sans-serif;
	letter-spacing: -2px;

}

.sale-info ul {

	border-top: 1px solid #fff;
	padding-top: 10px;

}

.sale-info li {

	display: block;
	padding: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 11px;
	margin-bottom: 5px;

}

.sale-info ul li.alt-1 { background-color: #dddbc1; }
.sale-info ul li.alt-2 { background-color: #d1cfaf; }

.sale-info ul li em {

	display: inline-block;
	margin-right: 6px;
	padding: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	color: #2a5464;
	background-color: #fff;
	width: 50px;
	padding-left: 7px;
	font-style: normal;
}

#map-container {
	
	display: block;
	padding: 10px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	background-color: #f5f3ea;
	border: 1px solid #dedabc;
	margin-bottom: 20px;
		
}

#map {
	
	width: 763px;
	height: 300px;
	
}