body, html{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #000;
}

.header{
	position: fixed;
	width:100%;
	height: 80px;
	z-index: 3;
}

.header .brand{
	display: block;
	width:210px;
	height: 36px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	position: absolute;
	top:37px;
	left:40px;
	background-repeat: no-repeat;
}

nav.primary{
	position: absolute;
	top:32px;
	left:260px;
}

header .primary ul ul {
	display: block; /* initially hiding the navigation */
}

nav.primary ul, 
nav.primary ul li{
	padding:0px;
	margin: 0px;
}

nav.primary ul li{
	float:left;
	position: relative;
}

nav.primary ul li a{
	font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
	color: #000;
	display: block;
	font-size: 14px;
	text-transform: lowercase;
	background-color: rbga(0,0,0,.2);
	padding: 0px 15px 0px 15px;
	line-height: 45px;
}

nav.primary ul li.section a,
nav.primary ul li.current a,
nav.primary ul li a:hover{
	background-color: rgba(0,0,0,.4);
	color: #fff;
}

nav.primary ul li.current ul li a,
nav.primary ul li.section ul li a{
	background-color: transparent;
	color: #000;
}

nav.primary ul li ul li.current a,
nav.primary ul li ul li.section a{
	background-color: rgba(0,0,0,.2);
	color: #fff;
}

nav.primary ul li ul li a:hover{
	background-color: rgba(0,0,0,.2);
	color: #fff;
}

nav.primary ul li ul li.current ul li a,
nav.primary ul li ul li.section ul li a{
	background-color: transparent;
	color: #000;
}

nav.primary ul li ul li ul li.current a,
nav.primary ul li ul li ul li.section a{
	background-color: rgba(0,0,0,.2);
	color: #fff;
}

nav.primary ul li ul li ul li a:hover{
	background-color: rgba(0,0,0,.2);
	color: #fff;
}

nav.primary ul li:hover ul{
	display:block;
}

nav.primary ul li:hover ul li ul{
	/* display:block; */
}

nav.primary ul li ul{
	position:absolute;
	top:44px;
	left:0px;
	display: none;
	width: 152px;
}

nav.primary ul li ul li:hover ul{
	display:block;
}

nav.primary ul li ul li{
	float:none;
}

nav.primary ul li ul li a{
	line-height:35px;
}
	
nav.primary ul li:hover ul li ul{
	display:none;
}

nav.primary ul li ul li:hover ul{
	display:block;
}
	
nav.primary ul li ul li ul{
	top:0px;
	left:152px;
	display: none;
}

nav.primary li a,
.footer a { /* adds color transition when links/inputs on hover */

    -moz-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    
}

nav.primary ul li.section ul,
nav.primary ul li.current ul{
	
}

#BGcaro,
.main,
.main .inner,
.rollOverImage,
.fullScreenBG,
.fullScreenBGcaro{
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
	top:0px;
	left: 0px;
}

.content-container{
	position: absolute;
	top:120px;
}

#BGcaro{
	display: none;
}

.fullScreenBGcaro,
.rollOverImage,
.fullScreenBG{
	background-position: center top;
	background-repeat: no-repeat;
}

.rollOverImage{
	display: none;
	z-index: 3;
}

.main{

}

#MainLoadContent{
	position: absolute;
	top:0px;
	left:0px;
	z-index: 2;
	width: 100%;
	height: 100%;
}


#InnerAjax{
	position:relative;
	overflow: auto;
	 /* padding: 70px 40px 50px 40px; */
}

#InnerAjax.noScroll{
	overflow: hidden;
}

#InnerAjax .sized{
	
	position: absolute;
	top:15%;
	left: 50%;
	width:60%;
	padding-bottom: 100px;
	
}

#InnerAjax .content.twoCols{
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
	-moz-column-gap:30px; /* Firefox */
	-webkit-column-gap:30px; /* Safari and Chrome */
	column-gap:30px;
}

#InnerAjax .hidden{
	display:none;
}

