/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal !important;
    font-style: normal !important;
}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal !important;
    font-style: normal !important;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal !important;
    font-style: normal !important;
}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('fonts/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal !important;
    font-style: normal !important;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal !important;
    font-style: normal !important;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff2') format('woff2'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal !important;
    font-style: normal !important;
}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-lightitalic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal !important;
    font-style: normal !important;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal !important;
    font-style: normal !important;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal !important;
    font-style: normal !important;
}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal !important;
    font-style: normal !important;
}
html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html { background: #000; }
body { position:relative; background: #e9e8e5 url(../img/body-bg.png) center 120px no-repeat; margin:0; display:table;width:100% }
body.subpage { position:relative; background: #fff; margin:0; display:table;width:100% }
.desktop_vw { display:block; }
.mobile_vw { display: none; }
#container{  min-height:655px; display:block; margin:0 auto; background:url(../img/container-bg.png) repeat-x; }
.wrapper{ width:1020px; display:block; margin:0 auto;}
/* header */
header{ background:#0290cd; height:120px; display:block }
header h1{ padding:0; margin:0; width:180px; float:left; z-index:30; position:relative; height:120px;  }
header h1 img{ height:90px; margin-top:15px;}
	div#home_page_content{ height:655px; position:relative}
	div#home_page_content_left{
		width:500px;
		float:left;
		padding-top:70px;
	}
	div#home_page_content_left h1{  color:#4e4e4e; font-family:'open_sanslight'; font-size:40px; width:400px; line-height:28px; margin:35px 0; }
	div#home_page_content_left h3{  color:#a7a7a7; font-family:'open_sanssemibold'; font-size:16px; width:400px; line-height:18px; margin:16px 0 10px; }
	
	div#home_page_content_left ul{ list-style:none; font-size:18px; line-height:22px; color:#2abeb6;padding-top:0px; border-left:1px solid #25a4ee; padding-left:30px; }
	div#home_page_content_left ul li{ font-size:25px; line-height:35px; color:#4e4e4e; }
	div#home_page_content_left ul li.blue_fnt{color:#25a4ee;}
	div#home_page_content_right{
		width:500px;
		float:left;
	}
	div#home_page_content_right div#twitter_holder{
		width:295px;
		height:290px;
		bottom:5px;
		margin-left: 5px;
		position:absolute;
		color:#fff;
	}
	
	/*subpage*/
	
	div#page_content{ min-height:440px; position:relative}
	div#page_content_left{
		width:615px;
		float:left;
		padding:30px;
	}
	div#page_content_left h1{  color:#4e4e4e; font-family:'open_sanslight'; font-size:40px; width:100%; line-height:28px; margin:15px 0; }
	div#page_content_left h3{  color:#a7a7a7; font-family:'open_sanssemibold'; font-size:16px; width:100%; line-height:18px; margin:16px 0 10px; }
	div#page_content_left div.content{ margin:50px 0;}
	div#page_content_left h2.blue{ color:#25a4ee; font-size:25px; line-height:10px; margin:16px 0 10px; }
	div#page_content_left div.content p{ color:#4e4e4e; font-family:'open_sanslight'; font-size:17px; line-height:21px;  }
	
	div#page_content_left div.content ul{ list-style:none; }
	div#page_content_left div.content ul li:before{ content:"-"; position:relative; left:-5px;}

	div#page_content_left div.content ul li{ color:#4e4e4e; font-family:'open_sanslight'; font-size:17px; line-height:21px; text-indent:-5px;  }
	
	div#page_content_left div.content p strong{ color:#4e4e4e; font-family:'open_sanssemibold'; font-size:17px; line-height:21px;  }
	div#page_content_left div.content p a{ color:#4e4e4e; }
	div#page_content_left div.content p a:hover{ color:#727272; text-decoration:none }
	
	div.link-container{ position:relative; display:block; width:100%; }
	a.view-more{ color:#4e4e4e; font-family:'open_sansregular'; font-size:12px; line-height:24px; text-decoration:none; float:right; padding:15px }
	
	
	div#page_content_left div.content div.partners{
		margin:15px 0 15px;
	}
	div#page_content_left div.content div.partners img{
		float:left;
		width:108px;
	}
	div#page_content_left div.content div.partners a{
		display: table-cell;
		vertical-align: middle;
		text-decoration:none;display: table;
	}
	div#page_content_left div.content div.partners span{
		
		width:465px;
		display: table-cell;
		vertical-align: middle; color:#0290cd; text-decoration:none; padding-left:25px;
	}
	div#page_content_left div.content div.partners span:hover{
		color:#727272; text-decoration:none;
	}
	div#page_content_right{
		width:300px;
		float:left;margin-top: 120px;
		padding-left:30px;
	}
	div#page_content_right div.sidebar-items{ margin:10px 0}
	div#page_content_right div.sidebar-items h3{  color:#a7a7a7; font-family:'open_sanssemibold'; font-size:16px; line-height:18px; margin:0px 0 10px; }
	div#page_content_right div.sidebar-items ul{ list-style:none; font-size:17px; line-height:24px; color:#2abeb6; padding:0px; margin:5px 0 20px 15px; }
	div#page_content_right div.sidebar-items ul li{ font-size:17px; line-height:20px; color:#4e4e4e; font-family: 'open_sansregular'; line-height:24px; }
	div#page_content_right div.sidebar-items ul li.blue_fnt{color:#25a4ee;}
	

