@charset "UTF-8";
/* CSS Document */
body{background:#252525;font-size:76%;font-family:Arial, Helvetica, sans-serif;}
a{text-decoration:none;color:#999}
#wrapper{width:980px;margin:0 auto;color:#ccc;}
#header{padding:20px 0;width:100%}
.logo{color:#666;font-size:36px;display:block;text-decoration:none;text-transform:uppercase;width:360px;float:left;}
	.logo span{color:#999;font-size:14px;display:block;text-transform:capitalize;}
#topNav{list-style-type:none;float:right;margin:20px 0 0;}
	#topNav li{float:left;width:15px;height:15px;margin:0 2px;border:1px solid #333;padding:3px;}
	#topNav li a{text-indent:-9999em;width:15px;height:15px;display:block;background:transparent url('img/icons.gif') no-repeat 0 0}
	#topNav li a:hover{background-image:url('img/iconsHover.gif')}
	#topNav li a.home{background-position:0 0}
	#topNav li a.contact{background-position:0 -14px}
	#topNav li a.gallery{background-position:0 -34px}
#content{padding:30px 0;border:1px dotted #333;border-width:1px 0}
#contentLeft{float:left;width:690px;height:431px;margin-right:31px;background-color:#000;position:relative;z-index:90}
	.homePage #contentLeft{background-color:#252525}
#contentRight{float:right;width:250px;}
#mainNav{list-style-type:none;padding:0;margin:0;display:block;}
	#mainNav a{display:block;color:#666;font-size:30px}
	#mainNav a:hover,
	.homePage #mainNav a.homeNav,
	.aboutPage #mainNav a.aboutNav,
	.galleryPage #mainNav a.galleryNav,
	.contactPage #mainNav a.contactNav{color:#fff;}

#catNav{padding:0;margin:0;list-style-type:none;width:680px;border-bottom:1px solid #252525;float:left;position:relative;z-index:100}
	#catNav li{float:left;width:170px;position:relative;}
	#catNav li a{display:block;padding:5px}
	#catNav li a:hover{color:#fff;}
	.homePage #catNav li a{text-align:center;}
	
	.subNav{padding:0;margin:0;list-style-type:none;background:#000;height:430px;position:absolute;top:26px;left:0;border:1px solid #000;}
	.subNav li {width:168px!important;background:#000;}
	.subNav li a{display:block;padding:5px;background-color:#000;}
	.subNav li a:hover{color:#fff;background:#252525!important;}
	
	#catNav .subNav{display:none;}
	#catNav li:hover,
	#catNav li.hover,
	.galleryPage.places .catPlaces,
	.galleryPage.action .catAction,
	.galleryPage.journeys .catJourneys,
	.galleryPage.people .catPeople {background-color:#000;color:#fff}
	
	#catNav li:hover .subNav,
	#catNav li.hover .subNav{display:block!important}
	
	.imgBox{width:168px;height:430px;float:left;border:1px solid #000;border-width:0 1px 1px}
		
		/* clicked styles */
		#catNav .clicked a{background-color:#000;color:#fff}
		
		#catNav .catPlaces .subNav,
		.galleryPage.places .imgBox,
		.homeContent li.cat1{background:url('img/catPlaces.jpg') no-repeat 50% 0}
		
		#catNav .catAction .subNav,
		.galleryPage.action .imgBox,
		.homeContent li.cat2{background:url('img/catAction.jpg') no-repeat 50% 0}
		
		#catNav .catJourneys .subNav,
		.galleryPage.journeys .imgBox,
		.homeContent li.cat3{background:url('img/catJourneys.jpg') no-repeat 50% 0}
		
		#catNav .catPeople .subNav,
		.galleryPage.people .imgBox,
		.homeContent li.cat4{background:url('img/catPeople.jpg') no-repeat 50% 0}
	
		.places .catPlaces .subNav,
		.action .catAction .subNav,
		.journeys .catJourneys .subNav,
		.people .catPeople .subNav{background:#000 none!important;}
		
/* Page Content Styles */
	
	.mainContent{display:none;}
	/* Home Page */
	.homePage .homeContent{display:block;margin:0;padding:0;list-style-type:none;text-indent:-9999em;font-size:1px;color:#000;}
		.homeContent li{float:left;width:168px;height:430px;border:1px solid #252525;}
			.homeContent li a{display:block;height:430px;border:1px solid #252525;border-width:0 30px}
			.homeContent li a:hover{border-width:0 1px}
			
	/* About Us Page */
	.aboutPage .aboutContent{display:block}
	
	/* Gallery Page */
	.galleryPage .galleryContent{display:block}
	#thumbnails{padding:0 5px;margin:0;list-style-type:none;width:160px;height:430px;float:left;background:#000;}
		#thumbnails li {width:70px;height:65px;background:#000;line-height:65px;float:left;border:1px solid #000;overflow:hidden;margin:2px}
		#thumbnails li.subName{width:160px;color:#999;font-weight:normal;display:block;}
		#thumbnails li.subName:hover{border:1px solid #000;}
		#thumbnails li:hover{border:1px solid #252525;}
		#thumbnails li a {display:block;border:none;width:70px;height:65px;text-align:center;position:relative;}
		#thumbnails li a img{border:none;padding:0;margin:0 auto;}
	#noSubCat{padding:0 5px;margin:0;list-style-type:none;width:160px;height:430px;float:left;}
		#noSubCat li {background:#000;}
		#noSubCat li a{display:block;padding:5px;background-color:#000;}
		#noSubCat li a:hover{color:#fff;}
	#blurb{width:318px;float:left;border:1px solid #000;padding:0 10px;height:429px;color:#ccc;}
	#blurb p{color:#666;font-size:17px;}
	.aboutPage #contentLeft{height:auto;}
	.aboutPage #blurb{width:485px;height:auto;}
	.aboutPage #blurb p{font-size:15px}
	.galleryPage.places #blurb p{overflow-y:auto;height:350px;} 
	
	
	#slideShow{display:none;position:absolute;top:0; left:0;width:500px;border:5px solid #000;background:#000 url('img/ajax-loader.gif') no-repeat 50% 50%;height:421px;overflow:hidden;}
	#sb-loading,#thumbnails li a,#slideShow ul li {background:#000 url('img/ajax-loader.gif') no-repeat 50% 50%;}
	#slideShow img{width:230px;height:150px;}
	.showPreview #slideShow{display:block!important;}
	#slideShow h2{position:absolute;top:0;left:0;}
	#slideShow ul {margin:0;padding:0;overflow:hidden;background-color:#000;width:500px;position:absolute;}
	#slideShow ul li{list-style-type:none;float:left;width:230px;padding:5px;height:150px;overflow:hidden;}
	.playBtn{position:absolute;top:25px;left:30px;}
	
	/* Contact Page */
	.contactPage .contactContent{display:block}
	.enquiry{width:300px;}
	.enquiryForm fieldset{border:none;}
	.enquiryForm label{display:block;}
	.requiredMsg{color:red;}
	.successBox{color:#fff!important;}
	
	
#footer{padding:10px 0}
#footer a:hover{text-decoration:underline;}

/* clearfix */
.clear {display:inline-block;}
.clear:after {display:block;visibility:hidden;clear:both;height:0;content: ".";}