.video-wrap {
	margin-bottom: 20px;
}

.typography article h1{
	display: none;
}

#Form_NewsletterForm label.left{
	text-align: right;
	width:200px;
}

#Form_NewsletterForm .middleColumn,
#Form_NewsletterForm input.text{
	border: 0px none;
	background-color: #000;
	color: #fff;
	width:120px;
}

#Form_NewsletterForm .middleColumn{
	width:142px;
}


#Form_NewsletterForm  div.field{
	width: 352px;
}

/* loaders */
#ContactFormLoader,
#NewsletterLoader,
#zoomLoader,
#MainLoader,
#PageLoader{
	width:45px;
	height: 45px;
	background:#000 url(../images/ajax-loader.gif) no-repeat center center;
	position: absolute;
	top:50%;
	left:50%;
	margin-top: -22px;
	margin-left: -22px;
	z-index: 100;
	display: none;
}

#NewsletterLoader{
	left: auto;
	right:40px;
	top:32px;
	margin-top: 0px;
	margin-left: 0px;
}

#ContactFormLoader{
	position:relative;
	top:auto;
	left:auto;
	clear: both;
	float: left;
	margin: 20px 0px 0px 0px;
}

#ContactFormSuccess{
	display: none;
	color: #fff;
	background-color: #000;
	padding: 15px;
	margin: 20px 0px 20px 0px;
	float: left;
	clear: both;
}

#Form_ContactForm label{
	display: none;
}

#Form_ContactForm_action_doContactForm{
	padding: 5px;
	color: #000;
	background-color:transparent;
	margin-top: -5px;
	padding-left: 0px;
	padding-right: 0px;
}
#Form_ContactForm_action_doContactForm:hover{
	color: #000;
}

#MainLoader{
	width:82px;
	height: 30px;
	margin-top: -15px;
	margin-left: -51px;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	text-align: left;
	padding-left:28px;
	display: block;
	font-style: italic;
	line-height:30px;
	background:#000 url(../images/ajax-loader.gif) no-repeat left center;
}

#PreloadLogo{
	width:206px;
	height: 40px;
	background-position: 0px -40px;
	background-repeat: no-repeat;
	position: absolute;
	top:50%;
	left:50%;
	margin-top: -60px;
	margin-left: -103px;
}

/* DEVICE & RESPONSIVE LAYOUT */
.header .nav-open-button {
    display: none; /* removes the nav toggle button for desktop site */
}


/* Newsletter */
#Form_NewsletterForm{
	width:auto;
	position: absolute;
	right:40px;
	top:32px;
	z-index: 100;
}

#Form_NewsletterForm .field{
	margin-right: 44px;
}

#Form_NewsletterForm .Actions input,
#Form_NewsletterForm .Actions{
	position: absolute;
	right:0px;
	top:0px;
	width:45px;
	height: 45px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

#Form_NewsletterForm .Actions input{
	text-indent: -9999px;
	background:#000 url(../images/newsletter_button.png) no-repeat 0px -50px;
}

#NewsletterSuccess{
	position: absolute;
	top:32px;
	line-height: 45px;
	right:40px;
	background-color: #000;
	display: none;
	z-index: 101;
	font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
	padding: 0px 10px 0px 10px;
}

/* preloading stuff */

.main,
header,
footer {
	display: none;
}

/* footer */

.footer{
	position: absolute;
	bottom: 50px;
	left:0px;
	z-index: 2;
	width: 100%;
}

.socialIcons{
	position: absolute;
	left: 40px;
}

.flagIcon,
.socialIcon{
	float: left;
	width:30px;
	height: 30px;
	margin-right: 8px;
	opacity:.6;
}

.socialIcon.fb{
	background:transparent url(../images/social_icon_fb.png) no-repeat;
}

.socialIcon.tw{
	background:transparent url(../images/social_icon_tw.png) no-repeat;
}

.socialIcon.pin{
	background:transparent url(../images/social_icon_pin.png) no-repeat;
}