/* menu changes */
div#menu-area{ width:800px; float:right }
div.social-icons{ width:100%; display:block; }
div.social-icons ul{ list-style:none; float:right }
div.social-icons ul li{float:left; display:block; position:relative;padding:0px 1px 0;}
nav { height:25px; line-height:24px; top:30px; z-index:9; font-family: 'open_sanssemibold'; font-size:16px;  }
	nav ul.mnmenu li.level-0 { float:left; display:block; position:relative;padding:0px;}
	nav ul.mnmenu li.level-0 a{ padding:0 9px; color:#ffffff; text-decoration:none; }
	nav ul.mnmenu li.level-0 a:hover{ color:#000; }
	nav ul.mnmenu li.level-0:after{ content:"|"; font-family: 'open_sanslight'; font-size:16px; color:#ffffff; }
	nav ul.mnmenu li.level-0.last{ padding-right:0;}
	nav ul.mnmenu li.level-0.last:after { content:"";  }
	nav ul.mnmenu li.last a{ padding:0 0 0 15px;  }
footer{

	width:100%; margin:0 auto;padding-top: 1px; 
	background:#000000;
}
div.footer-wrapper{
    margin: 0 auto;
    width: 1020px;}
ul.footer-list{ padding:0; left:0 }
ul.footer-list li{float:left; display:block; position:relative;padding:0px;}	
	ul.footer-list li{ font-family: 'open_sanslight'; font-size:14px; color:#FFF; }
	ul.footer-list li span{ padding:0 10px; }
	ul.footer-list li a{ color:#fff; text-decoration:none; }
	ul.footer-list li a:hover{ color:#fff; text-decoration: underline; }
	ul.footer-list li strong a{ font-family: 'open_sanssemibold'; color:#1fb7f8; }
	ul.footer-list li:after{ content:"|"; font-family: 'open_sanslight'; font-size:14px; color:#1fb7f8; }
	ul.footer-list li.last:after { content:"";  }
footer div#copyright{ display: inline-block; color:#959595;
margin-left:30px;
text-align:right;
    font-family: helvetica;
    font-size: 12px;
    position: relative;
    width: 200px; color:#959595; }
	
	
div.social-icons-wrap{
	display:block; background:#000 !important; height:55px; overflow:none;
}
div.social-icons-wrap ul.social-icons-mobile{
	display:block !important;
	margin: 0 auto;
    padding: 25px 0 0;
    width: 180px;	
}
div.social-icons-wrap ul.social-icons-mobile li{
	width:31px;
	float:left;
	list-style:none;
	height:26px;
	margin: 0 5px;
}
div.social-icons-wrap ul.social-icons-mobile li a{
	position: relative;
	padding:0;
	margin:0;
}
div.social-icons-wrap ul.social-icons-mobile li a:hover{ background:#000; }


/* Main mobile menu */
#mobile_slctd_menu {
	height: 36px;
	line-height: 48px;
	overflow: hidden;
	position: relative;
	padding-left: 5px;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'open_sansregular';
	color: #fff;
	background-color: transparent;
	z-index:32;
	text-align:left;
	outline:none;
}
a#mobile_slctd_menu.opn {
	color: #000;
	background-color: transparent;
	cursor:pointer;
	outline:none;
}
#mobile_slctd_menu:after {
	content: '';
	background: url('../img/mobile/menu-trigger.png') no-repeat;
	width: 32px;
	outline:none;
	height: 32px;
	vertical-align: top;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 0;
	cursor:pointer;
}
#mobile_slctd_menu.opn:after {
	background: url('../img/mobile/menu-close.png') no-repeat;
}

nav #mainMobileMenu {
	clear: both;
	outline:none;
	position: absolute;
	top: 100px;
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	color: #8e8e8e;
	width: 100%;
	z-index: 1000;
	text-align: center;
}
#mainMobileMenu{
	margin: 0;
	padding: 0;
	display: none;
}
#mainMobileMenu a {
	display: block;
	color: #bfbfbf;
	text-decoration: none;
	font-size: 20px;
	line-height: 32px;
	padding: 15px 17px;
	/*border-bottom: 1px solid #3f3f3f;*/
	position: relative;
	font-family: 'open_sansregular';
}
ul#mainMobileMenu li{
	width:100%;	
}
ul#mainMobileMenu li:hover{
	background-color: #000;	
}
ul#mainMobileMenu li.level-0 ul {
	background-color: #e7e7e7;
}
#mainMobileMenu li.level-1 ul {
	background-color: #e7e7e7;
}
#mainMobileMenu li.level-1 a.drop {
	background-color: #DDC35D;
}
#mainMobileMenu li.level-2.hlight a {
    font-family: 'open_sansregular';
}
#mainMobileMenu a span.arrow {
	font-size: 0;
	text-indent: -999px;
	width: 11px;
	height: 9px;
	
	display: inline-block;
	margin-left: 5px;
}
#mainMobileMenu li.social-icons-li-wrap{
	display:block; background:#fff !important; height:50px; overflow:none;
}
#mainMobileMenu li.social-icons-li-wrap ul.social-icons-mobile{
	display:block !important;
	margin: 0 auto;
    padding: 10px 0 0;
    width: 210px;	
}
#mainMobileMenu li.social-icons-li-wrap ul.social-icons-mobile li{
	width:31px;
	float:left;
	list-style:none;
	height:26px;
	margin: 0 10px;
}
#mainMobileMenu li.social-icons-li-wrap ul.social-icons-mobile li a{
	position: relative;
	padding:0;
	margin:0;
}
#mainMobileMenu li.social-icons-li-wrap ul.social-icons-mobile li a:hover{ background:#fff; }


