@charset "utf-8";
/* CSS Document */
 
body {color:#EEE;font-family:'Verdana';font-size:12px;background-color:#000000;}

img{ border: 0px;}
.clear{ clear:both;}
#main{ position:relative; width:1024px; height:731px; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; text-align:justify; background:url(pictures/background.jpg); background-repeat:no-repeat; z-index:111;}

#main .highlight{ color:#C8E883;}
#main .highlight2{ color:#8FD300; font-weight:700;}

#main .logo{ position:absolute; right:10px; top:40px;}

#main .nav { position:absolute; left: 60px; top:75px;z-index:999;}
#main .mainContent { position:absolute; width:884px; height:420px; top:167px; left:73px; vertical-align:top; margin-right:auto;z-index:999;}
	
	#main .mainContent .left { position:relative; width:323px; height:420px; float:left;}
	#main .mainContent .right { position:relative; width:884px; height:420px;}

	#main .mainContent .text{ width:420px; float:left; padding-top:10px;}
		#main .mainContent .text h1{font-size:120%;margin-top:-4px; color:#C8E883;}
		#main .mainContent .text h2{font-size:100%;}
		#main .mainContent .text p{padding-left:10px; padding-right:20px;}
	
	#main .mainContent .destinations_text{ width:430px; float:left; padding-top:10px;}
		#main .mainContent .destinations_text h1{font-size:120%;margin-top:-4px; color:#C8E883;}
		#main .mainContent .destinations_text h2{font-size:100%; margin-bottom:-5px;margin-top:-5px;}
		#main .mainContent .destinations_text p{padding-left:20px; padding-right:0px; font-size:10px;}
		#main .mainContent .destinations_text p a{ color:#C8E883; font-weight:700;}
		#main .mainContent .destinations_text p a:link{color:#C8E883; font-weight:700;}
		#main .mainContent .destinations_text p a:hover{color:#FFF; font-weight:700; text-decoration:none;}

	#main .mainContent .message{position:absolute; left:0px; top:300px; width:400px; color:#F60; padding-left:10px; padding-right:}

	#main .mainContent .themesText{ float:left; max-height:420px; overflow:auto; padding-top:10px; width:840px;}
		#main .mainContent .themesText h1{font-size:120%;margin-top:-4px; color:#C8E883;}
		#main .mainContent .themesText h2{font-size:100%; color:FFF;}
		#main .mainContent .themesText h2 a {font-size:100%; color:#C8E883;}
		#main .mainContent .themesText p{padding-left:10px; padding-right:20px;}

	#main .mainContent .eventsText{ width:370px; float:left; padding-top:10px;}
		#main .mainContent .eventsText h1{font-size:120%;margin-top:-4px; color:#C8E883;}
		#main .mainContent .eventsText h2{font-size:100%; color:#C8E883	;}
		#main .mainContent .eventsText p{padding-left:10px; padding-right:20px;}
		#main .mainContent .eventsRight{ float:right; width:460px; text-align:left;}
		#main .mainContent .eventsRight h2{font-size:100%; color:C8E883;}
		#main .mainContent .eventsRight p { padding-left:10px; font-style:italic;}

	#main .mainContent .pictures{ float:right; width:450px; text-align:left;}
		#main .mainContent .pictures img{ height:auto;}

#main .submenu{ position:absolute; top:592px; left:73px; width:884px; height:30px; padding-top:2px; z-index:999;}
	#main .submenu .direct{ float:left;}
	#main .submenu .facebook{ float:right;}


	#main .footer{ position:absolute; width:884px; left:73px; top: 630px; z-index:999; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#DDD; text-align:center;}
		#main .footer a { color:#DDD; text-decoration:underline;}
		#main .footer a:link{color:#DDD; text-decoration:underline;}
		#main .footer a:hover{color:#C8E883;}

#top {vertical-align:text-top; position:relative; float:left; padding-bottom:15px; width:150px}
#headerMessage{ position:relative; margin-left:350px; text-align:right; height:110px; color:#F90; font-weight:700;}
#headerMessage a{color:#F90;}
#htmlWrapper{ width: 1024px;}

/*
   CONTACT US * * * * * * * * * * * * * * * * * * * * * * * * *
*/
#main .contactContent { position:absolute; width:884px; height:420px; top:167px; left:73px; vertical-align:top; margin-right:auto;z-index:999; background:url(pictures/contact_back.jpg);}
	
	#main .contactContent .left { position:relative; width:410px; height:420px; float:left;}
		#main .contactContent .left .intro { position:relative; margin-top:10px; margin-left:10px; width:380px; text-align:justify; font-size:11px; font-style:italic; margin-bottom: 30px;}
		#main .contactContent .left .title { position:relative; margin-top:15px; margin-left:10px;}
		#main .contactContent .left .details { position:relative; margin-left:20px; margin-top:10px;}
			#main .contactContent .left .details .heading{ color:#8FD300;}
			#main .contactContent .left .details .info{ color:#FFF; font-weight:700;}
				#main .contactContent .left .details .info a{color:#FFF; font-weight:700; text-decoration:underline;}
				#main .contactContent .left .details .info a:link{color:#FFF; font-weight:700; text-decoration:underline;}
				#main .contactContent .left .details .info a:hover{color:#C8E883; font-weight:700; text-decoration:none;}
			
	#main .contactContent .right { position:relative; width:473px; height:420px; float:right; }
		#main .contactContent .right .title { position:relative; margin-top:10px; margin-left:10px;}
		#main .contactContent .right .map_container{ bottom: 25px; height: 350px; position: absolute; right: 25px; width: 430px; border: 4px solid #FFFFFF;}
			#map{height: 350px; width: 430px;}

/*
	Google Maps Markers
*/

.marker{ width:285px; height:100px; font-size:10px;}
	.marker_title{ position:relative; font-size:14px; font-weight:700; color:#8FD300; margin-top:0px; margin-bottom:10px;}
	.marker_content{ position:relative;}
	.marker_content .marker_pic{ float:left; border:#333 1px solid; margin-bottom:10px; width:63px; height:61px; margin-right:10px;}
	.marker_content .marker_txt{ color:#555;}
		.marker_content .marker_txt a{ color:#666; text-decoration:none; font-weight:700;}
		.marker_content .marker_txt a:link{ color:#333; text-decoration:none;}
		.marker_content .marker_txt a:hover{ color:#000; text-decoration:none;}
	.marker_content .tel{ position:relative; color:#333}

/*
   PIKA * * * * * * * * * * * * * * * * * * * * * * * * *
*/

/*below is the stuff for the compact example*/
.pikachooseCompact{width:884px; height:420px; position:relative;}
/* This is the ul you have all your images in */
.pikachooseCompact ul{padding:5px 0 0 5px; /*width:884px;*/ height:15px;margin:0; overflow:hidden; position:absolute; bottom:6px; background:url('pictures/black.png') top left;z-index:99;}
.pikachooseCompact ul li{float: left;margin:0 6px 4px 0;positrgb(50%, 25%, 25%);ion:relative;background:url('pictures/thumb-circle-empty.png') top left no-repeat;}
.pikachooseCompact ul li div img{position:relative;cursor:pointer;}
/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:884px;height:420px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative;}
.pika_animationDivs{top:0px;left:0px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:0px;}
.pika_caption{height:16px;padding:2px 5px 0 0;text-align:right;position:absolute;bottom:8px;right:3px;z-index:100; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:700;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%; margin-left:-25px; width:50px; top:15px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;/*display: none;*/width:50px;height:50px; background:url('pictures/play.png') top center no-repeat;}
.pika_play a .pika_stop_button{background:url('pictures/pause.png') top center no-repeat;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:20px;left:20px;height:456px;width:100px; background:url('pictures/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:20px;right:20px;height:456px;width:100px; background:url('pictures/fastf.png') top right no-repeat;}