.socialIcon.yt{
	background:transparent url(../images/social_icon_yt.png) no-repeat;
}

.socialIcon.ig{
	background:transparent url(../images/social_icon_ig.png) no-repeat;
}

.socialIcon:hover{
	background-position: 0px -40px;
	opacity:1;
}

.shareButton{
	background-color: #000;
	color: #fff;
	line-height: 30px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	display: inline-block;
	opacity:.6;
}

.shareButton:hover{
	color:#fff;
	text-decoration: none;
	opacity:.8;
}


#SocialShare{
	position:absolute;
	bottom:40px;
	background-color: #fff;
	width:265px;
	vertical-align: middle;
	display: none;
}

#SocialShare .sInner{
	padding: 10px;
	padding-right: 0px;
}

#SocialShare .sInner a img,
#SocialShare .sInner a{
	float: left;
	margin-right: 2px;
}

#SocialShare .sInner a.facebookShare{
	margin-right: 8px;
	margin-left: 5px;
}

.flags{
	position: absolute;
	right:40px;
}

.flagIcon{
	float: right;
	margin-left: 8px;
	margin-right: 0px;
}

.flagIcon.nz{
	background:transparent url(../images/flag_nz.png) no-repeat;
}

.flagIcon.aus{
	background:transparent url(../images/flag_french.png) no-repeat;
}

.flags p,
.flags span{
	font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
	float: left;
	color: #000;
	font-size: 12px;
	line-height: 30px;
	margin-bottom: 0px;
	margin-right: 0px;
}

.flags a{
	font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
	float: left;
	color: #000;
	font-size: 12px;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
}

.flags a.current{
	background-color: rgba(255,255,255,.4);
}

.flags a:hover{
	background-color: rgba(255,255,255,1);
}

.flags #LangPop{
	position: absolute;
	bottom:30px;
	left:-25px;
	width:80px;
	background-color: rgba(0,0,0,.7);
	padding: 4px;
	display: none;
}

.flags #LangPop a{
	float:none;
	display:block;
	color: #fff;
}

.flags #LangPop a:hover{
	color: #000;	
}

#LangHolder{
	cursor: pointer;
}

#LangHolder span{
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}

#LangHolder span.current{
	background-color: rgba(255,255,255,.4);
}

#LangHolder span:hover{
	background-color: rgba(255,255,255,1);
}

/* gallery page */