/* contact */
div#contact_page_content{ height:655px; position:relative}
div#contact_page_content_left{
	width:500px;
	float:left;
	padding-top:70px;
}
div#contact_page_content_left h1{  color:#4e4e4e; font-family:'open_sanslight'; font-size:40px; width:400px; line-height:28px; margin:35px 0; }
div#contact_page_content_left h3{  color:#a7a7a7; font-family:'open_sanssemibold'; font-size:16px; width:400px; line-height:18px; margin:16px 0 10px; }

div#contact_page_content_left ul{ list-style:none; font-size:18px; line-height:22px; color:#2abeb6;padding-top:0px; border-left:1px solid #25a4ee; padding-left:30px; }
div#contact_page_content_left ul li{ font-size:25px; line-height:35px; color:#4e4e4e; }
div#contact_page_content_left ul li.blue_fnt{color:#25a4ee;}
div#contact_page_content_right{
	width:500px;
	float:left;
	min-height:450px; padding-top:140px
}
table{ color: #4e4e4e;
    font-family: "open_sanslight";
    font-size: 17px;
    line-height: 21px;}
form#enquiry_form{
	margin-bottom:50px;
}
#enquiry_form input,#enquiry_form textarea {
    
    background: #eeecec;
    border-top: 0px;
	border-right: 0px;
	border-bottom: solid 1px #dddbdb;
	border-left: solid 1px #dddbdb;
    padding: 10px 0;
    color: #6d6d6d;
    font-size:15px;
    width: 95%;
    font-family: "open_sansregular";
}
 #enquiry_form input#submit{background: #0290cd;
    border: 0px;
	padding: 10px 15px;
    color: #fff;
    font-size:15px;
    width: 80px;
	height:35px;
    font-family: "open_sansregular"; margin-top:20px}
