/* RESPONSIVE GRID SYSTEM =============================================================================  */

/*  IMPORT FONTS  ============================================================================= */

/* BASIC PAGE SETUP ============================================================================= */
body { 
margin : 0 auto;
padding : 0;
font : 100%/1.5 'open-sans',sans-serif; 	
color : #676464; 
text-align: center;
}

button, 
input, 
select, 
textarea { 
 font-family: "open-sans",sans-serif;

color : #333; }

/*  HEADINGS  ============================================================================= */

h1 { text-transform:uppercase;  font-family: "jaf-bernina-sans-condensed",sans-serif; font-size:60px; line-height:60px; font-weight:700; color:#005596; margin:0 0 15px 0;}
h2 { margin-bottom : 0.5em; text-transform:uppercase;  font-family: "jaf-bernina-sans-condensed",sans-serif; font-size:50px; line-height:50px; font-weight:700; color:#ffb310;}

.h2f1 { font-size:28px; line-height:28px;}




h3 { text-transform:uppercase;  font-family: "jaf-bernina-sans-condensed",sans-serif; color:#fff; font-size:28px; line-height:28px; font-weight:700; margin-bottom:15px;color:#005596; }
h3 a { text-decoration:none;}
h4 { 

color: #676464;
margin-bottom : 0.3em;
letter-spacing: 1px;
font-size : 23px; /* 28 / 16 */
line-height : 23px; 
}

h5 {  }



	footer h4 { 
		color: #ccc;
	}

h5 { 
color: #555;
margin-bottom : 1.25em;
font-size : 1em; /* 20 / 16 */ }

h6 { 
color: #666;
font-size : 1em; /* 16 / 16  */ }


.t1 { text-transform:uppercase;  font-family: "jaf-bernina-sans-condensed",sans-serif; font-size:90px; line-height:90px; font-weight:700; color:#fff;}
.t1-sup {text-transform:uppercase;  font-family: "jaf-bernina-sans-condensed",sans-serif; font-size:43px; line-height:43px; font-weight:700; color:#fff;}
.t2 { text-transform:uppercase;  font-family: "jaf-bernina-sans-condensed",sans-serif; font-size:50px; line-height:50px; font-weight:700; }
.t3 { text-transform:uppercase;  font-family: "jaf-bernina-sans-condensed",sans-serif; font-size:18px; line-height:20px; font-weight:700; letter-spacing:1px; }
.t4 { text-transform:uppercase;  font-family: "jaf-bernina-sans-condensed",sans-serif; color:#fff; font-size:28px; line-height:28px; font-weight:700; margin-bottom:15px; }




/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ }

p {
hyphens : auto;  
margin-bottom:1em;
}




p.center {
text-align: center;
}


.and {
font-size: 1.5em; /* 24 / 16 */
}

.heart {
font-family: Pictos;
font-size: 1.5em; /* 24 / 16 */
}

ul, 
ol { 
margin : 0 0 1.5em 0; 
padding : 0 0 0 24px; }

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

b, strong { 
font-weight : 700; }

hr { 
display : block; 
margin : 1em 0; 
padding : 0;
height : 1px; 
border : 0; 
border-top : 1px solid #ccc;
}

small { 
font-size : 1em; /* 16 / 16 = 1 */ }

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

.subtext {
	color: #666;
	}

/* LINKS =============================================================================  */

a { 
color:inherit;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: underline;
}

a:visited { 
color : #005596; }

a:focus {  
color : #005596; }

a:hover, 
a:active { 
outline : 0;
color : #005596;
text-decoration:none;
}

/* Colors */
.clrblue { color:#005596;}
.cyellow { color:#ffb310;}
.cwhite { color:#ffffff;} 
.cblue { color:#005596;}
.cgray { color:#727170;}

/* MSC 8 */
.iconholder { text-align:center;}
.imageholder { text-align:center;}
.imageholder img { border:5px solid #dadada; box-sizing:border-box;}
.image-right { float:right; margin:0 0 15px 20px; border:5px solid #dadada; box-sizing:border-box; width:40%;}
.image-right-home { float:right; margin:0 0 15px 20px; box-sizing:border-box; width:35%;}
.f13 { font-size:13px;}
.f15 { font-size:15px;}


/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%; }

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/* FORMS ============================================================================= */

form { 
margin : 0; }

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

legend { 
*margin-left : -7px; 
padding : 0; 
border-width : 0; }

label{
font-weight : normal;
cursor : pointer;
display:block;
margin:10px 0 0 0;
position:relative;
top:0;
left:0;
}

	label.inline{
	display:inline;
	margin:0;
	}
	
	label span{
	color:#666;
	font-size:0.9em;
	}
	
	label span.right{
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
	}
	
	label.disabled{
	color:#ccc;
	}


button, 
search,
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }

button, input { 
line-height : normal; 
*overflow : visible; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
padding: 0.7em 1em;
margin: 0 0 14px 0;
cursor : pointer; 
 font-family: "jaf-bernina-sans-condensed",sans-serif; 
 font-weight:700;
 font-size:14px;
-webkit-appearance: none;
border-radius: 0;
 box-sizing : border-box;
 background:#ffb310;
 letter-spacing:1px;
 color:#fff;
 text-transform:uppercase;
 -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover 
{
	background:#005596;	
	}



input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; -webkit-appearance: checkbox; }

input[type="search"] { 
	box-sizing : content-box;
}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0;  }

input{
display:block;
width:100%;
margin:0 0 10px 0;
-webkit-appearance: none;

border-radius: 0;
 border:0;
}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:#bbb;
	}
	
	input::-moz-focus-inner {border:0;}

	input[disabled="disabled"], input.disabled{
	color:#999;
	background:#f5f5f5;
	-moz-box-shadow:inset 0px 0px 2px #ddd;
	-webkit-box-shadow:inset 0px 1px 2px #ddd;
	box-shadow:inset 0px 1px 2px #ddd;
	}
	
	
input[type="text"] 
{
	background:#fff;
	color:#717171;
	 font-family: "source-sans-pro",sans-serif;
	 font-size:15px;
	 padding:8px 10px;
	  box-sizing : border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;

		}
		
input[type="checkbox"]  { width:auto; display:inline-block; margin-right:5px; border:1px solid #999;}

.m-button { width:auto;}



#Form1 input[type="submit"]	 { width:auto;}
#Form1 input[type="file"]	 { width:30%;} 	
#Form1 input[type="text"] { border:1px solid #8e8e8e; width:30%}	
.codeinputholder { width:30%;}

#Form1 select { border:1px solid #8e8e8e;  background:#fff;
	color:#717171;
	 font-family: "source-sans-pro",sans-serif;
	 font-size:15px;
	 padding:8px 10px;
	  box-sizing : border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
 width:30% 
 }
		
textarea {
	-webkit-appearance: none;
font-family: "source-sans-pro",sans-serif;
width:100%;
height:100px;
color:#717171;
 padding:8px 10px;
font-size:15px;
overflow : auto; 
vertical-align : top;
 box-sizing : border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 border:0;
 border-radius:0;
 margin:0 0 10px 0;
}
#Form1 textarea {border:1px solid #8e8e8e; width:30%}	


/* Buttons */
.button-apply-now {
	padding: 0.7em 3em;
	margin: 0 0 14px 0;
	cursor : pointer; 
 	font-family: "jaf-bernina-sans-condensed",sans-serif; 
 	font-weight:700;
 	font-size:14px;
	border-radius: 0;
 	box-sizing : border-box;
 	background:#ffb310;
 	letter-spacing:1px;
 	color:#fff!important;
 	text-transform:uppercase;
 	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration:none;	
	 }
.button-apply-now:hover  { background:#005596;}

.button-all {
	padding: 0.7em 3em;
	margin: 0 5px 14px 0;
	cursor : pointer; 
 	font-family: "jaf-bernina-sans-condensed",sans-serif; 
 	font-weight:700;
 	font-size:14px;
	border-radius: 0;
 	box-sizing : border-box;
 	background:#ffb310;
 	letter-spacing:1px;
 	color:#fff!important;
 	text-transform:uppercase;
 	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration:none;
	display:inline-block;
	 }
.button-all:hover  { background:#005596;}


.tracker-button {
	padding: 1.2em 3em;
	margin: 0 15px 10px 0;
	cursor : pointer;
	display:inline-block;
 	font-family: "jaf-bernina-sans-condensed",sans-serif; 
 	font-weight:700;
 	font-size:18px;
	border-radius: 0;
 	box-sizing : border-box;
 	background: url(../images/bg-tracker.png) no-repeat right center #ffb310;
 	letter-spacing:1px;
 	color:#fff!important;
 	text-transform:uppercase;
 	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration:none;	
	 }
.tracker-button:hover  { background:url(../images/bg-tracker.png) no-repeat right center #005596;}


/* Colors for form validity */
input:valid, 
textarea:valid   {  
/* Styles */ }

input:invalid, 
textarea:invalid {
-webkit-box-shadow : 0 0 2px #f00; 
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00; }

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
background-color : #ccc; }



/*  MAIN LAYOUT	============================================================================= */

#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
}


		.maincontent 
		{
		clear: both;
		width: 80%; /* 1000px / 1170px */
		font-size: 1.125em; /* 17 / 16 */
		max-width:75em; /* 1200px / 13 */
		margin: 0 auto;
		color: #676464;
		line-height:1.5em;
		position: relative;
		 font-family: "open-sans",sans-serif;
		}
		
		.banner-overlay-holder { position:absolute; width:100%; top:0; left:0; z-index:500!important;}
		
		.maincontent-banner 
		{
		clear: both;
		width: 80%; /* 1000px / 1170px */
		font-size: 1.125em; /* 17 / 16 */
		max-width:75em; /* 1200px / 13 */
		margin: 0 auto;
		color: #676464;
		line-height:1.5em;
		 font-family: "open-sans",sans-serif;
		position:relative;
		z-index:500;		
		}
		
		.maincontent .body-inside { font-size:15px;}
		.maincontent .body-inside h2 { margin-bottom:10px;}

/* HEADER */
#header-wrapper { width:100%; background:#fff; border-bottom:5px solid #cdcdcd; padding:20px 0 0px;}
#header-wrapper .maincontent { }
	.logo-holder {}
#header-wrapper .col { margin:0; padding:0;}
/* BANNER */
#banner-wrapper { width:100%; position:relative;  /* min-height:700px; */ overflow:hidden;}

 .banner-images-holder { position:relative; z-index:0; top:0; width:100%;}
 .banner-images-holder img { /* width:100%;*/ position:relative; z-index:0; /* min-width:1600px; */}
 
 /*Inside Pages */
 .banner-images-holder-inner { position:relative; z-index:0; top:0; width:100%; margin-bottom:-8px; overflow:hidden; max-height:675px}
 .banner-images-holder-inner img {  width:100%; position:relative; z-index:0; width:100%; height:auto;}

 .banner-text-holder-video  { position:absolute; z-index:200; right:0; top:70px; padding:20px; background:url(../images/form-bg.png) repeat;}
 .banner-text-holder { position:absolute; z-index:200; right:0; top:200px; padding:20px; background:url(../images/form-bg.png) repeat;}	
 	
	.pshort { width:60%;}
	.rdf { color:#C00;}
	.rffrmtitle {}
	 #banner-form { position:absolute; z-index:9999!important; top:0; left:0; padding:0; margin:0; width:25%;}
	 .home-form-holder { background:url(../images/form-bg.png) repeat; padding:25px; position:relative;}
	 .hlp { margin-bottom:20px;}
	 .cntus {}
	 .codeinput-holder {}
	 	.codeinput-left { float:left; width:60%;}
		.codeinput-right { float:left; width:40%;}
			.ccode { background:#20292e; 	 
			font-family: "jaf-bernina-sans-condensed",sans-serif;
			font-weight:700;
	 		font-size:16px;
			padding:7px 10px;
			line-height:22px;
			text-align:center;
			color:#fff;
			letter-spacing:1px;
			 }
			 
			.cc-code2 {  background:#20292e; 	 
			font-family: "jaf-bernina-sans-condensed",sans-serif;
			font-weight:700;
	 		font-size:16px;
			padding:7px 0px;
			line-height:22px;
			text-align:center;
			color:#fff;
			letter-spacing:1px;
			width:auto; 
			display:inline-block;
			margin-bottom:10px;
			box-sizing:border-box;
			width:100%;
			
			} 
			 
		.drop-holder { position:relative;}
		.drpform 
	 		{ 
	 		background: url(../images/drop-bg.png) no-repeat right center #fff;
	 		color:#717171;
	 		font-family: "source-sans-pro",sans-serif;
			line-height:20px;
	 		font-size:15px;
	 		padding:8px 10px;
	 		box-sizing : border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			border:0px none;
			cursor:pointer;
    		}
		#dropselect { 
			position:absolute; 
			top:36px; 
			width:100%; 
			cursor:pointer; 
			line-height:18px;
	 		font-size:15px;
		   -webkit-box-shadow: 3px 4px 5px -3px rgba(0,0,0,0.75);
			-moz-box-shadow: 3px 4px 5px -3px rgba(0,0,0,0.75);
			box-shadow: 3px 4px 5px -3px rgba(0,0,0,0.75);
			background:#edecec;
			z-index:400;
			}
			
		#dropselect ul { list-style-type:none; margin:0; padding:0;}
		#dropselect ul  li a { background:#e7e7e7; display:block; padding:8px 10px; color:#717171; border-bottom:1px solid #fff; text-decoration:none;}	
		#dropselect ul  li:last-child a { border-bottom:none;}
		#dropselect ul  li a:hover  {background:#ffb310; color:#fff;}
	 	
	
	
	
/* SERVICES */
#services-wrapper { border-top:5px solid #34495e; background: url(../images/bg-services.gif) repeat; width:100%; padding:35px 0;}
#services-wrapper .maincontent { color:#fff;} 
 #services-holder {}
	.services-list-holder { 
	background:#005596; 
	font-size:16px; 
	color:#fff; 
	text-align:center; 
	border:3px solid #ffffff; 
	padding:30px 15px; 
	box-sizing:border-box;
	-webkit-box-shadow: 1px 2px 8px 1px #000000;
	box-shadow: 1px 2px 8px 1px #2000000; 	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;	
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	min-height:250px;
	position:relative;
	} 
    .services-list-holder:hover { background:#20292e; cursor:pointer;}
	.services-desc-holder { margin:25px 0; font-size:14px; line-height:20px; padding-bottom:10px;}
	
	.btholder { position:absolute; width:100%; bottom:20px;text-align:center; box-sizing:border-box; left:0%; padding-top:10px;}
	.bt-inside {}
	.learnmorebutton {
		margin-top:10px;
	text-align:center; 
	padding:12px 25px; 
	font-family: "jaf-bernina-sans-condensed",sans-serif; 
	font-size:11px; line-height:12px; 
	background:#ffb310; 
	color:#fff; 
	text-transform:uppercase; 
	letter-spacing:1px; 
	text-decoration:none; 
	font-weight:700; 
	display:inline-block; 
	box-sizing:border-box;}
	
	
	.learnmorebutton:hover { color:#fff; background:#005596;}
	.learnmorebutton:visited { color:#fff;}
/* Inside Services Page Widgets */
	#widgets-panel {}
	.widgets-holder { background:#e1e3e4; text-align:center; padding:0 0 10px 0}	
	.widgets-holder img { display:block; margin-bottom:10px; width:100%;}
	.widgets-holder a {text-transform:uppercase; font-weight:700; font-family: "jaf-bernina-sans-condensed",sans-serif; text-decoration:none; text-align:center;}
	.widgets-holder a:hover {color:#ffb310;}
	.widgets-holder a:visited {color:#005596;}
	.widgets-holder-desc { font-size:14px; line-height:18px; display:block; padding:10px 10px; text-align:center;}
	
/* Side Other Services */	
	#widgets-side-panel { padding-left:50px; padding-top:1px;}
		.widgets-side-holder { margin-top:25px;}
		.widgets-side-holder-list { position:relative; box-sizing:border-box;}
		.widgets-side-holder-list img { position:relative; z-index:0; width:100%;}  
		.widgets-side-list-title { position:absolute;  bottom:23px; left:5%; background:url(../images/form-bg.png) repeat; padding:10px 15px; color:#fff!important; z-index:300; font-family: "jaf-bernina-sans-condensed",sans-serif; text-decoration:none; font-size:14px; text-transform:uppercase; display:block; width:89%; letter-spacing:1px; box-sizing:border-box;}
		.widgets-side-list-title:hover { background:#ffb310;}
/* ABOUT */
#about-wrapper { background:#34495e; width:100%; padding:35px 0; color:#fff!important;}
	#about-wrapper .maincontent { color:#fff;}


/* MAIN BODY PANEL */

#body-main-wrapper { background:#fff; width:100%;}
	.body-inside {}
	
	#body-two-column {}
	
	/* Bread Crumbs */
	.breadcrumbs-holder { background:#f0f1f2; width:100%; margin-top:50px 0; margin-bottom:10px;}	
	.breadcrumbs-holder ul { list-style-type:none; margin:0 0 0 10px; padding:0 0 5px 0;}
	.breadcrumbs-holder ul li { font-size:10px; color:#005596; display:inline-block; text-transform:uppercase; padding:0 6px 0 2px; border-right:1px solid #9fa4a9; line-height:12px;} 
	.breadcrumbs-holder ul li a { color:#5c4949; text-decoration:none;}
	.breadcrumbs-holder ul li a:hover { color:#005596; text-decoration:underline;}
	.breadcrumbs-holder ul li:last-child { border-right:0;}
	
	/* Locations */
	.locations-holder {}	
	.locations-list { list-style-image:url(../images/icon-map.png); padding:0; margin:0 0 15px 30px; }
	.locations-list li a { color:#676464;}
	.locations-holder-details {}
	
	/* Contact Us */
	.map-contact {}
	
/* NEWS */
#news-wrapper { background:#fff; width:100%; padding:35px 0;}
	.news-list-holder { border-right:2px solid #e4e6e7; padding-right:10px;}
	
#news-wrapper .span_1_of_3:last-child  .news-list-holder{ border-right:0px solid #e4e6e7; } 	
	
	.newsdate { color:#ffb310;  font-family: "jaf-bernina-sans-condensed",sans-serif; font-weight:700; font-size:16px; margin-bottom:10px;}
		.newsdate a { color:#ffb310; text-decoration:none;}
		.newsdate a:hover { color:#005596;}
	.newstitle {}
		.newstitle a { color:inherit; text-decoration:none;}
		.newstitle a:hover { text-decoration:underline;}

#news-main {} 
	.news-main-list {}
	.news-main-image {}
	.news-main-desc {}
	
	 
#news-main-details {}
	.news-main-details-image {}
	.news-main-details-desc { padding-right:50px;}
	.news-main-details-desc  h2:first-child { margin-bottom:0px!important; color:#005596;}	

.side-news-archives-holder {}

 /* Left List */
 .left-list { list-style-type:none; margin:10px 0 0 0; padding:5px 0 5px 0; background:#f6f6f6;}
 	.left-list li { border-bottom:1px solid #ffffff;}
	.left-list li:last-child { border-bottom:0px;}
	    .left-list li div div { padding-left:20px;}
		.left-list li:last-child div div { padding-bottom:10px;} 
	    .left-list li div div a {display:block; padding:0px 40px!important; }
	    
 		.left-list li a { text-decoration:none; padding:8px 40px; display:block; background:url(../images/icon-arrow.png) no-repeat left center;}
		.left-list li a:hover { background:url(../images/icon-arrow.png) no-repeat left center #cc5e4fa;}		
		.left-list #currentside a{ background:url(../images/icon-arrow-cur.png) no-repeat left center #3b4ea0; color:#fff;}		
 .left-list li .fbold { color:#0f75bc;}


/* CAREERS */
#careers-holder {}
#careers-holder-main {}
/* FOOTER */
#footer-panel { width:100%; background:url(../images/bg-services.gif) repeat; padding:35px 0;}
	#footer-panel .maincontent { color:#fff;}
	.footer-copy { font-size:14px;}

	/* Subscribe */
	.subscribe-holder {}
		.subscrib-title { text-transform:uppercase; font-family: "jaf-bernina-sans-condensed",sans-serif; font-weight:700; letter-spacing:1px;}
		.form-subscribe { padding-top:15px; width:70%}

#social-panel { width:100%; background:#cdcdcd; padding:2px 0 0 0;}
	.ss-holder { display:inline-block; vertical-align:middle;}
	.ss-fblike { margin-top:-13px;}
	.ss-fshare { margin-top:-13px;}
	.social-head { text-transform:uppercase; font-family: "jaf-bernina-sans-condensed",sans-serif; font-weight:700; display:inline-block; margin-right:10px; margin-top:-1px; letter-spacing:1px;}
	
	.main-social-holder { display:inline-block; padding:15px; color:#fff; margin-right:5px; box-sizing:border-box;}
		
	 
	.main-social-holder b { margin-right:15px; vertical-align:middle;}
	.gmarginup {display:inline-block;}
	.fb-bg{ background:#3b579d; }
	.gplus-bg{ background:#d9473c;}
	.ln-bg{ background:#005986;}
	.tw-bg{ background:#1cb2e9;}
	.yt-bg{ background:#952520;}
	
	.ss-title {}
	.ss-buttons {}
	.fbmargin  {}

/* List */
.footer-list { list-style-type:none; margin:0; padding:0; color:#fff; }
.footer-list li { line-height:23px; font-size:14px;}
.footer-list li a { font-size:13px; letter-spacing:2px; color:#fff; text-decoration:none; text-transform:uppercase; font-family: "jaf-bernina-sans-condensed",sans-serif; font-weight:700;}
.footer-list li a:hover { color:#ffb310;}
.footer-list li img { vertical-align:middle; width:21px; height:21px; display:inline-block;}
.footer-list li:nth-child(2) img {}
.footer-list li span a{ text-transform: none; font-weight:400;  font-family: "open-sans",sans-serif; letter-spacing:normal;}

.fcredits { text-align:right; font-size:14px;}
.fcredits img { width:32px; vertical-align:middle;}
.fcredits a { color:#fff; text-decoration:none;}
.fcredits a:hover { color:#ffb310;}
/* Social Media List */
.sm { list-style-type:none; padding:0; margin:0;}
.sm li { padding:0 2px; color:#fff; font-size:13px; letter-spacing:2px; color:#fff; text-decoration:none; text-transform:uppercase; font-family: "jaf-bernina-sans-condensed",sans-serif; font-weight:700; display:inline-block;}
.sm li:first-child { margin-bottom:5px; display:block; padding-left:0; padding-right:0;}
.sm li:nth-child(2) { padding-left:0;}
.sm li:last-child { padding-right:0;}

/* Body List */
.body-list { list-style-image:url(../images/list-icon.png); padding:0 0 5px 0; margin:0 0 10px 18px;}
		.body-list li { padding:2px 5px;}
		.body-list li a { text-decoration:underline; color:inherit; white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
	.body-list li a:hover {  color:#0f75bc; text-decoration:none;}	
	.body-list li ul { list-style:square; margin:5px 0 5px 0px;}
		.body-list li ul li { padding:3px 0;}


/* Main Navigation Menu */
#nav-main-holder {}
.nav-main-holder { padding-top:60px;}
.nav-holder { float:right;}

.nav-holder ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: "jaf-bernina-sans-condensed",sans-serif; 
  font-weight:700;
  text-transform:uppercase;
  font-size:16px;
  line-height:16px;
  letter-spacing:1px;
  color:#7f8c8d;
 
}

.nav-holder ul li {
  display: block;
  position: relative;
  float: left;
  color:#7f8c8d;
}
/* This hides the dropdowns */
.nav-holder li ul { display: none; }

.nav-holder ul li a {
  display: block;
  padding: 18px 20px 18px 20px;
  text-decoration: none;
  white-space: nowrap;
  color: #7f8c8d;
}

/* Colors for Nav */
.nav-holder > ul > li:first-child > a { padding-left:0;} /* Home*/
.nav-holder > ul > li:nth-child(2) > a {} /* About Us */
.nav-holder > ul > li:nth-child(3) > a { } /* Researchers */
.nav-holder > ul > li:nth-child(4) > a { } /* Biobanks */
.nav-holder > ul > li:nth-child(5) > a {} /* Resources */
.nav-holder > ul > li:nth-child(6) > a { } /* News/Events */
.nav-holder > ul > li:last-child  > a { padding-right:0;} /* Donate */
/* End Colors for Nav */


.nav-holder ul li a:hover {}

/* Display the dropdown */
.nav-holder li:hover > ul {
  display: block;
  position: absolute;
  z-index:9999;
  background: #4c4d4f;
  font-size:16px;
  text-transform:none;
  font-family: "jaf-bernina-sans-condensed",sans-serif;
  font-weight:400;
  letter-spacing:1px;
 
}
/* add Border */
.nav-holder li:hover > ul li { border-top:1px solid #1971b3; color:#fff!important;} 
.nav-holder li:hover > ul li:first-child {  border-top: none;}


.nav-holder li:hover li { float: none; background:#175f96;}
.nav-holder li:hover > a { }
.nav-holder li:hover ul li a { color:#fff;}

/* Color Nav per Sub Nav */
.nav-holder > ul > li > ul > li > a:hover { background:#ffb310; }
.nav-holder > ul > li > ul > li > ul > li > a:hover { background:#ffb310; }


.nav-holder li:hover li a:hover {}
.nav-holder .main-navigation li ul li { border-top: 2px solid #C03; }

/* Displays second level dropdowns to the right of the first level dropdown */
.nav-holder ul ul ul {
  left: 100%;
  top: 0;
}
/* Simple clearfix */
.nav-holder ul:before,
.nav-holder ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.nav-holder ul:after { clear: both; }
	 

/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

	
/*  CODE  ============================================================================= */

pre.code {
	padding: 0;
	margin: 0;
	font-family: monospace;
	white-space: pre-wrap;
	font-size: 1.1em;
}

strong.code {
	font-weight: normal;
	font-family: monospace;
	font-size: 1.2em;
}


/*  EXAMPLE  ============================================================================= */

#example .col {
	background: #ccc;
	background: rgba(204, 204, 204, 0.85);

}

/*  NOTES  ============================================================================= */


.note {
	position:relative;
	padding:1em 1.5em;
	margin: 0 0 1em 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	overflow:hidden;
}

.note:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	border-width:0 16px 16px 0;
	border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;
	background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */
}

.note.rounded {
	-webkit-border-radius:5px 0 5px 5px;
	-moz-border-radius:5px 0 5px 5px;
	border-radius:5px 0 5px 5px;
}

.note.rounded:before {
	border-width:8px;
	border-color:#ff #ff transparent transparent;
	background: url(/images/bodyback.png);
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius:0 0 0 5px;
	border-radius:0 0 0 5px;
}

/*  SCREENS  ============================================================================= */

.siteimage {
	max-width: 90%;
	padding: 5%;
	margin: 0 0 1em 0;
	background: transparent url(/images/stripe-bg.png);
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.siteimage:hover {
	background: #bbb url(/images/stripe-bg.png);
	position: relative;
	top: -2px;
	
}

/*  COLUMNS  ============================================================================= */

.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }

/*  BUTTONS  ============================================================================= */


.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: .5em 1em;
	margin: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #cc1122 url(/images/glass.png) repeat-x 0 50%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family:'NettoOT-Bold';
		font-size : 1.5em; /* 24 / 16 */
				
}
.button:hover {
	background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	text-decoration: none;
}
.button:active {
	background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
	color: #fff;
	position: relative;
	top: 1px;
}
.button:visited { 
	color : #fff;
}



/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


.floatleft {
    float: left;
}

.floatright {
    float: right;
}


/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens: none;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : none; }


/**
 * PgwSlideshow - Version 2.0
 *
 * Copyright 2014, Jonathan M. Piat
 * http://pgwjs.com - http://pagawa.com
 *
 * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0
 */
.pgwSlideshow {
    width: 100%;
    background: #fff;
    display: none;
}

.pgwSlideshow a{
    color: #fff;
}

.pgwSlideshow .ps-current {
    text-align: center;
    position: relative;
    min-height: 150px;
    overflow: hidden;
}

.pgwSlideshow ul { margin:0; padding:0;}

.pgwSlideshow .ps-current > ul  > li {
    text-align: center;
    width: 100%;
    z-index: 1;
    opacity: 0;
    display: block;
}

.pgwSlideshow .ps-current > ul  > li img {
    display: block;
	width:100%;
    max-width: 100%;
    margin: auto;
	max-height:675px;	
}

.pgwSlideshow .ps-caption {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    text-align: left;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 10px;
    display: none;
}

.pgwSlideshow .ps-caption span {
    padding: 7px;
    display: inline-block;
}

.pgwSlideshow .ps-list {
   /* border-top: 1px solid #555; */
   /*  box-shadow: 0 10px 10px -5px #333 inset; */
   /*  background: #555; */
    overflow: hidden;
   /* JJ	
    position: relative; 
   */
   position: absolute;
   bottom:30px; right:15%;
   z-index:600;	
}

.pgwSlideshow .ps-list ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0;
}

.pgwSlideshow .ps-list li {
    float: left;
}

.pgwSlideshow .ps-list li .ps-item {
    display: block;
    /*margin: 0px 8px; 8*/
	margin:0 8px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.pgwSlideshow .ps-list li img {
    display: block;
    /*border: 1px solid #777; */
    width: 80px;
    height: 45px;
	border:2px solid #fff;
	box-sizing:border-box; -webkit-box-sizing:border-box;
}

.pgwSlideshow .ps-list li .ps-item.ps-selected img {
    float: left;
    opacity: 1;
    border: 2px solid #ffb310;
    overflow: hidden;
	 box-sizing:border-box; -webkit-box-sizing:border-box;
}

.pgwSlideshow .ps-list li:hover .ps-item img{  border:2px solid #ffb310; box-sizing:border-box; -webkit-box-sizing:border-box;}



.pgwSlideshow .ps-list li .ps-item.ps-selected img {
    margin: 0px;
}

.pgwSlideshow .ps-prevIcon {
    border-color:transparent #fff transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    display: block;
}

.pgwSlideshow .ps-nextIcon {
    border-color:transparent #fff transparent;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    display: block;
}

.pgwSlideshow .ps-current .ps-prev {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    border: 1px solid #777;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    position: absolute;
    padding: 20px 20px 20px 15px;
    left: 0;
    top: 45%;
    cursor: pointer;
}

.pgwSlideshow .ps-current .ps-next {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    border: 1px solid #777;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    padding: 20px 15px 20px 20px;
    right: 0;
    top: 45%;
    cursor: pointer;
	
}

.pgwSlideshow .ps-list .ps-prev {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
    border: 1px solid #777;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    padding: 20px 15px 20px 12px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 1000;
    display: none;
	
}

.pgwSlideshow .ps-list .ps-next {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
    border: 1px solid #777;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    padding: 20px 12px 20px 15px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 1000;
    display: none;
}

/*
 * The media-queries are not used because IE8 doesn't support them.
 */
.pgwSlideshow.narrow .ps-list li img {
    width: 60px;
    height:40px;
}

.pgwSlideshow.narrow .ps-current .ps-prev {
    padding: 15px 15px 15px 12px;
    top: 40%;
	/* Add jj for no arrow */
	display:none;
}

.pgwSlideshow.narrow .ps-current .ps-next {
    padding: 15px 12px 15px 15px;
    top: 40%;
	/* Add jj for no arrow */
	display:none;
}

.pgwSlideshow.narrow .ps-list .ps-prev {
    padding: 15px 12px 15px 10px;
    top: 20px;
	/* Add jj for no arrow */
	display:none;
}

.pgwSlideshow.narrow .ps-list .ps-next {
    padding: 15px 10px 15px 12px;
    top: 20px;
	/* Add jj for no arrow */
	display:none;
}

.pgwSlideshow.narrow .ps-caption {
    font-size: 0.8rem;
    padding: 8px;
}

#newstitles h1 { font-size:28px; line-height:28px;}

