@charset "utf-8";
/* 
= CSS Document  =============================
	
	Site: 			Parkdean Holidays Global CSS
	Author: 		Jon Park & Steven Gibbons | Union Room
	Created: 		November 18th, 2008
	Updated: 
	Copyright: (c) 2008, Parkdean Holidays
	
==========================================
*/

/* === START Homepage === */

	/* --- Javascript Gallery --- */
	div.contentHomepage div#jGallery { margin: 0 0 10px 0; width: 597px; height: 345px; overflow: hidden; }
		div.contentHomepage div#jGallery div.galleryImages { width: 597px; height: 354px; overflow: hidden; }
			div.contentHomepage div#jGallery div.galleryImages li { list-style: none; position: absolute; display: none; }
			div.contentHomepage div#jGallery div.galleryImages li.active { display: list-item; }
		div.contentHomepage div#jGallery div.galleryOverlay { width: 100%; position: relative; top: -159px; z-index: 2; }
			div.contentHomepage div#jGallery div.galleryTitleStrip { width: 567px; padding: 10px 15px; background: url(../../img/bg/semiTrans-White.png); }
			div.contentHomepage div#jGallery div.galleryTitleStrip:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
				div.contentHomepage div#jGallery div.galleryTitleStrip p { width: 75%; padding: 3px 0 0 0; font: bold 1.4em Arial, Helvetica, sans-serif; color: #333; float: left; }
				div.contentHomepage div#jGallery div.galleryTitleStrip ul { list-style: none; float: right; }
					div.contentHomepage div#jGallery div.galleryTitleStrip li { float: left; }
					div.contentHomepage div#jGallery div.galleryTitleStrip a { width: 22px; height: 18px; margin: 0 0 0 2px; padding: 4px 0 0 0; text-align: center; font-weight: bold; color: #FFF; background-image: url(../../img/iR/javascript/aRoundLink.gif); }
					div.contentHomepage div#jGallery div.galleryTitleStrip a:hover { text-decoration: none; }
					div.contentHomepage div#jGallery div.galleryTitleStrip a.active { background-position: bottom; }
			div.contentHomepage div#jGallery div.galleryAdvertText { width: 567px; height: 88px; padding: 10px 15px; background: url(../../img/bg/javascript/divGalleryAdvertText.png); }
				div.contentHomepage div#jGallery div.galleryAdvertText h1 { font: 2.5em Arial, Helvetica, sans-serif; color: #FFF; }
				div.contentHomepage div#jGallery div.galleryAdvertText p { font: 1.5em Arial, Helvetica, sans-serif; color: #FFF; }

