/* CUSTOM CSS BOILERPLATE 1.0 - WRITTEN BY SCOTT RICHARDSON, ULLADULLA WEB DESIGN - WWW.ULLADULLAWEBDESIGN.COM */

/* RESET / HTML5 / CLEAR FIX /////////////////////////////////////// */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,fieldset,form,input,textarea,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;text-decoration:none;list-style:none;font-weight:normal;}
header,footer,nav,section,article,aside{display:block;}
.clear{clear:both;content:".";height:0;visibility:hidden;display:block;}
html 				{ -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }
form .button, form .textbox, form .textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; /* Reset any automatic text styling for iOS*/ }

/* FIX FOR FACEBOOK */
.FB_UI_Hidden { width: 100px !important; }




@font-face {font-family: 'YanoneKaffeesatzBold';
src: url('../fonts/yanonekaffeesatz-bold-webfont.eot');
src: url('../fonts/yanonekaffeesatz-bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/yanonekaffeesatz-bold-webfont.woff2') format('woff2'),
     url('../fonts/yanonekaffeesatz-bold-webfont.woff') format('woff'),
     url('../fonts/yanonekaffeesatz-bold-webfont.ttf') format('truetype'),
     url('../fonts/yanonekaffeesatz-bold-webfont.svg#yanone_kaffeesatzbold') format('svg');
font-weight: normal;
font-style: normal;}@font-face {font-family: 'YanoneKaffeesatzRegular';
    src: url('../fonts/yanonekaffeesatz-regular-webfont.eot');
    src: url('../fonts/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/yanonekaffeesatz-regular-webfont.woff2') format('woff2'),
         url('../fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'),
         url('../fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'),
         url('../fonts/yanonekaffeesatz-regular-webfont.svg#yanone_kaffeesatzregular') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {font-family: 'OpenSansLight';
    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;
    font-style: normal;}@font-face {font-family: 'OpenSansItalic';
    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;
    font-style: normal;}@font-face {font-family: 'OpenSansRegular';
    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;
    font-style: normal;}@font-face {font-family: 'OpenSansBold';
    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;
    font-style: normal;}@font-face {font-family: 'OpenSansBoldItalic';
    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;
    font-style: normal;}




/* //////////////////// GLOBAL LAYOUT /////////////////////////////////////////////////////////// */
body					{ background: #FFF url('/images/global/body_bg.png') repeat-x left top; text-align: center; font-size: 62.5%; font-family: 'OpenSansRegular', helvetica, sans-serif; }
a						{ color: #5090ad; transition: color 250ms; -webkit-transition: color 250ms; -moz-transition: color 250ms; -o-transition: color 250ms; -ms-transition: color 250ms; }
a:hover					{ color: #8dd2f1; }
a:active				{ color: #235770; }
.hidden					{ display: none; }
.blue					{ color: #5090ad!important; }
.melon					{ color: #E55557!important; }

/* SITE WIDTH */
.sw						{ width: 960px; margin: 0 auto; text-align: left; }



/* //////////////////// GLOBAL STYLES /////////////////////////////////////////////////////////// */

/* TEXT STYLES */
h1, h2, h3, h4, h5		{ font-family: 'YanoneKaffeesatzRegular', sans-serif; line-height: 1.1em; }
h1, h2, h5				{ letter-spacing: 0.05em; }
h1, h2, h3				{ text-transform: uppercase; }
h1, h5					{ color: #fff; }
h2, h3, h4, p			{ color: #484848; }
h1						{ font-size: 5em; text-align: left; }
h2						{ font-size: 4.6em; }
h3						{ font-size: 3.5em; line-height: 0.95em; }
h4						{ font-size: 2.4em; }
h5						{ font-size: 2.2em; }
p						{ font-size: 1.45em; line-height: 1.75em; }
p strong, li strong		{ font-family: 'OpenSansBold'; }
p strong em, li em strong	{ font-family: 'OpenSansBoldItalic'; }
s, strike, del			{ text-decoration: line-through; }

.hero					{ position: relative; background-color: #000; background-repeat: no-repeat; background-position: center top; }
.hero h1				{ padding: 25px; width: 910px;}
.headingHldr			{ width: 100%; position: absolute; bottom: 0; background-color: #000; background-color: rgba(0, 0, 0, .5); }

	/* GLOBAL CLASSES */
.content				{ position: relative; padding: 5em 0; }
.rightAlign				{ text-align: right; }
.centerAlign			{ text-align: center; }
.cb						{ clear: both; }
.uppercase				{ text-transform: uppercase; }
.rounded				{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.hldr					{ background-color: #fff; background-repeat: no-repeat; padding-bottom: 6em; margin-bottom: -1em; }
.sw section .third		{ float: left; width: 30%; }
.sw section .third.mr	{ float: left; width: 30%; margin-right: 5%; }


	/* BUTTON STYLES */
.button					{ font-family: 'YanoneKaffeesatzRegular', sans-serif; font-size: 3em; text-transform: uppercase; cursor: pointer; background: #294c60 url('../images/global/button_bg.png') repeat-x left top; letter-spacing: 1px; height: 52px; }
.button:hover			{ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .6); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .6); box-shadow: 0 0 5px rgba(0, 0, 0, .6); }
.button:active			{ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .6); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .6); box-shadow: inset 0 0 5px rgba(0, 0, 0, .6); }
.button, .button:hover, .button:active { color: #fff!important; }
.blue-button			{ background: #294c60 url('../images/global/blue-button_bg.png') repeat-x left top; padding: 0em 2em;
margin: 0.5em 0; }
.melon-button			{ background: #BE343E url('../images/global/melon-button_bg.png') repeat-x left top; padding: 0em 2em;
margin: 0.5em 0; }

	/* TEXTBOX STYLES */
.textbox, .textarea 	{ color: #9a9a9a; font-family: 'OpenSansRegular', sans-serif; font-size: 1.8em; }
.textbox:hover			{ }


	/* SOCIAL BUTTONS */
.social-buttons			{ display: block; text-align: left; width: 132px; }
.social-buttons a		{ display: inline-block!important; padding-left: 0!important; margin: 0 -4px 0 12px; width: 32px; height: 32px; background: url('../images/global/social-buttons.png') no-repeat; background-size: 32px; }
.social-buttons a.facebook	{ background-position: 0 -64px; }
.social-buttons a.twitter	{ background-position: 0 -160px; }
.social-buttons a.linkedin	{ background-position: 0 -256px; }


/* SEARCH RESULTS */
#searchResults			{ position: absolute; z-index: 8888; text-align: left; background: #fff; padding: 15px 0; box-shadow: 0 15px 15px rgba(0,0,0, .3); overflow: auto; }
#searchResults h1		{ font-weight: normal; color: #888888; font-size: 2.2em; padding: 0 5%; }
#searchResults h2		{ font-weight: normal; color: #4c4d4f; font-size: 2.2em; padding: 20px 5% 10px; }
.search-item			{ box-sizing: border-box; padding: 10px 5%; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; transition: background-color 250ms; width: 100%; vertical-align: middle; overflow: auto; border-bottom: 1px solid #EAEAEA; }
.search-item:hover		{ background-color: #E6E6E6; }
.search-item:active		{ background-color: #e0eaef; }
.search-item a			{ display: block; }
.search-item div		{ float: left; margin-right: 5%; }
.search-item img		{ width: 60px; }
.search-item h3			{ font-size: 1.5em; color: #548FAA; font-family: 'OpenSansRegular', sans-serif; text-transform: capitalize; margin-bottom: .3em; line-height: 1.2em; }	
.search-item h4			{ font-size: 1.1em; color: #4B4B4B; font-family: 'OpenSansRegular', sans-serif; line-height: 1.2em; margin-bottom: .2em; }
.search-item p			{ font-size: 1.2em; color: #A4A4A4; line-height: 1.4em; }

/* COMMENT FORM STYLES */
#commentSubmit			{ background-color: #ebebeb; padding: 2em 4%; background-image: none!important; }
#comments h2			{ margin-bottom: .3em; }
#commentForm .fieldWrap { width: 49%; float: left; }
#commentForm .textareaWrap { width: 100%; }
#commentForm .textbox, #commentForm .textarea { margin-top: 1em; -webkit-box-shadow: inset 4px 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: inset 4px 4px 5px rgba(0, 0, 0, .15); box-shadow: inset 4px 4px 5px rgba(0, 0, 0, .15); }
#commentForm .textbox:hover, #commentForm .textarea:hover { -webkit-box-shadow: inset 0px 0px 5px 4px rgba(0, 0, 0, .15); -moz-box-shadow: inset 0px 0px 5px 4px rgba(0, 0, 0, .15); box-shadow: inset 0px 0px 5px 4px rgba(0, 0, 0, .15); background-color: #f9fdff; }
#commentForm .textbox:focus, #commentForm .textarea:focus { background-color: #eefaff; }
#commentForm .textbox	{ width: 92%; padding: .5em 4%; }
#commentForm .textarea	{ width: 96%; padding: .5em 2%; }
#commentForm .mr		{ margin-right: 2%; }
#commentForm .button	{ padding: 0em 2em; margin: 0.5em 0; }
#commentForm #comment_surname { display: none; }
.noshow					{ margin-bottom: 1em; }


/* NOTIFICATION STYLING */
label.error, #warning	{ font-size: 1.55em; color: #b70000; }
label.error				{ display: block; text-align: left; padding-left: 4%; margin-top: 0.5em; }
#loader					{ margin-left: 20px; }
.notification			{ margin: 0 auto 1em; padding-left: 8%; background: #ebebeb url('../images/contact/notification_sprite.png') no-repeat left top; height: 53px; padding-top: 1.5em; }
#confirmation			{ color: #6eaf25; width: 60%; }
#warning				{ width: 20%; background-position: left -100px; }


/* //////////////////// HEADER ////////////////////////// */
	/* HEADER COMMON STYLES */
header, header .sw		{ position: relative; height: 188px; } 
header					{ background: #FFF }
#logo, #srchWrp, #subNav, #mainNavHldr, #mainNav { position: absolute; }
#logo, #srchWrp			{ top: 30px; }
	/* LOGO */
#logo					{ left: 0; width: 325px; }
	/* SEARCH FORM */
#srchWrp				{ right: 0; width: 47.5%; }
#srchWrp.hldr			{ padding: 0 0 4.5em 0;  }
#srchFrm .textbox		{ width: 93.5%;
	font-size: 2em; padding: 10px 0 10px 7%; background: #EFEFEF url('../images/global/searchBar_icn.png') no-repeat 8px 10px; font-family: 'YanoneKaffeesatzRegular', sans-serif; font-weight: normal; }
#srchFrm .textbox:hover	{ background-color: #f5f5f5; }

	/* NAV COMMON STYLES */
header nav li			{ float: left; }
#subNav, #mainNav		{ font-family: 'YanoneKaffeesatzRegular', sans-serif; font-weight: normal; }
#subNav li a, #mainNav li a { display: block; }
	/* SUB-NAV STYLES */
#subNav					{ right: 0; top: 90px; }
#subNav li a			{ color: #5190AB; font-size: 2.2em; letter-spacing: 0.1em; padding-left: 1.45em; }
#subNav li a:hover		{ color: #5090ad; }
#subNav li a:active		{ color: #8dd2f1; }
#subNav .social-buttons	{ margin-top: -4px; }



	/* MAIN-NAV STYLES */
#mainNavHldr			{ top: 140px; width: 100%; height: 48px; background: #449CC2; }
#mainNav				{ left: 50%; margin-left: -480px; }
#mainNav li				{ background: #449CC2; }
#mainNav li	a			{ color: #fff; font-size: 1.9em; text-transform: uppercase; letter-spacing: 1px; padding: 0.7em 1em; border-right: 1px solid #56A6C8; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 48px; }
#mainNav li	a#homeLink { border-left: 1px solid #56A6C8; }
#mainNav li a:hover 	{ background: #5cabcb; }
#mainNav li.hover a 	{ background: #5cabcb; }
#mainNav li a:active	{ background: rgba(0, 0, 0, .25); }
	/* MAIN-NAV DROPDOWNS */
#mainNav ul.dd li 		{ position: relative;}
#mainNav ul.dd ul		{ width: 26em; visibility: hidden; position: absolute; top: 48px; left: 0; z-index: 5; text-align: left; }
#mainNav ul.dd .menu-right { right: 0!important; left: auto; }
#mainNav ul.dd ul li	{ float: none; background-image: none; }
#mainNav ul.dd ul li a 	{ width: 100%; display: inline-block; border: none; border-top: solid 1px #56A6C8; height: auto; padding: 0.3em 1em; text-transform: capitalize; font-size: 1.7em; }
#mainNav ul.dd ul li a:hover { background: #6fb7d4; }
#mainNav ul.dd ul li a:active { background: #2E778E; }



	/* CURRENT PAGE STYLING */
#home #homeLink, #sciences #sciencesLink, #accreditationTraining #accreditationTrainingLink, #profilingTools #profilingToolsLink, #commonUses #commonUsesLink, #resources #resourcesLink, #blog #blogLink, #businessOpportunities #opportunitiesLink  { background: #24576F; }

#about #aboutLink, #contact #contactLink, #events #eventsLink, #businessOpportunities #businessOpportunitiesLink { color: #8ED2EF; }



/* //////////////////// BREADCRUMBS ////////////////////// */
#breadcrumbs			{ position: relative; z-index: 1; padding: 0 0 2em; }
#breadcrumbs p			{ display: inline; color: #818181; font-family: 'OpenSansLight', helvetica, sans-serif; font-size: 1.8em; }
#breadcrumbs #location	{ background: url('../images/global/breadcrumbs_icn.png') no-repeat left center; padding: 0.1em 0 0 1.6em;  }
#breadcrumbs #top		{ float: right; }

/* //////////////////// NEWSLETTER /////////////////////////////////////////////////////////////////// */
#newsletter				{ background-color: #EBEBEB; width: 100%; padding: 1.2em 0;   }
#newsletter .sw			{ text-align: center; }
#newsletter h1 			{ color: #484848; font-size: 3em;
display: inline-block; vertical-align: middle; margin-right: 10px; }
#subscribeForm 			{ display: inline-block; vertical-align: middle; width: 40%; }
#subscribeForm .button	{ padding: .1em .5em; vertical-align: middle; font-size: 2.5em; height: auto; }
#subscribeForm .textbox { padding: .3em .5em; vertical-align: middle; width: 65%; }


/* //////////////////// FOOTER /////////////////////////////////////////////////////////////////// */

	/* FOOTER STYLES */
footer					{ background-color: #252525; padding: 0 0 6em; position: relative; }
footer p				{ color: #fff; }
footer p, .footerNav li a { font-size: 1.3em; }
#footerContent h5		{ padding-bottom: 0.25em; }
#footerContent			{ padding-top: 6em; }

	/* FOOTER COLUMNS */
#footerContent .column	{ float: left; width: 22%; margin-left: 4%; }
#footerContent .column:first-child	{ margin-left: 0; }
#footerContent .social-buttons		{ margin: 8px 0 0 -12px; }

	/* FOOTER NAV */
.footerNav li a			{ font-family: 'OpenSansRegular', helvetic, sans-serif; line-height: 2em; }

	/* CONTACT INFO STYLES */
#contactInfo p, #contactInfo a { margin-bottom: 0.4em; color: #818181; line-height: 1.99em; }
#contactInfo a:hover	{ color: #fff; }
#contactInfo a:active	{ color: #666; }
#contactInfo #address:before, #contactInfo .phone, #contactInfo #fax, #contactInfo #email { background-image: url('../images/global/contactInfo_sprite.png'); background-repeat: no-repeat; }
#contactInfo #address:before	{ content: ''; position: absolute; left: 0; top: 0; width: 40px; height: 40px; background-position: 0 3px; padding-left: 40px; }
#contactInfo #address	{ position: relative; padding-left: 40px; }
#contactInfo .phone		{ background-position: 0 -47px; padding-left: 40px; }
#contactInfo #fax		{ background-position: 0 -97px; }
#contactInfo #email		{ background-position: 0 -145px; }

	/* CREDIT LINE STYLES */
#credit					{ padding-top: 2em; }
#credit p				{ display: inline; }
#credit a				{ color: #ababab; }
#credit a:hover			{ color: #fff568; }
#credit a:active		{ color: #aba000; }
#companyTag				{ float: right; font-size: 1.45em; }


/*CUSTOM SELECT DROPDOWNS*/
.custom-select 			{ position: relative; margin-top: .7em; margin-bottom: 1.8em; }
.custom-select-options 	{ position: absolute }
.custom-select-choose, .custom-select-options a 
						{ display: block }
.custom-select-options, .custom-select-choose 
						{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.custom-select-options 	{ float: left; padding-right: 20px }
.custom-select-options 	{ width: 100% }
.custom-select-options 	{ display: none }
.custom-select-choose 	{ border: solid 1px #D7D7D7; background: #FFF; width: 100%; padding: 1em; font-size: 1.2em }
.custom-select-choose:hover 	{ background-color: #EEE }
.custom-select-choose:focus 	{ background-color: #f7495d; color: #FFF }
.custom-select-choose 	{ background: #fff url("/images/global/chevron.png") no-repeat 90% center; color: #64625e }
.custom-select-choose:active 	{ background-color: #CCC }
.custom-select-options 			{ left: 0; top: 50px; background: #FFF; padding: 20px 30px; border: solid 1px #ccc; z-index: 10; max-height: 350px; overflow: auto;  }
.custom-select-options a 		{ color: #5190AC; padding: 0.5em 0; border-bottom: solid 1px #eee }
.custom-select-options a:hover 	{ color: #8dd2f1 }
.custom-select-options a:active { color: #5190AC }



/* //////////////////// LIGHTBOX ///////////////////////////////////////////////////////////////// */
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}#jquery-lightbox a img{border:none;}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}#lightbox-container-image{padding:10px;}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}#lightbox-container-image-box>#lightbox-nav{left:0;}#lightbox-nav a{outline:none;}#lightbox-nav-btnPrev,#lightbox-nav-btnNext {width:49%;height:100%;zoom:1;display:block;}#lightbox-nav-btnPrev{left:0;float:left;}#lightbox-nav-btnNext{right:0;float:right;}#lightbox-container-image-data-box{font-size:11px;background-color:#fff;margin:0 auto;line-height: 1.4em;:auto;width:100%;padding:0 10px 0;}#lightbox-container-image-data{padding:0 10px;color:#666;}#lightbox-container-image-data #lightbox-image-details {width:70%;float:left;text-align:left;}#lightbox-image-details-caption{font-weight:bold;}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}




/* ///////////////////////////////////////////////////////////// */
/* ///////////////////// MEDIA QUERIES ///////////////////////// */

/* MOBILE PHONES & TABLETS (SHARED STYLES) ///////////////////// */
@media screen and (min-width: 959px) {
	#searchResults  { margin-left: 24px; left: 50%; top: 72px; width: 457px;  }
	.nm						{ display: inline; }
}

/* MOBILE PHONES & TABLETS (SHARED STYLES) ///////////////////// */
@media screen and (max-width: 959px) {
	
	#subNav li a:hover, #subNav li a:active, #subNav li a:focus { background-color: #fff; }
	.rounded			{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.hdn959, #mainNav li a span, #mainNav ul.dd ul { display: none; }
	#breadcrumbs p		{ font-size: 1.4em; padding: 2px 0; }
	#breadcrumbs #location	{ background: url('../images/global/breadcrumbsMob_icn.png') no-repeat left center; background-size: 13px; padding: 0.1em 0 0 1.6em;  }
	#contactInfo #address, #contactInfo .phone, #contactInfo #fax, #contactInfo #email { background-image: url('../images/global/contactInfoMob_sprite.png'); background-repeat: no-repeat; background-size: 20px; }
	.notification		{ background: #ebebeb url('../images/contact/notificationMob_sprite.png') no-repeat left top; background-size: 65px; }
	.hero h1				{ padding: 25px 2%; width: 96%; }
	.nm						{ display: none; }
	#newsletter .sw		{ padding: 0 2%; }
	
}

/* TABLETS (IN PORTRAIT) /////////////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 959px) {
	.sw					{ width: 96%; padding: 3em 2%; }
	h2					{ font-size: 4em; }
	p					{ font-size: 1.45em; }
	header, header .sw	{ position: relative; height: 200px; }
	header				{ background: #fff; }
	#logo, #srchWrp		{ top: 20px; }
	#logo				{ left: 4%; }
	#srchWrp			{ right: 4%; width: 42%; }
	#srchWrp.hldr		{ padding-bottom: 4em; }
	#srchFrm .textbox	{ width: 89.95%; padding-left: 10%; }
	#srchFrm .button 	{ width: 20%; }
	#subNav				{ right: 4%; top: 80px; width: 42%; }
	#subNav li			{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-left: 2px solid #939393; }
	#subNav li:first-child { border-left: none; }
	#subNav .abo, #subNav .eve { width: 30%; }
	#subNav .con		{ width: 40%; }
	#subNav li a		{ width: 100%; text-align: center; font-size: 2em; padding: 0; }
	#mainNavHldr		{ top: 120px; width: 100%; height: 80px; }
	#mainNav			{ top: 1px; left: 0; width: 100%; padding: 0; margin-left: 0; }
	#mainNav li			{ display: block; width: 25%; height: 40px; }
	#mainNav li	a		{ font-size: 2em; padding: 0.5em 0; line-height: 1em; max-height: none; height: 40px; margin: 0 auto; display: block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  border: 1px solid #56A6C8; margin-top: -1px; }
	#mainNav li a:hover	{ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2); box-shadow: inset 0 0 5px rgba(0, 0, 0, .2); background: #3f7289; }
	#mainNav li a:active { background: #204a61; }
	#mainNav li a span	{ display: none; }
	#mainNav .hidden	{ display: block; }
	#footerContent h5	{ font-size: 1.8em; }
	#contactInfo #address { background-position: left 3px; padding-left: 32px; }
	#contactInfo .phone	{ background-position: left -47px; }
	#contactInfo #fax	{ background-position: left -97px; }
	#contactInfo #email	{ background-position: left -145px; }
	.notification		{ padding-left: 10%; }
	#confirmation		{ width: 70%; }
	#searchResults		{ right: 6%; top: 68px; width: 50%; }
	.search-item img 	{ width: 60px!important; padding: 0!important; }
	
	
	
}

/* TABLETS (IN PORTRAIT) /////////////////////////////////////// */
@media screen and (min-width: 768px) and (max-width: 959px) {
#subscribeForm		{ width: 55%; }
}

/* TABLETS (IN PORTRAIT) /////////////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 767px) {
#subscribeForm		{ width: 68%; }
#subscribeForm .textbox { width: 51%; }
}




/* TABLETS (IN PORTRAIT) < 800PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 800px) {
	h2					{ font-size: 3.5em; }
	p					{ font-size: 1.4em; }
	#srchWrp.hldr		{ padding-bottom: 3.9em; }
	#credit p			{ display: block; text-align: center; }
	#credit #companyTag, .sciences	{ display: none; }
	#footerContent .column	{ width: 32.25%; margin-left: 1%; }
	#footerContent .column:first-child { margin-left: 0; }
	.textbox, .textarea	{ font-size: 1.8em; }
	label.error, #warning { font-size: 1.5em; }
	.notification		{ padding: 1em 0 0.5em 12%; }
	#confirmation		{ width: 73%; }
}

/* TABLETS (IN PORTRAIT) < 700PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 700px) {
	h2					{ font-size: 3em; }
	p					{ font-size: 1.35em; }
	#logo				{ width: 46%; }
	#srchWrp.hldr		{ padding-bottom: 3.8em; }
	#subNav li a		{ font-size: 1.8em; }
	#srchFrm .textbox	{ padding-left: 5%; background-image: none; }
	#srchFrm .button 	{ width: 15%; text-indent: -99999px; background: #294c60 url('../images/global/searchTab_icn.png') no-repeat center center; background-size: 100px; }
	footer p, .footerNav li a { font-size: 1.2em; }

	#commentForm .fieldWrap { width: 48%; }
	#commentForm .mr	{ margin-right: 4%; }
	.textbox, .textarea	{ font-size: 1.6em; }
	label.error, #warning { font-size: 1.4em; }
	.notification		{ padding-left: 14%; }
	#confirmation		{ width: 80%; }
}

/* TABLETS (IN PORTRAIT) < 600PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 600px) {
	h2					{ font-size: 2.5em; }
	p					{ font-size: 1.3em; }
	#srchWrp.hldr		{ padding-bottom: 3.7em; }
	.notification		{ padding: 0.5em 0 1em 15%; }
}

/* MOBILE PHONES <568px //////////////////////////////////////// */
@media screen and (max-width: 568px) {
	.sw					{ width: 96%; padding: 1.5em 2%; }
	.hdn568, #mainNav	{ display: none; }		
	h2					{ font-size: 2.5em; }
	p					{ font-size: 1.25em; }
	header				{ height: 163px; }
	#logo				{ width: 268px; left: 2%; top: 19px; }
	#srchWrp			{ width: 62%; right: 4%; top: 111px; z-index: 2; }
	#srchWrp.hldr		{ background: none; padding: 0; margin-right: 0; z-index: 5; }
	#srchFrm .textbox	{ width: 97%; padding-left: 4%; margin-right: -1%; background-image: none; float: right; background-color: #2B748D; color: #abdaee; }
	#srchFrm .button 	{ float: right; width: 16.5%; text-indent: -99999px; background: #294c60 url('../images/global/searchTab_icn.png') no-repeat center center; background-size: 100px; }	
	#subNav				{ width: 28%; right: 2%; top: 10px; }
	#subNav li			{ width: 100%; }
	#subNav li a		{ width: 100%; text-align: right; font-size: 2em; text-transform: uppercase; padding: 0.1em 0; }
	#menuBtn, #mainNav li a { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	#menuHldr			{ display: block; position: absolute; left: 0; top: 104px; width: 100%; height: 58px; background: #449CC2; border-bottom: solid 1px #1F4A5E; }
	#menuBtn	 		{ display: block; width: 30%; height: 58px; font-family: 'YanoneKaffeesatzRegular', sans-serif; color: #fff; font-size: 3em; text-transform: uppercase; padding-top: 0.35em; border-right: 1px solid #32809a; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; z-index: 1; }
	#menuBtn:hover		{ color: #fff; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2); box-shadow: inset 0 0 5px rgba(0, 0, 0, .2); background: rgba(0, 0, 0, .1); }
	#menuBtn.active		{ background: url('../images/global/menuActive_bg.png') no-repeat center center; background-size: 47px; text-indent: -99999px;  }
	#mainNavHldr		{ top: 163px; }
	#mainNav			{ width: 100%; left: 0%; margin: 0; z-index: 10; }
	#mainNav li			{ display: block; width: 50%; height: 48px; }
	#mainNav li a		{ width: 100%; height: 48px; font-size: 2.4em; color: #fff; text-align: center; max-height: none; }
	footer				{ padding: 0 0px 1em; }
	#footerContent .column { display: none; }
	#footerContent .column:first-child, #footerContent #contactInfo { display: block; width: 48%; }
	#credit p			{ display: block; text-align: center; }
	#credit #companyTag	{ display: none; }
	#contactInfo #address { background-position: 18% 3px;padding-left: 30%; }
	#contactInfo .phone	{ background-position: 18% -47px; }
	#contactInfo #fax	{ background-position: 18% -97px; }
	#contactInfo #email	{ background-position: 18% -145px; }
	.textbox, .textarea	{ font-size: 1.6em; }
	label.error, #warning { font-size: 1.4em; }
	.notification		{ padding-left: 15%; text-align: left; }
	#confirmation, #warning { width: 85%; }
	#searchResults		{ right: 4%; top: 152px; width: 92%; }
	.search-item img 	{ width: 60px!important; padding: 0!important; }
	.sw section .third		{ float: none; width: 100%; }
	.sw section .third.mr	{ float: none; width: 100%; margin-right: 0; margin-bottom: 2em; }
	#subscribeForm		{ width: 100%; }
	
	
}

/* MOBILE PHONES  //////////////////////////////////////// */
@media screen and (min-width: 481px) and (max-width: 568px) {
#subscribeForm .textbox { width: 51%; }
}

/* MOBILE PHONES  //////////////////////////////////////// */
@media screen and (min-width: 552px) and (max-width: 568px) {
footer 		{ padding: 0 0px 1em; }

}

/* MOBILE PHONES <480px //////////////////////////////////////// */
@media screen and (max-width: 480px) {
	#logo				{ width: 240px; top: 23px; }
	#contactInfo #address { background-position: left 3px; }
	#contactInfo .phone	{ background-position: left -47px; }
	#contactInfo #fax	{ background-position: left -97px; }
	#contactInfo #email	{ background-position: left -145px; }
	#commentForm .fieldWrap { float: none; width: 100%; }
	#loader				{ margin: 0 auto 0.5em; }
	.notification		{ padding-left: 20%; }
	#confirmation, #warning { width: 80%; }
	
}

/* MOBILE PHONES <350px //////////////////////////////////////// */
@media screen and (min-width: 351px) and (max-width: 480px) {

}

/* MOBILE PHONES <350px //////////////////////////////////////// */
@media screen and (max-width: 350px) {
	#logo				{ width: 210px; top: 26px; }
	#srchFrm .button 	{ width: 20%; }
	#mainNav li a		{ font-size: 2.3em; }	
	#contactInfo #address, #contactInfo .phone, #contactInfo #fax, #contactInfo #email { background-image: none; }
	#commentForm .button { width: 100%; padding: 0; }
	.notification		{ background-size: 39px; height: 44px; padding: 0 0 0 20%; }
	#confirmation		{ width: 80%; }
	#subscribeForm .textbox { width: 91%; margin-bottom: .4em; }
	
}