input#fname,input#lname{ width:220px;}
input#email{ width:470px;}
textarea{ width:470px; height:180px; }

.photogallery {
    
    padding-bottom: 30px;
}
.photogallery .phototext-container {
    padding: 0 20px 20px;
}
.phototext-container .phototext-content {
    
    color: #C1D72E;
    font-size: 16px;
    text-align: center;
    width: 100%
}
.phototext-container .phototext-content .btn-container {
    padding: 7px;
}
.image-padder {
    padding-top: 50px;
    margin: 0 auto;
}
.photogallery ul {
    list-style: none outside none;
}
.photos li {
    float: left;
    overflow: hidden;
    padding: 0 0 20px 20px;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 305px;
    height: 204px;
}
.photos li a img {
    width: 300px;
    height: 204px;
    border: 0 none;
    cursor: pointer;
}
.photos li a .overlay {
    position: absolute;
    top: 0;
    left: 20px;
    width: 300px;
    height: 204px;
    display: none;
}
.icon {
    position: absolute;
    top: 58px;
    left: 122px;
    width: 54px!important;
    height: 54px!important;
    background: inherit;
}
.overlay .text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    color: #fff;
    width: 100%;
    text-align: center;
    padding-top: 125px;
}
.overlay .text p {
    color: #fff;
}
.photos li a .overlay .background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .85;
}

  ul.contact_media{ list-style:none; }
  ul.contact_media li{ list-style:none; margin:10px 0; color: #4e4e4e;
    font-family: "open_sanslight";
    font-size: 17px;
    line-height: 21px; }
ul.contact_media li a{color: #0290cd;
    font-family: "open_sanslight";
    font-size: 17px;
    line-height: 21px; text-decoration:none; }
ul.contact_media li a:hover{ color: #4e4e4e;text-decoration: underline; }
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width : 600px) and (max-width : 1079px){
	/*html { background: #000 url(../img/body-bg-ipad.png) center 120px  no-repeat; }*/
	body { position:relative;  background: #e9e8e5 url(../img/body-bg-ipad.png) center 120px no-repeat; margin:0; display:table;width:100% }
	.desktop_vw { display:block; }
	.mobile_vw { display: none; }
	#container{  min-height:655px; display:block; margin:0 auto; background:url(../img/container-bg.png) repeat-x; }
	.wrapper{ width:600px; display:block; margin:0 auto;}
	
	div#home_page_content_left{
		width:220px;
		float:left;
		padding-top:70px;
	}
	div#home_page_content_left h1{  color:#4e4e4e; font-family:'open_sanslight'; font-size:24px; width:300px; line-height:28px; margin:0; }
	div#home_page_content_left h3{  color:#a7a7a7; font-family:'open_sanssemibold'; font-size:12px; width:300px; line-height:13px; margin:16px 0 10px; }
	
	div#home_page_content_left ul{ list-style:none; font-size:12px; line-height:14px; color:#2abeb6;padding-top:0px; border-left:1px solid #25a4ee; padding-left:15px; }
	div#home_page_content_left ul li{ font-size:14px; line-height:30px; color:#4e4e4e; }
	div#home_page_content_left ul li.blue_fnt{color:#25a4ee;}
	div#home_page_content_right{
		width:300px;
		float:left;
	}
	div#home_page_content_right div#twitter_holder{
		width:295px;
		height:290px;
		bottom:5px;
		margin-left: 15px;
		position:absolute;
		color:#fff;
	}
	
	
	/* menu changes */