.typography ul.sliderNav{
	position: absolute;
	left: 50%;
	top:85px;
	height: 80%;
	 -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.typography ul.sliderNav li,
.typography ul.sliderNav{
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
}


.typography ul.sliderNav li{
	position: absolute;
	top:0px;
	height: 100%;
	/*
	-moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    */
}

.typography ul.sliderNav li.current{

}

.typography ul.sliderNav li img{
	display: block;
	border: 0px none;
	height: 100%;
	width: auto;
	background-image: none;
	image-rendering: -webkit-optimize-contrast;
}

.zoomIcon{
	position:absolute;
	z-index:9999999999;
	width:28px;
	height:28px;
	background:transparent url(../images/zoom.png) no-repeat;
	left:50%;
	bottom: 0px;
	-moz-transition: bottom 0.5s;
    -webkit-transition: bottom 0.5s;
    transition: bottom 0.5s;
    cursor: pointer;
    display: block;
}


.typography ul.sliderNavMenu{
	position: absolute;
	bottom:0px;
	left:50%;
	-moz-transition: bottom 0.5s;
    -webkit-transition: bottom 0.5s;
    transition: bottom 0.5s;
    z-index: 100;
}

.typography ul.sliderNavMenu li{
	position:relative;
	float:left;
	width:7px;
	height:17px;
	background:transparent url(../images/gallery_item.png) no-repeat 3px 2px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
	text-align: center;
}

.typography ul.sliderNavMenu li:hover,
.typography ul.sliderNavMenu li.current{
	background:transparent url(../images/gallery_item.png) no-repeat 3px -18px;
}

.typography ul.sliderNavMenu li .thumb{
	position:absolute;
	top:-145px;
	left:50%;
	margin-left: -56px;
	background-color: #fff;
	border: 1px solid #ccc;
	display: none;
	padding: 10px;
}

.typography ul.sliderNavMenu li .thumb img{
	background-image:none;
	background-color: #fff;
	border: 0px none;
	display: block;
}
	

.galleryButton{
	position: absolute;
	top:45%;
	margin-top: -20px;
	height: 41px;
	width: 22px;
	cursor: pointer;
	z-index: 100;
}

.galleryButton.next{
	background:transparent url(../images/arrow_next.png) no-repeat;
	left:100%;
}

.galleryButton.back{
	background:transparent url(../images/arrow_back.png) no-repeat;
	left: 0px;
}

.typography ul.sliderNavMenu li{
	cursor: pointer;
}

.currentInfo{
	position: absolute;
	top:30px;
	right:30px;
	font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
	font-size: 50px;
	line-height: 50px;
	z-index: 101;
	opacity:.3;
	letter-spacing: -2px;
}

/* gallery zoom */
.zoomOlay{
	position: absolute;
	background-color: #d6d4d5;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top:0px;
	left:0px;
	z-index: 9999999;
}

.zoomOlay .closeButton{
	width:46px;
	height: 46px;
	background:transparent url(../images/close_button.png) no-repeat;
	position: absolute;
	right:40px;
	top:32px;
	cursor: pointer;
}

.zoomOlay img{
	position:absolute;
}








/* text coulr changes */
body.White,
body.White .typography,
body.White .typography p,
body.White nav.primary ul li a,
body.White form label,
body.White .flags p{
	color: #fff;
}

body.White form input.text,
body.White form textarea,
body.White form .textajaxuniquetext,   /* Not sure if this is used? */
body.White form select {
	color: #000;
}

body.White #Form_NewsletterForm_Email{
	background-color: #fff;
	color: #000;
}

body.White .nav.primary ul li a{
	background-color: rgba(255,255,255,.5);
}

body.White a.btn, 
body.White button, 
body.White input[type="submit"], 
body.White .Actions .action,
body.White nav.primary ul li a:hover{
	background-color: rgba(255,255,255,.4);
	color: #000;
}

body.White #Form_NewsletterForm .Actions input{
	text-indent: -9999px;
	background:#fff url(../images/newsletter_button.png) no-repeat 0px 0px;
}

body.White .header .brand{
	background-position: 0px -40px;
}

body.White .typography ul.sliderNavMenu li{
	background:transparent url(../images/gallery_item.png) no-repeat -18px 2px;
}

body.White .typography ul.sliderNavMenu li .thumb{
	color:#000;
}

body.White .typography ul.sliderNavMenu li:hover,
body.White .typography ul.sliderNavMenu li.current{
	background:transparent url(../images/gallery_item.png) no-repeat -18px -18px;
}

body.White .galleryButton.next{
	background:transparent url(../images/arrow_next.png) no-repeat 0px -50px;
}

body.White .galleryButton.back{
	background:transparent url(../images/arrow_back.png) no-repeat 0px -50px;
}

body.White .zoomOlay{
	background-color: #000;
}

body.White .zoomOlay .closeButton{
	background-position: 0px -50px;
}

body.White #NewsletterSuccess{
	background-color: #fff;
	color: #000;
}

body.White header .primary .nav-open-button {
	color: #fff;
}

body.White .flags p{
	color: #fff;
}

body.White .flags a{
	color:#fff;
}

body.White .flags a.current{
	background-color: rgba(0,0,0,.4);
}

body.White .flags a:hover{
	background-color: rgba(0,0,0,1);
}

body.White .flags p, 
body.White .flags span{
	color: #fff;
}

body.White h1,
body.White h2,
body.White h3,
body.White h4,
body.White h5,
body.White h6{
	color: #fff;
}