/* --- Main Tabs --- */ 
div.contentHomepage ul#tabs { width: 597px; height: 34px; background: url('../../img/bg/homePageTabUl.gif') repeat-x top; list-style: none; }
    div.contentHomepage ul#tabs li { width: 199px; padding: 8px 0 10px 0; list-style: none; float: left; }
    div.contentHomepage ul#tabs li#tabWrap-1 { background-image: url(../../img/bg/liTabWrap1of3.gif); background-repeat: no-repeat; }
    div.contentHomepage ul#tabs li#tabWrap-1.active { background-position: bottom; }
    div.contentHomepage ul#tabs li#tabWrap-2 { background-image: url(../../img/bg/liTabWrap2of3.gif); background-repeat: no-repeat; }
    div.contentHomepage ul#tabs li#tabWrap-2.active { background-position: bottom; }
    div.contentHomepage ul#tabs li#tabWrap-3 { background-image: url(../../img/bg/liTabWrap2of3.gif); background-repeat: no-repeat; }
    div.contentHomepage ul#tabs li#tabWrap-3.active { background-position: bottom; }

    div.contentHomepage ul#tabs li a { margin: 0 0 0 35px!important; font: bold 1.4em Arial, Helvetica, sans-serif; color: #999; }
    div.contentHomepage ul#tabs li a.active { margin: 0 0 0 35px!important; font: bold 1.4em Arial, Helvetica, sans-serif; color: #0099FF; text-decoration: none }
    div.contentHomepage ul#tabs li a:hover { margin: 0 0 0 35px!important; font: bold 1.4em Arial, Helvetica, sans-serif; color: #0099FF; }
    div.contentHomepage div#tabContent { margin: 0 0 10px 0; border: 1px solid #D8D8D8; border-top: 0; width: 593px; padding: 0 1px 1px 1px; }
  
  div.contentHomepage div#tabContent div.tabInner#tab-1 { margin: 0; height: 210px; background: url('../../img/bg/homePageTabGrad.gif') repeat-x top; padding: 10px 20px 20px 20px; }
    div.contentHomepage div#tabContent div.tabInner#tab-1 img { margin: 10px 20px 0 0; }
    div.contentHomepage div#tabContent div.tabInner#tab-1 h6 { font: bold 2.0em Arial, Helvetica, sans-serif; color: #09F; padding: 10px 0 0 0; }
    div.contentHomepage div#tabContent div.tabInner#tab-1 p { font: 1.4em Arial, Helvetica, sans-serif; color: #666; padding: 10px 0 0 0; }
    div.contentHomepage div#tabContent div.tabInner#tab-1 a { margin: 10px 0 0 0; width: 99px; height: 22px;}
	div.contentHomepage div#tabContent div.tabInner#tab-1 a.butt { margin: 10px 0 0 0; width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }

    div.contentHomepage div#tabContent div.tabInner#tab-2 { display: none; margin: 0; height: 210px; background: url('../../img/bg/homePageTabGrad.gif') repeat-x top; padding: 10px 20px 20px 20px; }
    div.contentHomepage div#tabContent div.tabInner#tab-2 img { margin: 10px 20px 0 0; }
    div.contentHomepage div#tabContent div.tabInner#tab-2 h6 { font: bold 2.0em Arial, Helvetica, sans-serif; color: #09F; padding: 10px 0 0 0; }
    div.contentHomepage div#tabContent div.tabInner#tab-2 p { font: 1.3em Arial, Helvetica, sans-serif; color: #666; padding: 10px 0 0 0; }
    div.contentHomepage div#tabContent div.tabInner#tab-2 a { margin: 10px 0 0 0; width: 99px; height: 22px;}
    div.contentHomepage div#tabContent div.tabInner#tab-2 a.butt { margin: 10px 0 0 0; width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }
    
   div.contentHomepage div#tabContent div.tabInner#tab-3 { display: none; margin: 0; height: 210px; background: url('../../img/bg/homePageTabGrad.gif') repeat-x top; padding: 10px 20px 20px 20px; }
    div.contentHomepage div#tabContent div.tabInner#tab-3 img { margin: 10px 20px 0 0; }
    div.contentHomepage div#tabContent div.tabInner#tab-3 h6 { font: bold 2.0em Arial, Helvetica, sans-serif; color: #09F; padding: 10px 0 0 0; }
    div.contentHomepage div#tabContent div.tabInner#tab-3 p { font: 1.3em Arial, Helvetica, sans-serif; color: #666; padding: 10px 0 0 0; }
    div.contentHomepage div#tabContent div.tabInner#tab-3 a { margin: 10px 0 0 0; width: 99px; height: 22px;}
    div.contentHomepage div#tabContent div.tabInner#tab-3 a.butt { margin: 10px 0 0 0; width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }

    div.contentHomepage ul#tabs li#tabWrap-1.active a { color: #09F; }
    div.contentHomepage ul#tabs li#tabWrap-2.active a { color: #09F; }
    div.contentHomepage ul#tabs li#tabWrap-2.active a { color: #09F; }



	
	div#millionInvestmentBanner { background: url('../../img/bg/millionInvestment.jpg') no-repeat; width: 181px; height: 230px; }
        div#millionInvestmentBanner h2 { margin: 0; padding: 90px 0 5px 0; font: Arial, Helvetica, sans-serif; font-size: 20px; color: #0099FF; text-align: center; }
        div#millionInvestmentBanner h3 { margin-left: 25px; padding: 0; font-weight: bold; font: Arial, Helvetica, sans-serif; font-size: 14px; color: #990000; text-align: left; }
        div#millionInvestmentBanner h4 { margin-left:25px; margin-top:10px; padding: 0; font-weight: bold; font: Arial, Helvetica, sans-serif; font-size: 15px; color: #0099FF; text-align: left; }

	
/* --- Main Adverts --- */
div.contentHomepage div#adverts { margin: 0 0 25px 0; width: 597px; height: 130px; }
	div.contentHomepage div#adverts div.advert { border: 1px solid #D8D8D8; background: url('../../img/bg/global/divContentBox.gif') repeat-x top; }
	div.contentHomepage div#adverts div.inner { width: 252px; background: url('../../img/bg/adverts/touringPark.jpg') no-repeat top right; padding: 13px 20px 13px 20px; }
	div.contentHomepage div#adverts div.innerRight { width: 252px; background: url('../../img/bg/adverts/stunningLocations.jpg') no-repeat top right; padding: 13px 20px 13px 20px; }
		div.contentHomepage div#adverts div.advert h4 { font: bold 2.5em Arial, Helvetica, sans-serif; color: #81993C; line-height: 1.2em;  }
		div.contentHomepage div#adverts div.fRight h4 { font: bold 2.5em Arial, Helvetica, sans-serif; color: #6F3992; line-height: 1.2em;  }
		div.contentHomepage div#adverts div.advert p { font: bold 1.8em Arial, Helvetica, sans-serif; color: #999;  }
		div.contentHomepage div#adverts div.advert a { width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }





/* === END Homepage === */