* {margin: 0px; padding: 0px;}
html {margin: 0px; padding: 0px;}
body {
	background: url(../images/bg-body3.gif) repeat top center;		
	color: #666;
	margin: 0px;
	padding: 0px;
	text-align: center;
	
}

.clear {clear: both; display: block; height: 0px; margin: 0px; padding: 0px; overflow: hidden;}
/* Fix for PNG Files in IE */
img, div { behavior: url(../images/iepngfix.htc) }

/* Hide pre-loaded images */
.hiddenpic {display:none;}

/* Text */
h1 {
	font-family: "GillSans-Light", "Gill Sans Light", Tahoma, Verdana, sans-serif;
	font-size: .75em;
	color: #666;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}
p {
	font-family: "GillSans-Light", "Gill Sans Light", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #666;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	line-height: 18px;
}

#container {
	margin: auto; width: 1023px; position: relative;
	text-align: center;
}

	#header {
		margin: 0px 0px 0px 0px;
		width: 1023px; height: 230px;
		background: url(../images/bg-header.png) no-repeat top;
	}
	#headerblog {
		margin: 0px 0px 0px 0px;
		width: 1023px; height: 197px;
		background: url(../images/bg-header.png) no-repeat top;
	}
	
		/* Clickable Home Links and Email */
		#backhome {
			position: absolute;
			top: 44px;
			left: 68px;
			width: 375px;
			height: 57px;
			display: block;
		}
		#backhome a {display: block; width: 375px; height: 57px; outline: none;}		
		
		#navcontainers {position: relative; float: left; width: 929px;}
				

	#middle {
		background: url(../images/bg-middle.png) repeat-y;		
		width: 929px; padding: 0px 47px 0px 47px;
		min-height: 350px; height: auto !important; height: 350px;
		text-align: left;
	}
	#middle-home {
		background: url(../images/bg-middle.png) repeat-y;			 
		width: 929px; padding: 0px 47px 0px 47px;
		text-align: left;
	}
	#middle-prices {
		background: url(../images/bg-middle.png) repeat-y;		
		width: 929px; padding: 0px 47px 0px 47px;
		height: 525px;
		text-align: left;
	}
	#middle-pricesrel {position: relative; width: 859px;}	
   #middle-tour {
		background: url(../images/bg-middle.png) repeat-y;			 
		width: 929px; padding: 0px 47px 0px 47px;
		text-align: left;
	}	
		#left {margin: 10px 0px 0px 40px; float: left; width: 417px; text-align: left; display: inline;}
		#right {margin: 10px 0px 0px 25px; float: left; width: 417px; text-align: left; display: inline;}
		#span {margin: 0px 0px 0px 40px; float: left; width: 859px; text-align: left; display: inline;}
		#blogheader {margin: 0px 0px 20px 0px; float: left; width: 859px; height: 258px; overflow: hidden; text-align: left; display: inline;}

	
		/* ==== */
		/* HOME */
		/* ==== */
		#myController span{color:#fff; background:#fff; margin-right:10px; cursor:pointer; display: none; visibility: hidden;}
		#jFlowSlide{}
		#myController span.jFlowSelected {background:#00F;}
		.jFlowPrev, .jFlowNext{cursor:pointer;}
		
		#scroller {float: left; padding: 0px; margin: 0px; width: 929px; height: 350px; display: inline; background-color: #FFF; overflow: hidden;}
		#scroller2 {float: left; padding: 0px; margin: 0px; width: 929px; height: 420px; display: inline; background-color: #FFF; overflow: hidden;}

		#homecontrollers {position: relative; width: 929px; padding: 0px 47px 0px 47px;}
			#prevcontainer {position: absolute; left: 60px; width: 55px; height: 25px;}		
			#nextcontainer {position: absolute; right: 60px; width: 55px; height: 25px;}
		/* Only 2 images per page, 1 landscape (500x333 with a 40px corner radius) plus 1 portrait (333x333 same corner radius)}*/
		.slidespacing {margin: 0px 0px 0px 32px}
		
		#homeimgheader {
			width:929px; float: left;
			padding: 0px;
			margin: 0px;
			background-color: #fff;
			text-align: center;
		}	
		#homeblogheader {
			width:869px; float: left;
			padding: 0px 30px 0px 30px;
			margin: 0px 0px 0px 0px;
			background-color: #fff;
			text-align: center;
		}
		#homeblogheader h1 {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 13px; line-height: 12px;
			color: #666666;
			text-align: center;
			margin: 0px; padding: 0px;
		}
		#homeblogheader h2 {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 13px; line-height: 12px;
			color: #237F74;
			text-align: center;
			margin: 0px; padding: 0px;			
		}	
		#homeblogrecentposts {
			width:869px; float: left;
			padding: 0px 30px 0px 30px;
			margin: 0px 0px 10px 0px;			
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px;
			color: #666;
			text-align: left;
		}
		
		.homeblogbox {
			float: left; padding: 20px; margin: 0px 0px 20px 30px; width: 377px; display: inline;
			background-color: #eee; text-align: center;
		}
		.homeblogbox p {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 11px; line-height: 20px;
			color: #666;
			text-align: left;
			margin: 0px; padding: 0px;
		}
		.homeblogbox p a {color: #FF5EC4; text-decoration: none;}
		.homeblogh1 {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px;
			color: #237F74;
			text-align: left;
			margin: 15px 0px 5px 0px; padding: 0px;}
		.homeblogimgcenter {border: 5px solid #fff; margin: 0 auto;}
		
		
		/* ======= */
		/* GALLERY */
		/* ======= */
		#scrollcontainer {
			width: 879px; margin: 0px 0px 0px 25px; padding: 0px;
			height: 350px;
			text-align: left;
			background-color: #FFF;
			overflow: hidden;
			position: absolute;
		}
			.mainimages {float: left; margin: 0px 20px 0px 0px;}
		#thumbs {
			background: url(../images/bg-middle.png) repeat-y;
			width: 890px; padding: 0px 70px 0px 70px;	
			_width: 892px; _padding: 0px 60px 0px 71px;								
			margin: 0 auto; height: 90px;
		}
			.thumbbox {float: left; height: 80px; display: inline; margin: 0px; padding: 0px;}
			.thumbbox a {outline: none;}
			.thumbspacing {margin: 0px 13px 0px 0px}
			.thumbspacing4 {margin: 0px 8px 0px 0px;}			
			.thumbspacing5 {margin: 0px 7px 0px 0px;}
			.thumbspacing7 {margin: 0px 7px 0px 0px;}			
		#myControllerThumbs span{color:#fff; background:#fff; margin-right:10px; cursor:pointer; display: none; visibility: hidden;}
		#jFlowSlide{}
		#myControllerThumbs span.jFlowSelected {background:#00F;}
		.jFlowPrev, .jFlowNext{cursor:pointer;}
		#thumbsscroller {padding: 0px 47px 0px 47px; margin: 0 auto; width: 929px; height: 70px; display: inline; background-color: #FFF; overflow: hidden;}
		#prevcontainer {position: absolute; left: 60px; width: 55px; height: 25px;}		
		#nextcontainer {position: absolute; right: 60px; width: 55px; height: 25px;}

		/* ==== */
		/* TOUR */
		/* ==== */
		#tourbox {
			width: 849px; margin: 0 auto; padding: 0px;
			min-height: 980px; height: auto !important; height: 980px;
			text-align: left;
			background-color: #FFF;
			position: relative;
			overflow: hidden;
		}
		#tourbox a{
			color:#FF5EC4;
			text-decoration:none;
		}
			#widetourbox {width: 7500px; position: relative; margin: 0px; padding: 0px;}
				.section { 
					width:809px; float: left; display: inline;
					position:relative;
					padding: 15px 20px 0px 20px;
					margin: 0px 20px 0px 0px;
					background-color: #EEE;
				}
				.section h1 {
					font-family: Tahoma, Verdana, sans-serif;
					font-size: 14px; line-height: 18px;
					color: #666;
					text-align: left;
					padding: 0px 0px 0px 20px;
					display: none;
				}				
				.section p {
					font-family: Tahoma, Verdana, sans-serif;
					font-size: 12px; line-height: 18px;
					color: #666;
					text-align: left;
					padding: 0px 20px 0px 0px;
				}
				.section .titleimg {float: left; margin: 0px 0px 0px 20px; clear: both;}
				.section .sectionnav {height: 55px; margin: 40px 0px 0px 0px; position: relative; width: 809px;}
				.section .prevsection {position: absolute; left: 0px;}
				.section .nextsection {position: absolute; right: 0px;}
				.section .topprevsection {position: absolute; top: 30px; right: 100px;}				
				.section .topnextsection {position: absolute; top: 30px; right: 20px;}
				.section .imgleft {float: left;}
				.section .imgright {float: left;}
						
		
		
		/* ======== */
		/* ABOUT US */
		/* ======== */
		.abouttext {
			float: left; padding: 20px; margin: 0px 0px 20px 0px; width: 377px; display: inline;
			background-color: #eee;
		}
		.abouttext p {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px; line-height: 20px;
			color: #666;
			text-align: left;
			margin: 0px; padding: 0px;
		}
		.abouttext p a {
			color: #FF5EC4; text-decoration: none;
		}	
		.abouttext p a:hover {
			color: #FF5EC4; text-decoration: underline;
		}
		.abouttext ul {margin: 0px; padding: 0px;}
		.abouttext ul li {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px; line-height: 20px;
			color: #666;
			text-align: left;			
			margin: 0px 0px 0px 20px;
		}
		.abouttext ul li a {font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #FF5EC4; text-decoration: none;}
		
		
		
		/* ====== */
		/* PRICES */
		/* ====== */
		#pricebox1 {
			position: absolute; left: 30px; top: 10px; height: 330px; width: 425px;
			background: url(../images/prices/2012.gif) no-repeat;
			z-index: 20;			
		}
		#pricebox2 {
			position: absolute; left: 105px; top: 285px; height: 255px; width: 400px;
			background: url(../images/prices/diamond.gif) no-repeat;
			z-index: 15;			
		}
		#pricebox3 {
			position: absolute; left: 475px; top: 30px; height: 303px; width: 425px;
			background: url(../images/prices/addons.gif) no-repeat;
			z-index: 10;
		}
		#pricebox4 {
			position: absolute; left: 550px; top: 400px; height: 80px; width: 340px;
			z-index: 10;
		}		
		
		#pricebox1 ul {margin: 115px 0px 0px 68px; padding: 0px;}
		#pricebox2 ul {margin: 130px 0px 0px 40px; padding: 0px;}
		#pricebox3 ul {margin: 140px 0px 0px 40px; padding: 0px;}
		
		#pricebox1 p, #pricebox2 p, #pricebox3 p, #pricebox4 p {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 13px; line-height: 20px;
			color: #666;
			text-align: left;
			margin: 0px; padding: 0px;
		}
		#pricebox1 p a, #pricebox2 p a, #pricebox3 p a, #pricebox4 p a {
			font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #FF5EC4; text-decoration: none;
		}
		#pricebox4 p a {
			font-family: Tahoma, Verdana, sans-serif; font-size: 18px; color: #FF5EC4; text-decoration: none;
		}		
		
		#pricebox1 ul li, #pricebox2 ul li, #pricebox3 ul li, #pricebox4 ul li {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px; line-height: 20px;
			color: #666;
			text-align: left;			
			margin: 0px 0px 0px 20px;
		}
		#pricebox1 ul li a, #pricebox2 ul li a, #pricebox3 ul li a, #pricebox4 ul li a {
			font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #FF5EC4; text-decoration: none;
		}


		/* ============ */
		/* TESTIOMINALS */
		/* ============ */
		.testquotebox {
			float: left; padding: 20px; margin: 0px 0px 20px 0px; width: 377px; display: inline;
			background-color: #eee;
		}
		.testquotebox p {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px; line-height: 20px;
			color: #666;
			text-align: left;
			margin: 0px; padding: 0px;
		}
		.testquotebox .quoteleft {float: left; display: inline;}
		.testquotebox .quoteright {position: absolute;}
		.testquotebox .quoteimg {margin: 0px 0px 15px 0px;}


		/* ========== */
		/* CONTACT US */
		/* ========== */
		.contactbox {
			float: left; padding: 20px; margin: 0px 0px 20px 0px; width: 377px; display: inline;
			background-color: #eee;
		}
		.contactbox p {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px; line-height: 20px;
			color: #666;
			text-align: left;
			margin: 0px; padding: 0px;
		}
		.contactbox p a {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px; line-height: 20px;
			color: #FF5EC4; text-decoration: none;
		}		
		
		/* ============ */
		/* BOOKING FORM */
		/* ============ */
		.bookingbox {
			float: left; padding: 20px; margin: 0px 0px 20px 0px; width: 377px; display: inline;
			background-color: #eee;
		}
		.bookingbox p {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px; line-height: 20px;
			color: #666;
			text-align: left;
			margin: 0px; padding: 0px;
		}
		.bookingbox p a {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px; line-height: 20px;
			color: #FF5EC4; text-decoration: none;
		}
		.bookingbox .pink {font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #FF5EC4;}			
		
		/* ======== */
		/* FEEDBACK */
		/* ======== */
		.fbbox {
			float: left; padding: 20px; margin: 0px 0px 20px 0px; width: 377px; display: inline;
			background-color: #eee;
		}
		.fbbox p {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px; line-height: 20px;
			color: #666;
			text-align: left;
			margin: 0px; padding: 0px;
		}
		.fbbox p a {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px; line-height: 20px;
			color: #FF5EC4; text-decoration: none;
		}		
		
			/* used on contact page and booking form */
			.fieldrow {float: left; width: 357px; display: inline; margin: 0px 0px 10px 0px; padding: 0px;}
			.fieldrowsubmit {float: left; width: 357px; display: inline; margin: 0px 0px 10px 0px; padding: 0px; text-align: right;}
			
			.formlabel {
				float: left; margin: 0px 15px 0px 0px; padding: 5px 0px 0px 0px;
				font-family: Tahoma, Verdana, sans-serif;
				font-size: 11px; color: #666; text-decoration: none;
				display: block; width: 100px;
			}
			.formlabel .tiny {font-family: Tahoma, Verdana, sans-serif; font-size: 9px; color: #666;}
			.formlabelwide {
				float: left; margin: 0px; padding: 5px 0px 0px 0px;
				font-family: Tahoma, Verdana, sans-serif;
				font-size: 11px; color: #666; text-decoration: none;
				display: block; width: 377px;
			}
			.formlabeltickbox {
				float: left; margin: 0px; padding: 5px 0px 0px 0px;
				font-family: Tahoma, Verdana, sans-serif;
				font-size: 11px; color: #666; text-decoration: none;
				display: block; width: 300px;
			}
			.formlabeltickbox a{font-family: Tahoma, Verdana, sans-serif; font-size: 11px; color: #FF5EC4; text-decoration: none;}									
			.formfield-general {
				float: left !important; width: 232px !important; height: 16px !important; display: inline !important;
				padding: 4px !important; margin: 0px;
				font-family: Tahoma, Verdana, sans-serif !important; font-size: 11px !important;				
				background-color: #ddd !important; color: #000 !important;
				border: 1px solid #fff !important;
			}
			.formfield-general2 {
				float: left !important; width: 340px !important; height: 16px !important; display: inline !important;
				padding: 4px !important; margin: 0px;
				font-family: Tahoma, Verdana, sans-serif !important; font-size: 11px !important;				
				background-color: #ddd !important; color: #000 !important;
				border: 1px solid #fff !important;
			}
			.formfield-dropdowns {
				float: left !important; height: 24px !important; display: inline !important;
				padding: 4px !important; margin: 0px;
				font-family: Tahoma, Verdana, sans-serif !important; font-size: 11px !important;				
				background-color: #ddd !important; color: #000 !important;
				border: 1px solid #fff !important;
			}				
			.formfield-message {
				float: left !important; width: 232px !important; height: 140px !important; display: inline !important;
				padding: 4px !important; margin: 0px !important;
				font-family: Tahoma, Verdana, sans-serif !important; font-size: 11px !important;				
				background-color: #ddd !important; color: #000 !important;
				border: 1px solid #fff !important;
				overflow: auto !important;
			}
			.formfield-message2 {
				float: left !important; width: 347px !important; height: 140px !important; display: inline !important;
				padding: 4px !important; margin: 0px !important;
				font-family: Tahoma, Verdana, sans-serif !important; font-size: 11px !important;				
				background-color: #ddd !important; color: #000 !important;
				border: 1px solid #fff !important;
				overflow: auto !important;
			}						

		/* =========== */
		/* CLIENT AREA */
		/* =========== */
		#clientarea {
			float: left; padding: 20px; margin: 0px 0px 20px 0px; width: 806px; display: inline;
			background-color: #eee;
		}
		#clientarea p {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px; line-height: 20px;
			color: #666;
			text-align: left;
			margin: 0px; padding: 0px;
		}
		.clientpod {
			float: left; width: 383px; padding: 15px; margin: 0px 20px 20px 0px; display: inline;
			background-color: #eee;
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px; line-height: 20px;
			color: #666;
			text-align: center;
		}
		.clientpod-end {
			float: left; width: 383px; padding: 15px; margin: 0px 0px 20px 0px; display: inline;
			background-color: #eee;
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px; line-height: 20px;
			color: #666;
			text-align: center;
		}		
		.clientpod a, .clientpod-end a {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 12px; line-height: 20px;
			color: #FF5EC4; text-decoration: none;
		}		
		.clientpod img, .clientpod-end img {border: 1px solid #fff;}
		#wrapper {
			float: left; padding: 20px; margin: 0px 0px 20px 35px; width: 819px; display: inline;
			text-align: center;
			background-color: #eee;
			font-family: Tahoma, Verdana, sans-serif; font-size: 12px; line-height: 20px; color: #666;
		}
		#wrapper a {font-family: Tahoma, Verdana, sans-serif; font-size: 12px; line-height: 20px; color: #666;}
		#wrapper a:hover {font-family: Tahoma, Verdana, sans-serif; font-size: 12px; line-height: 20px; color: #FF5EC4;}
		#wrapper table {margin: 0 auto;}

	#footer {
		margin: 0 auto;
		width: 1023px; height: 284px;
		background: url(../images/bg-footer.png) no-repeat top left; 
		text-align: center;
		/*position: relative;*/
	}
	#footer p {font-family: Tahoma, Verdana, sans-serif; font-size: 10px; color: #666; text-decoration: none;}
	#footer p a {font-family: Tahoma, Verdana, sans-serif; font-size: 10px; color: #FF5EC4; text-decoration: none;}
	
		#homeclick {
			width: 400px;
			height: 30px;
			position: absolute;
			top: 5px;
			right: 67px;
			text-align: right;
		}
		#homeclick p {margin:0px; padding: 0px; font-family: Tahoma, Verdana, sans-serif; color: #999; font-size: 11px;
}