/* Clearing. */

.clearfix /* For IE/MAC. */
{
	display: inline-block;
}

.clearfix:after /* For Non-IE browsers. */
{
	clear: both;
	content: "";
	display: block;
	visibility: hidden;

	height: 0;
}

* html .clearfix /* For IE6 and below, trigger hasLayout. */
{
	height: 1%;
}

.clearfix /* For IE/Win. */
{
	display: block;
}

/* New style. */

div#header
{
	position: relative;

	padding: 0;
	
	width: 960px;
}

div#logo
{
	width: auto;
}

div#enquire
{
	position: absolute;
		top: 54px;
		right: 20px;
	
	height: auto !important;
}

div#nav
{
	clear: none;
	position: absolute;
		bottom: 35px;
		right: 44px;
		
	width: 698px;
}

div#nav li a
{
	background-image: url(../assets/navigation.gif);
	
	height: 26px;
}

	#nav li a#navHome
	{
		background-position: 0 0;
		
		width: 48px;
	}
	#nav li a#navHome:hover, #nav li a#navHome.active
	{
		background-position: 0 -26px;
	}
	
	#nav li a#navDest
	{
		background-position: -48px 0;
		
		width: 100px;
	}
	#nav li a#navDest:hover, #nav li a#navDest.active
	{
		background-position: -48px -26px;
	}
	
	#nav li a#navExpe
	{
		background-position: -149px 0;
		
		width: 88px;
	}
	#nav li a#navExpe:hover, #nav li a#navExpe.active
	{
		background-position: -149px -26px;
	}
	
	#nav li a#navIdea
	{
		/*background-position: -236px 0;
		width: 112px;*/
		background-position: -693px 0;
		width: 82px;
	}
	#nav li a#navIdea:hover, #nav li a#navIdea.active
	{
		/*background-position: -236px -26px;*/
		background-position: -693px -26px;
	}
	
	#nav li a#navSpec
	{
		background-position: -348px 0;
		
		width: 126px;
	}
	#nav li a#navSpec:hover, #nav li a#navSpec.active
	{
		background-position: -348px -26px;
	}
	
	#nav li a#navMap
	{
		background-position: -778px 0;
		
		width: 34px;
	}
	#nav li a#navMap:hover, #nav li a#navMap.active
	{
		background-position: -778px -26px;
	}

	#nav li a#navAbou
	{
		background-position: -474px 0;
		
		width: 72px;
	}
	#nav li a#navAbou:hover, #nav li a#navAbou.active
	{
		background-position: -474px -26px;
	}
	
	#nav li a#navGall
	{
		background-position: -546px 0;
		
		width: 64px;
	}
	#nav li a#navGall:hover, #nav li a#navGall.active
	{
		background-position: -546px -26px;
	}
	
	#nav li a#navFaqs
	{
		background-position: -610px 0;
		
		width: 36px;
	}
	#nav li a#navFaqs:hover, #nav li a#navFaqs.active
	{
		background-position: -610px -26px;
	}
	
	#nav li a#navNews
	{
		background-position: -646px 0;
		
		width: 46px;
	}
	#nav li a#navNews:hover, #nav li a#navNews.active
	{
		background-position: -646px -26px;
	}


#callContainer
{
	background-image: url(../assets/bg/callContainer.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.callButtons
{
	margin: 0 auto;
	padding-top: 25px;
	
	width: 940px;
}

.callButtons .callButton
{
	display: inline;
	float: left;
	
	margin-left: 20px;
	
	width: 300px;
}

.callButtons .callButton.first-child
{
	margin-left: 0;
}

div#page
{
	margin: 0 auto;
	
	/*width: 778px;*/
	width: auto;
}

body.Index div#page
{
	width: auto;
	padding: 15px 0px 45px 0px;
}

body.Index #pageContainer
{
	padding: 0;

	min-height: 345px !important;
	width: 940px;
}

* html body.Index #pageContainer
{
	height: 345px !important;
}

.introduction
{
	float: left;
	
	width: 600px;
}

div#page div.clearfix {
	position: relative;
}
div.whatsNext
{
	/*float: right;
	width: 300px;
	height: auto;
	position: relative;*/
}

div.whatsNext img {
	position: absolute;
	bottom: 0;
	right: 0;
}

ul.areaList.fullPage
{
	margin-bottom: 30px;
}

ul.areaList.fullPage li
{
	display: inline;

	margin-right: 36px;
	margin-bottom: 32px;
	padding: 0;

	width: 371px;
}

ul.areaList.fullPage li.listEnd
{
	margin-right: 0;
}

ul.areaList.fullPage li img
{
	border: 0;
}

.contentTop
{
	background-image: url(../assets/bg/contentTop.gif);
	background-position: center bottom;
	background-repeat: no-repeat;

	margin: 0 auto;

	height: 18px;
	width: 836px;
}