div#menu-area{ width:400px; float:right }
div.social-icons{ width:100%; display:block; }
div.social-icons ul{ list-style:none; float:right; margin:5px 0 }
div.social-icons ul li{float:left; display:block; position:relative;padding:0px 1px 0;}
nav { height:25px; line-height:18px; top:20px; z-index:9; font-family: 'open_sanssemibold'; font-size:12px;  }
	nav ul.mnmenu li.level-0 { float:left; display:block; position:relative;padding:0px;}
	nav ul.mnmenu li.level-0 a{ padding:0 15px; color:#ffffff; text-decoration:none; }
	nav ul.mnmenu li.level-0 a:hover{ color:#000; }
	nav ul.mnmenu li.level-0:after{ content:" "; font-family: 'open_sanslight'; font-size:16px; color:#ffffff; }
	nav ul.mnmenu li.level-0.last{ padding-right:0;}
	nav ul.mnmenu li.level-0.last:after { content:"";  }
	nav ul.mnmenu li.last a{ padding:0 0 0 15px;  }
	
	
	div.footer-wrapper{
    margin: 0 auto;
    width: 600px; text-align:center; }
ul.footer-list{ margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 500px;  }
ul.footer-list li{float:left; display:block; position:relative;padding:0px;}	
	ul.footer-list li{ font-family: 'open_sanslight'; font-size:14px; color:#FFF; }
	ul.footer-list li span{ padding:0 10px; }
	ul.footer-list li a{ color:#fff; text-decoration:none; }
	ul.footer-list li a:hover{ color:#fff; text-decoration: underline; }
	ul.footer-list li strong a{ font-family: 'open_sanssemibold'; color:#1fb7f8; }
	ul.footer-list li:after{ content:"|"; font-family: 'open_sanslight'; font-size:14px; color:#1fb7f8; }
	ul.footer-list li.last:after { content:"";  }
footer div#copyright{ background: #000 none repeat scroll 0 0; color:#959595;
    clear: both;
    display: block;
    font-family: helvetica;
    font-size: 12px;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    text-align: left;
    text-indent: 10px;
    width: 500px;}
	
	
	div#page_content_left{
		width:540px;
		float:left;
		padding:30px;
	}
	
	
	
	
	div#page_content_right{
		border-top: 1px solid rgba(200, 200, 200, 0.8);
		width:540px;
		float: none;margin: 0px auto;
		padding:30px 0 30px 0; clear:both
	}


/* contact */
div#contact_page_content{ height:100%; position:relative}
div#contact_page_content_left{
	width:500px;
	float:none;
	padding-top:70px;
}

div#contact_page_content_right{
	width:100%;
	float:none;
	min-height:450px; padding-top:20px;
}

table{ color: #4e4e4e;
    font-family: "open_sanslight";
    font-size: 17px;
    line-height: 21px;}
form#enquiry_form{
	margin-bottom:50px;
}
#enquiry_form input, textarea {
    
    background: #eeecec;
    border-top: 0px;
	border-right: 0px;
	border-bottom: solid 1px #dddbdb;
	border-left: solid 1px #dddbdb;
    padding: 10px 0;
    color: #6d6d6d;
    font-size:15px;
    width: 95%;
    font-family: "open_sansregular";
}
 #enquiry_form input#submit{background: #0290cd;
    border: 0px;
	padding: 10px 15px;
    color: #fff;
    font-size:15px;
    width: 80px;
	height:35px;
    font-family: "open_sansregular"; margin-top:20px}
input#fname,input#lname{ width:220px;}
input#email{ width:470px;}
textarea{ width:470px; height:180px; }
	
}