/* login */
#Loginform{
	position: absolute;
	width:500px;
	height: 300px;
	background-color: #fff;
	padding: 20px;
	left:50%;
	top:50%;
	margin-left: -250px;
	margin-top: -150px;
}

@media only screen and (max-width: 840px) { 
	#InnerAjax .sized{
		width: 90%;
		top:70px;
	}
	
	#Form_NewsletterForm{
		display: none;
	}
	
	.header .brand{
		top:20px;
		left:20px;
	}
	
	header .primary .nav-open-button { /* styling and positioning of the nav toggle button */
	    z-index: 100;
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    right: 20px;
	    top: 0px;
	    display: block;
	    cursor: pointer;
	    font-family: 'WebSymbolsRegular';
	    font-size: 20px;
	    color: #000;
	}
	
	header .primary{
		left:auto;
		right:0px;
		width:100%;
		top:20px;
	}
	
	header .primary ul {
	    z-index: 10;
	    position: relative;
	    display: none; /* initially hiding the navigation */
	    float: left;
	    margin: 0;
	    padding: 0;
	    white-space: normal;
	    width: 100%;
		margin-top: 40px;
	}
	
	header .primary ul li {
	    width: 100%;
	    margin: 0;
	    padding: 0;
	    float: none; /* displays list items vertically */
	    background: none;
	    position: relative;
	    clear: both;
	}

	header .primary ul li a{ /* styling the  top level nav links */
	    padding: 8px 0 8px 20px;
	    font-weight: normal;
	    border-bottom: 1px solid #ccc;
	    color: #ccc;
	    background: #333;
	    line-height: 20px;
	}
	
	nav.primary ul li.current ul li a, 
	nav.primary ul li.section ul li a,
	nav.primary ul li ul li.current ul li a, 
	nav.primary ul li ul li.section ul li a,
	header .primary ul li.current a,
	header .primary ul li.section a{
		color: #ccc;
	    background: #333;
	}
	
	body.White nav.primary ul li a:hover,
	nav.primary ul li.current ul li a:hover, 
	nav.primary ul li.section ul li a:hover, 
	nav.primary ul li ul li.current ul li a:hover, 
	nav.primary ul li ul li.section ul li a:hover, 
	nav.primary ul li.current a:hover, 
	nav.primary ul li.section a:hover, 
	nav.primary ul li a:hover {
	    color: #fff;
	    background: #000;
	}
	
	header .primary li.section:after,
	header .primary li.current:after {
	    display: none; /* hides the link arrow on current top level page */
	}
	header nav.primary ul li {
		padding: 0;
	}
	
	nav.primary ul li ul li ul,
	header .primary ul li ul{
		margin-top: 0px;
		position: relative;
		top:auto;
		width: 100%;
		margin: 0px;
		left: auto;
		margin-bottom: 0px;
		clear: both;
	}
	
	header .primary ul li ul li{
		clear:both;
	}
	

	header .primary ul li ul li a{
		padding: 8px 0 8px 12px;
	    font-weight: normal;
	    border-bottom: 1px solid #ccc;
	    color: #ccc;
	    background: #333;
	    padding-left: 40px;
	    line-height: 20px;
	}
	
	.main header .primary ul li ul li.current a{
		color: #fff;
	}
	
	header .primary ul li ul li ul li a{
		padding-left: 60px;
	}
	
	footer .flags p{
		display:none;
	}
	
	
	.rollOverImage,
	.fullScreenBG,
	.fullScreenBGcaro{
		
	}
	
}

@media only screen and (max-height: 740px) { 
	.rollOverImage,
	.fullScreenBG,
	.fullScreenBGcaro{
		
	}
}

#InnerAjax .sized.fixed-content{
	padding:40px;
	padding-top:20px;
	padding-bottom:20px;
	background-color: rgba(0,0,0,.8);
	position: absolute;
	left:auto;
	right:0px;
	width:50%;
}