@media only screen and (min-width : 300px) and (max-width : 599px){
	/*html { background: #000 url(../img/mobile/bg.png) no-repeat; background-position: 0% 100%; background-size: 100%;    }*/
	body { position:relative;  background: #e9e8e5 url(../img/mobile/bg.png) no-repeat; background-position: 0% 100%; background-size: 100%; margin:0; display:table;width:100% }
	.desktop_vw { display:none; }
	.mobile_vw { display: block; }
	#container{  min-height:655px; display:block; margin:0 auto; background:url(../img/container-bg.png) repeat-x; }
	.wrapper{ width:100%; display:block; margin:0 auto;}
	
	header{ background:#0290cd; height:100px; display:block }
	header h1{ padding:0; margin:0; width:160px; float:left; z-index:30; position:relative; height:100px;  }
	header h1 a{ background:url(../img/mobile/logo.png) no-repeat; height:78px; margin:11px 0 0 20px; width:155px; display: block; }
	
	
	header.white{ background:#fff; }
	header.white h1.mobile_vw{ text-align:center; display:block; width:100%  }
	header.white h1 a{ background:url(../img/mobile/menu-logo.png) no-repeat; margin:12px auto;  }
	div.social-icons{ display:none; }
	div#menu-area{ float: none; width:100%; position:absolute; }
	div#twitter_holder{ display:none;}
	
	div#home_page_content_left{ float: none; width: auto; padding:20px 30px 0; }
	
	div#home_page_content_left h1{  color:#4e4e4e; font-family:'open_sanslight'; font-size:35px; width:100%; line-height:26px; margin:20px 0; }
	div#home_page_content_left h3{ display:none; }
	
	div#home_page_content_left ul{ list-style:none; font-size:18px; line-height:22px; color:#2abeb6;margin-top:20px; border-left:1px solid #25a4ee; padding-left:30px; }
	div#home_page_content_left ul li{ font-size:20px; line-height:35px; color:#4e4e4e; }
	div#home_page_content_left ul li.blue_fnt{color:#25a4ee;}
	
	div#home_page_content_right{ display:none; }
	
	footer{ position:absolute; }
	div.footer-wrapper{ width:290px; }
	ul.footer-list{ padding:0; left:0 }
ul.footer-list li{float:left; display:block; position:relative;padding:0px;}	
	ul.footer-list li{ font-family: 'open_sanslight'; font-size:12px; color:#FFF; }
	ul.footer-list li span{ padding:0 10px; }
	ul.footer-list li a{ color:#fff; text-decoration:none; }
	ul.footer-list li a:hover{ color:#fff; text-decoration: underline; }
	ul.footer-list li strong a{ font-family: 'open_sanssemibold'; color:#1fb7f8; }
	ul.footer-list li:after{ content:"|"; font-family: 'open_sanslight'; font-size:14px; color:#1fb7f8; }
	ul.footer-list li.last:after { content:"";  }
	
	footer div#copyright-mobile{ background: #000 none repeat scroll 0 0;
    clear: both;
    display: block;
    font-family: helvetica;
    font-size: 12px;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    text-align: center;
    text-indent: 0px;
    width: 280px; color:#959595;}
	
	div#page_content_left{
		width: auto;
		float:none;margin: 0px auto;
		padding:30px;
	}
	
	
	
	
	div#page_content_right{
		border-top: 1px solid rgba(200, 200, 200, 0.8);
		width: auto;
		float: none;margin: 0px auto;
		padding:30px; clear:both
	}
	
	
/* contact */
div#contact_page_content{ height:100%; position:relative}
div#contact_page_content_left{
	width:320px;
	float:none;margin:0 auto;
	padding-top:70px;
}

div#contact_page_content_right{
	width:80%;
	margin:0 auto;
	float:none;
	min-height:450px; padding-top:20px;
}

table{ color: #4e4e4e;
    font-family: "open_sanslight";
    font-size: 17px;
    line-height: 21px;}
form#enquiry_form{
	margin-bottom:50px;
}
div#contact_page_content_left h1{  width:300px; }
div#contact_page_content_left h3{  width:300px; }
#enquiry_form input,#enquiry_form textarea {
    
    background: #eeecec;
    border-top: 0px;
	border-right: 0px;
	border-bottom: solid 1px #dddbdb;
	border-left: solid 1px #dddbdb;
    padding: 10px 0;
    color: #6d6d6d;
    font-size:15px;
    width: 95%;
    font-family: "open_sansregular";
}
 #enquiry_form input#submit{background: #0290cd;
    border: 0px;
	padding: 10px 15px;
    color: #fff;
    font-size:15px;
    width: 80px;
	height:35px;
    font-family: "open_sansregular"; margin-top:20px}
input#fname,input#lname{ width:300px;}
input#email{ width:300px;}
textarea{ width:300px; height:180px; }
.photos li a .overlay {
        padding: 0;
        left: 0;
        max-width: 305px;
		margin-left:20px
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}