/*
 * Responsive HTML5/CSS3 template
 * http://webcodebuilder.com/examples/responsive-html5css3-template/index.html
 *
 * Copyright 2012, WebCodeBuilder
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
@media all{
	html{
		font-size: 62.5%;
	}
	body{
		font:1.2em Myraid, Helvetica, sans-serif;
		margin:0;
		width:100%;
		color:#444444;
		
		background:#0A2742;

							
	}
	.googlePlayImage{
		width:180px;
		height:55px;
	}
	#dialog{
		display:none;
	}
	a{
		color:#EFEFEF;
		text-decoration:underline;
	}
	a:hover { text-decoration:none;}
	section, header,footer,nav { display:block;}
	img{
		border:0;
		vertical-align:top;
		max-width:100%;
	}
	form,
	fieldset{
		border:0;
		padding:0;
		margin:0;
	}
	p{
		text-align: left;
	}
	h1{
		font:3.285em/1.067em Lato,Helvetica; /*60px/64px*/
		letter-spacing: 1px;
		color:#FFF;
		text-shadow:0 1px 2px rgb(0,0,0);
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
		margin:0 0 0.167em;
		text-align:center;
		padding-top: 0.5em;
	}
	h5{
		font:2.585em/1.067em Arial,Tacoma,Helvetica; /*60px/64px*/
		letter-spacing: 1px;
		//color:rgb(94,94,47);
		color:#FFF;
		text-shadow:0 1px 1px rgb(255,255,255);
		text-shadow:0 1px 1px rgba(255,255,255,0.5);
		margin:0 0 0.167em;
		text-align:center;
	}
	.section-title h1:before{
		content: "";
		position: absolute;
		width: 10%;
		height: 2px;
		left: 30%;
		margin-top:0.5em;
		overflow: hidden;
		background: rgb(255,255,255); /* The Fallback for non css3 browser */
		background: rgba( 255, 255, 255, 0.3 );
	}
	.section-title h1:after{
		content: "";
		position: absolute;
		width: 10%;
		height: 2px;
		right: 30%;
		margin-top:0.5em;
		overflow: hidden;
		background: rgb(255,255,255); /* The Fallback for non css3 browser */
		background: rgba( 255, 255, 255, 0.3 );
	}
	h2 {
		font:1.814em/1.125em Tahoma, sans-serif; /*24px/27px*/
		//color:#353535;
		color:#FFF;
		text-align:center;
		margin:0 0 0.417em;
		font-weight:bold;
		text-shadow:0px 1px 1px rgb(0,0,0);
		text-shadow:0px 1px 1px rgba(0,0,0,0.5);
	}
	h3 {
		font:1.285em/1.167em 'Nunito', Arial, Helvetica, sans-serif; /*18px/21px*/
		margin:0 0 0.55em;
		text-align:center;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
	}
	.logo{
		float:left;
		margin-left:2%;
		margin-right:2%;
		margin-top: -0.7em;	
		//background:url("../img/logo_sds_triangle2.png") no-repeat;
		height:50px;
		//padding-top:5px;
		background-size:contain;	
	}
	.socialIcon{
		float:left;
		margin-left:2%;
		margin-right:2%;
		//background:url("../img/logo_sds_triangle2.png") no-repeat;
		height:30px;
		//padding-top:5px;
		background-size:contain;	
	}
	.subHeading{
		display:block;
		font:1.7em/1.151em 'PT Sans', Arial, Helvetica, sans-serif; /*33px/38px*/
		margin:0 0 0.5em;
		text-align:center;
		//color:#7a7a7a;
		color:black;
		text-shadow:0px 1px 1px rgb(255,255,255);
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
	}
	.articles{
		max-height:90%;
	}
	.thanksText{
		font:2em Arial, Helvetica, sans-serif;
		color:white;
		font-style: italic;
	}
	.topic
	{
		font-size: 1.3em;
		font-family: Arial, Helvetica, sans-serif;
		color: #A13914;
		font-weight: bold;
		text-decoration: none;
	}
	.smallertopic
	{
		font-size: 0.8em;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		font-weight: bold;
	}
	ul {
		padding:0;
		margin-top:0.1em;
		list-style:none;
	}
	section ul,
	article ul{
		margin:0 0 0.5em;
	}
	article li{
		margin:0 0 0.5em;
		padding:0 0 0.5em 1.5em;
		list-style-position: inside;
  		list-style-image:url(../img/sds_bullet_orange.png);
		float:left;
		text-align: left;
		width:100%;
		font-size:1.3em;
		font-weight:bold;
	}
	article li a{
		color: #0A0A0A;
		text-decoration:none;
	}
	.beige li,
	.beige article li{
		background-color: background-image: rgb( 0, 0, 0); /* The Fallback for non css3 browser */
		background-color: background-image: rgba( 0, 0, 0, 20% ); 
	}
	p {
		//margin:0 0 1em; font-size:1.4em; font:arial; color:white;
		display:block;
		font:1.43em/1.151em 'PT Sans', Arial, Helvetica, sans-serif; /*33px/38px*/
		margin:0 0 0.5em;
		text-align: left;
		color:#0a0a0a;
		text-shadow:0px 1px 1px rgb(255,255,255);
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
		padding-left:1em;
		
	}
	blockquote {
		margin:0 0 1em;
		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAPCAYAAAD6Ud/mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZERkIxNTE4RDcyMTFFMTlGMjFGRDNGOTMwN0RFRUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZERkIxNTI4RDcyMTFFMTlGMjFGRDNGOTMwN0RFRUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNkRGQjE0RjhENzIxMUUxOUYyMUZEM0Y5MzA3REVFRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNkRGQjE1MDhENzIxMUUxOUYyMUZEM0Y5MzA3REVFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrtCTg8AAADjSURBVHjarJQBDcMgEEUZqQEsYGGVgIVOQidhFmaBWUDCKmFIWC1UQscld8mFMBi3XvKTEuDecffTk/deVcImuaSQtClZnEG6svlMeifdhZAJ77+g2KFwYMbkBteLAAL3b2wdh0IV1Et4xUUA4pCIOVYOMhlkhAOdEJdBRtrQWSXUrqsAogrdUDnI4GwUAoJw+Ba/Q16oZgageAhtPNVyaNZb9YfLOGjD+TRB4PsdNXeYgJtqZ7IEspUE8UfQtxwbzeookGnd1/i7KcXS+T+r5tAHvKb2opWDXOtQpxmKxX4EGADGDjXSDl7KfgAAAABJRU5ErkJggg==) no-repeat;
		font-size:1.143em;
		line-height:1.25em;
		font-style:italic;
		color:#444;
	}
	q {
		quotes:none;
		display:block;
		padding:1.5em 1em 0 40px;
	}
	q:before { content:"";}
	q:after { content:"";}
	cite {
		display:block;
		text-align:right;
	}
	dl{ margin:0 0 10px;}
	dt {font-weight:bold;}
	dd { margin:0 0 10px 20px;}
	form,
	fieldset {
		padding:0;
		margin:0;
		border:0;
	}
	.center {
		max-width:960px;
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	.hidden{display:none;}
	.box-main:after,
	.center:after {
		content:"";
		clear:both;
		display:block;
	}
	.right { float:right;} 
	.headerRight { float:right;} 
	.left { float:left;}
	.alignLeft{
		float:left;
		margin-right:1em;
	}
	.alignRight{
		float:right;
		margin-left:1em;
	}
	.fullWidth{width:100%;}
	.fullWidth img{width:100%;}
	.row{
		width:100%;
		//background:#EFEFEF;
		//padding:2em 0;
		background-image:url("../img/sds_bckgrnd_2.jpg");
		padding-bottom: 2em;
		background-repeat: no-repeat;
	}
	.row:after{
		content:"";
		display:block;
		clear:both;
	}
	.beige{
		background: rgb(95,145,194); /* The Fallback for non css3 browser */
		background-image: linear-gradient(bottom, rgb(195,212,228) 50%, rgb(95,145,194) 100%);
		background-image: -o-linear-gradient(bottom, rgb(195,212,228) 50%, rgb(95,145,194) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(195,212,228) 50%, rgb(95,145,194) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(195,212,228) 50%, rgb(95,145,194) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(195,212,228) 50%, rgb(95,145,194) 100%);
//		background-image: linear-gradient(bottom, rgb(195,212,228) 0%, rgb(156,187,218) 100%);
//		background-image: -o-linear-gradient(bottom, rgb(195,212,228) 0%, rgb(156,187,2183) 100%);
//		background-image: -moz-linear-gradient(bottom, rgb(195,212,228) 0%, rgb(156,187,218) 100%);
//		background-image: -webkit-linear-gradient(bottom, rgb(195,212,228) 0%, rgb(156,187,218) 100%);
//		background-image: -ms-linear-gradient(bottom, rgb(195,212,228) 0%, rgb(156,187,218) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(195,212,228)),
			color-stop(1, rgb(95,145,194))
		)		
		-moz-box-shadow:    inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.15);
		-webkit-box-shadow: inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.15);
		box-shadow:         inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.15);
	}
	.beige h1{
		color:#fff;
		text-shadow:0 1px 2px rgb(0,0,0);
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.beige h2{
		color: #444;
		text-shadow:0 1px 2px rgb(0,0,0);
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.beige .subHeading{
		//color:#d9e7fb;
		color:black;
		text-shadow:0 1px 1px rgb(0,0,0);
		text-shadow:0 1px 1px rgba(0,0,0,0.5);
	}
	.beige a{color:#fff;text-decoration:none;}
	.beige h2x:hover, .beige h2 a:hover{
		//background:#1b4648;
		color:rgb(0,0,0); /* The Fallback for non css3 browser */
		color:rgba(0,0,0,0.5);
		//color:#1b4648;
	}
	.btn{
		position:relative;
		display:inline-block;
		padding:0.278em;
		font:1.714em/2.375em Arial, Helvetica, sans-serif;
		border:1px solid #d6d6d6;
		//background: rgba(255,100,26,1); 
		background: rgb(226,134,30); /* The Fallback for non css3 browser */
		background: rgba(226,134,30,1);  //logo orange
		text-decoration:none;
		font-weight:bold;
		cursor:pointer;
		width:auto;
		margin:0 -2px;
		overflow:visible;
		
		-webkit-border-radius: 1.67em;
		-moz-border-radius: 1.67em;
		border-radius: 1.67em;
		
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease;
	}

	* +html .btn{margin:0;}
	.btn span{
		color:#fff;
		padding:0 1.25em;
		display:block;
		text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
		
		-moz-box-shadow:   	inset 0 0px 3px rgba(255,255,255,255.75);
		-webkit-box-shadow: inset 0 0px 3px rgba(255,255,255,0.75);
		box-shadow:         inset 0 0px 3px rgba(255,255,255,0.75);
							
		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;
	}
	.btnSmall{
		padding:0.278em;
		text-decoration:none;
		font-size:1.214em;
		line-height:2.35em;
		//background:#8A8A8A;
		background: rgb(226,134,30); /* The Fallback for non css3 browser */
		background: rgba(226,134,30,1);  //logo orange
		
		font-weight:bold;
		border:1px solid #505a68;
		
		-webkit-border-radius: 1.47em;
		-moz-border-radius: 1.47em;
		border-radius: 1.47em;
		
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease; 
		
		-moz-box-shadow:   	0 1px 1px rgba(255,255,255,0.36);
		-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
		box-shadow:         0 1px 1px rgba(255,255,255,0.36);
	}
	.btnSmall span{
		color:#fff;
		text-decoration:none;
		padding:0 1.47em;
		display:block;
		text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
		
		border:1px solid #566270;
		background:#8A8A8A;
		background-image: linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -o-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(10,39,66)),
			color-stop(1, rgb(138,138,138))
		)		
		-moz-box-shadow:   	inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);

		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;

	}
	.btn:hover {
		background:#1b4648;
		background:rgb(0,0,0); /* The Fallback for non css3 browser */
		background:rgba(0,0,0,0.2);
	}
	.btnSmall:hover {
		background:none;
	}
	.btnSmall:hover span{
		background-image: linear-gradient(bottom, rgb(83,83,83) 0%, rgb(145,145,145) 100%);
		background-image: -o-linear-gradient(bottom, rgb(83,83,83) 0%, rgb(145,145,145) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(83,83,83) 0%, rgb(145,145,145) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(83,83,83) 0%, rgb(145,145,145) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(83,83,83) 0%, rgb(145,145,145) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(201,158,148)),
			color-stop(1, rgb(145,145,145))
		);

	}
	.btn:active{
		top:1px;
	}
	.btn:hover span,
	.btn:active span{
		color:#FFF;
	}
	.btnGreen span{
		border:1px solid #5e9048;
		background:#75cf44;
		
		background-image: linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -o-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(80,153,46)),
			color-stop(1, rgb(117,207,68))
		);
	}
	.btnBlue span{
		background:#52b3d3;
		border:1px solid #67a2b4;
		color:#fff;
		
		background-image: linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -o-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(66,153,179)),
			color-stop(1, rgb(82,179,211))
		);
	}
	.formRow{
		width:100%;
		margin:0 0 1.5em;
	}
	.formRow:after{
		content:"";
		display:block;
		clear:both;
	}
	.textField{
		width:100%;
		overflow:hidden;
		border:1px solid #505a68;
		background:#6592BE;
		font-weight:bold;
		padding:0.5em;
		
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
				
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box; 
		
		-moz-box-shadow:   	0 1px 1px rgba(255,255,255,0.36);
		-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
		box-shadow:         0 1px 1px rgba(255,255,255,0.36);
	}
	input,
	textarea{
		display:block;
		background:#fff;
		font:1em/1.214em Arial, Helvetica, sans-serif;  /*14px/17px*/
		color:#444;
		width:100%;
		padding:0.75em 1.5em;
		border:1px solid #505762;
		margin:0;
		
		resize:none;
		
		-moz-box-shadow:   	inset 0 0px 3px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0px 3px rgba(0,0,0,0.75);
		
		-webkit-border-radius: 1.5em;
		-moz-border-radius: 1.5em;
		border-radius: 1.5em;
				
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	textarea {
		overflow:auto;
		height:10.812em;
	}
	* +html input,
	* +html textarea,
	* +html .textField{
		width:99%;
		padding:0;
	}
	::-webkit-input-placeholder {
		color:    #444;
	}
	:-moz-placeholder {
		color:    #444;
	}
	.columns{
		width:100%;
		height:95%;	
	}
	.columns:after{
		content:"";
		display:block;
		clear:both;
	}
	.columns > div,
	.columns > article{
		float:left;
		vertical-align:top;
	}
	.columns h2{text-align:left;}
	.half{
		width:48.0%;
		margin:1.3%;
	}
	.halfx{
		width:30%;
		margin:0;
	}
	.oneThird{
		width:32%;
		margin:1%;
	}
	.columns > div:first-child,
	.columns > article:first-child{margin-left:0;}
	.oneThird +.oneThird +.oneThird,
	.threeForth + .oneForth,
	.oneForth + .half,
	.half + .half,
	.half + .oneForth + .oneForth,
	.last{
		float:right;
		margin-right:0;
	}
	.oneForth{width:24%;margin-right:5px;}
	.oneFifth{width:18%;margin-right:5px;}
	.threeForth{width:74.5%;}
	.buttons{
		width:100%;
		overflow:hidden;
		text-align:center;
		margin:2.5em 0 0;
	}
	.buttons > span{
		background:url(../img/sep-vert.gif) no-repeat 50% 50%;
		display:inline-block;
		font-size:1.714em;
		line-height:1.125em;
		padding:1em 0.75em;
		margin:0 -1px 0 -2px;
		background:#;
	}
	* +html .buttons > span{margin:0 20px;}
	.buttons > span em{
		font-style:normal;
		display:block;
		background:#F2E8C2;
	}
	.imgHolder{
		display:inline-block;
		padding:1px;
		background:#fff;
		border:6px solid #cecece;
		margin-bottom:1em;
		max-width:100%;
		overflow:hidden;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.imgHolderNoBorder{
		display:inline-block;
		padding:1px;
		margin-bottom:1em;
		max-width:100%;
		overflow:hidden;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.iconImgHolder {
	    display: inline-block;
	    padding: 1px;
	    margin-left: 1em;
	    margin-bottom: 1em;
	    max-width: 100%;
	    overflow: hidden;
	    -moz-box-sizing: border-box;
	}
		
	.ui-state-active{
		color: rgb(226,134,30); /* The Fallback for non css3 browser */
		color: rgba(226,134,30,1); 
	}
	.ui-widget-content .imgHolder{
		padding-top:0.5em;
	}

	.ui-widget-content .readMore{
	}
	
	* +html .imgHolder{
		max-width:93.5%;
		border-width:3%;
		padding:0;
	}
	.imgHolder img{display:block;}
	.beige .imgHolder{
		border-color:#6592BE;
	}
	/*main styles*/
	#pagewidth {
		width:100%;
		margin-left: auto ;
  		margin-right: auto ;
	}
	#header{
		position: fixed;
		z-index:100;
		left: 0;
		top: 0;
		height:40px;
		width:100%;
		overflow:hidden;
		padding-top:1.143em;
		padding-bottom:1em;
		background:#8A8A8A;
		background-image: linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -o-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(10,39,66)),
			color-stop(1, rgb(138,138,138))
		)		
		-moz-box-shadow:   	inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);
	}
	#content{padding:60px 0 0;}
	#mainNav{text-align:center;}
	#mainNav li{
		display:inline-block;
		margin:0 7px;
	}
	#mainNav a{
		color:#fff;
		position:relative;
		display:inline-block;
		padding:0.278em;
		text-decoration:none;
		font-size:1.43em;
		line-height:2.35em;

		//font-weight:bold;
		//-moz-box-shadow:   	inset 0 0px 3px rgba(0,0,0,0.75);
		//-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
		//box-shadow:         inset 0 0px 3px rgba(0,0,0,0.75);
		
/* this make it looks like a button, and font-size was 1.53em
		background:#2d3239;
		font-weight:bold;
		
		-moz-box-shadow:   	inset 0 0px 3px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0px 3px rgba(0,0,0,0.75);
		
		-webkit-border-radius: 1.47em;
		-moz-border-radius: 1.47em;
		border-radius: 1.47em;
*/		
	}
	#mainNav a span{
		font-size:1.1em;
		//font-weight:bold;
		text-transform: uppercase;
		color:#fff;
		text-decoration:none;
		padding:0 0.1em;
		display:block;
		text-shadow: 0px 0 rgb(0,0,0), 0 1px rgb(0,0,0), 0px 0 rgb(0,0,0), 0 0px rgb(0,0,0);
		text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
		
		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;
	}
	#mainNav a:active{
		top:1px;
	}
	#mainNav a:hover span ,
	#mainNav li.active span {
		//color:#CECECE;
		color:rgb(226,134,30);
	}
	.gallery{
		background:url(../img/sep-hor.gif) no-repeat 50% 0;
		padding:2px 0;
		position:relative;
		margin:0 auto;
		width:50%;
		height: 86%;
		position:relative;
	}
	.gallery:after{
		content:"";
		position:absolute;
		bottom:0;
		left:0;
		background:url(../img/sep-hor.gif) no-repeat 50% 0;
		width:100%;
		height:2px;
	}
	.news > div{
		border:1px solid #FFF;
		position:relative;
		padding:0 0 2em;
		margin:0 0 30px;
		height:1%;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
	}
	.news > div:after{
		content:"";
		display:block;
		clear:both;
	}
	.news h2{
		font-size:1.314em;
		padding:0.5em;
	}
	.news h3, h4{
		color: #FFF;
		font-size:1.514em;
		line-height:2em;
		text-align:center;
		margin:0 0 0.23em;
		border-top:1px solid #909eb2;
		border-bottom:1px solid #545b65;
		
		background-image: linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -o-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(10,39,66)),
			color-stop(1, rgb(138,138,138))
		)				                  
	}
	.news h4{
		line-height:1.2em;
		font-size: 1em;
	}
	.clickToSee{
		//display:none;
	}
	.news h3 a{
		display:block;
		text-decoration:none;
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
		font-size: 1.1em;
	}
	.news .content{
		width:83%;
		overflow:hidden;
		margin:0 auto;
	}
	.news .readMore{
		position:absolute;
		top:100%;
		margin:-1.143em 0 0;
		width:100%;
		text-align:center;
	}
	.slides{
		list-style:none;
		overflow:hidden;
		padding:0;
		width:100%;
	}
	.slides liXXX{
		padding:0;
		display: none;
		position:relative;
		background:url(../img/sep-vert.gif) no-repeat 50% 50%;
	}
	* +html .slides li{
		display:inline;
		zoom:1;
		margin:0;
	}
	.slides blockquote{
		float:right;
		width:48%;
		margin:2.5em 0 0;
	}
	.slides blockquote:first-child{float:left;}
	#map{
		border:1px solid #535d6b;
		padding:0.428em;
		background:#6592BE;
		margin:0 0 1em;
	}
	#map .imgHolder{
		height:1%;
		overflow:hidden;
		background:#fff;
		padding:1px;
		border:0;
		margin:0;
		display:block;
	}
	#map .imgHolder img{
		width:100%;
	}

	.ui-tabs{
		border:0;
		padding:0;
	}
	.ui-tabs .center, .ui-tabs .left, .ui-tabs .right{
		border: 5px solid #6592BE;
		padding-top:1em;
	}
	
	.ui-tabs p{
		font-size:1em;
	}
	
	.ui-tabs  h1{
		font-size: 2em;
		color:rgb(73,73,73);
		//text-shadow:0 1px 2px rgba(0,0,0,1);
		margin-top: -0.5em;
	}

	.ui-tabs  .subHeading{
		color:rgb(73,73,73);
		//text-shadow:0 1px 2px rgba(0,0,0,1);
		font-size:1.2em;
	}
	
	.ui-tabs .news h3{
		font-size: 1.314em;
	}

	.ui-tabs .oneThird{
		background-color:#CECECE;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;		
	}
	
	.ui-tabs .btnSmall{
		font-size:1em;
	}

	.ui-tabs .ui-tabs-nav li a{
		padding: 0.5em;
		font:Tahoma, sans-serif; /*24px/27px*/
		width: 7em; /*160px;*/
	}

	.ui-tabs .ui-tabs-nav{
		padding: 0px;
		margin-top:1.5em;
	}

	.ui-widget, .ui-widget-header{
		border:opx;
		border: 0px;
		font-size: 1.23em;
	}

	.ui-widget{
		background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(139,139,139) 100%);
		background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(139,139,139) 100%);
		background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(139,139,139) 100%);
		background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(139,139,139) 100%);
		background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(139,139,139) 100%);
	}

	.ui-widget-header{
		background-image: linear-gradient(bottom, rgb(233,233,233) 0%, rgb(139,139,139) 100%);
		background-image: -o-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(139,139,139) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(139,139,139) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(139,139,139) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(139,139,139) 100%);
	}
	
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
	{
		border: 0;
		padding: 0.3em;
		background-image: linear-gradient(bottom, rgb(233,233,233) 0%, rgb(139,139,139) 100%);
		background-image: -o-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(139,139,139) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(139,139,139) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(139,139,139) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(233,233,233) 0%, rgb(139,139,139) 100%);
	}

	.ui-state-active a, .ui-state-active a:link{
		color: rgb(226,134,30); /* The Fallback for non css3 browser */
		color: rgba(226,134,30,1);
	}
	
	.ui-widget-content a{
		text-shadow:0 1px 2px rgba(132,193,255,0.5);
		//font-weight:bold;
	}

	.ui-state-active{
		//font-weight:bold;
	}

	.ui-buttonset .ui-button{
		font-size:1.2em;
		margin:3px;
		-webkit-border-radius: 1.27em;
		-moz-border-radius: 1.27em;
		border-radius: 1.27em;
	}

	.form{width:92%;}
	#testimonials{
		margin-top:-2.857em;
	}
	#testimonials .row{
		padding:0;
		background:url(../img/sep-hor.gif) no-repeat 50% 1.5em;
	}
	#testimonials .row:first-child{
		background:none;
	}
	#testimonials{background:none;}
	#testimonials:after{display:none;}
	#footer{
		font: 1.3em 'Noto Sans',Helvetica,Arial,sans-serif;
		width:100%;
		height:4.5em;
		overflow:hidden;
		color:#FFFFFF;
		line-height:16px;
		background: #555;
		position:relative;
		top: -1.5em;
		
		background:#8A8A8A;
		background-image: linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -o-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(10,39,66) 0%, rgb(138,138,138) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(10,39,66)),
			color-stop(1, rgb(138,138,138))
		)		
		-moz-box-shadow:   	inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);		
	}
	#footer a{
		color:#FFFFF;
		line-height: 50px;
	}
	#footer .copy{float:right;}
	.privacy {
		padding-left:30px;
	}
	#footer .facebook{
		background:url("../img/facebook.png") no-repeat;
		padding-left:30px;
		width:30px;
		height:30px;
		padding-top:5px;
		background-size:contain;
	}
	#toTop {
		//background:url("../img/icon-back-to-top.png") no-repeat;
		position: fixed;
		bottom:50%; 
		right:2%;
	}
	.clickArrowUp{
		background:url("../img/up.jpg") no-repeat;
  		-moz-box-sizing: border-box;
  		box-sizing: border-box;
		//margin:1px;
  		width:2em;
		height:2em;
		float: left;
		background-size:contain;
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		border-radius: 1em;		
		
	}
	.clickArrowDown{
		background:url("../img/down.jpg") no-repeat;
  		-moz-box-sizing: border-box;
  		box-sizing: border-box;
		//margin:1px;
  		width:2em;
		height:2em;
		float: left;
		background-size:contain;
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		border-radius: 1em;		
	}
}
@media all and (max-width: 1024px){
	#mainNav li {margin: 0px;}
	ui-tabs > .columns{padding-left: 0px;}
	
}
@media all and (max-width: 980px){
	.center{
		padding:0 10px;
		width:auto;
	}
	.buttons{font-size:11px;}
	#header{font-size:0.9em;}
	.ui-button-text {padding:5px; font-size:0.7em;}
	.section-title h1:before{left: 25%;}
	.section-title h1:after{right: 25%;}	
	.ui-tabs .ui-tabs-nav li a {width: 6em;font-size: 0.8em;}
	.headerRight{display:none;}
}
@media all and (max-width: 780px){
	body{font-size:13px;}
	.buttons{font-size:9px;}
	h2{font-size:1.2em;}
	.topic{font-size:0.9em;}
	.subHeading{font-size:1em;}
	.news h3{font-size:1em;}
	.btnSmall {font-size: 1em;padding:0;}
	input, textarea{font-size:0.7em;padding:5px;}
	.ui-button-text {padding:5px; font-size:0.7em;}
	#mainNav a {line-height:1.3em;font-size:1.2em;}
	input, textarea {font-size: 1em;}
	.section-title h1:before{left: 20%;}
	.section-title h1:after{right: 16%;}	
	.all_numbers{margin-left:5%;width:100%;}
	#toTop{width:25px;height:25px;}

}
@media all and (max-width: 504px){
	body{font-size:12px;}
	h1{font-size:1.5em;margin-top:50px;}
	.columns{padding-left:10px;width:95%;}
	.columns > article{
		float:left;
		margin:0;
		width:95%;
	}
	.columns > half{
		float:left;
		margin:0;
		width:45%;
		margin-left:10px;
		margin-right:10px;
	}
	.columns > .oneThird{
		float:left;
		width:100%;
		margin-top:20px;
	}
	.googlePlayImage{
		width:120px;
		height:40px;
	}
	.center{
		width:100%;
	}
	.buttons{font-size:7px;}
	#testimonials li,
	#testimonials .row{
		background:none;
	}
	#testimonials blockquote{
		float:none;
		width:100%;
		position:relative;
	}
	#testimonials blockquote:after{
		background:url(../img/sep-hor.gif) no-repeat 50% 0;
		content:"";
		position:absolute;
		left:0;
		top:-18px;
		width:100%;
		height:2px;
	}
	#testimonials .row:first-child blockquote:first-child:after{display:none;}
	#footer{margin:0;padding:0;}
	.flex-direction-nav{display:none;}
	.subHeading{font-size:1.5em;}
	.ui-tabs .ui-tabs-nav li img {max-width: 70%;}	
	.ui-tabs .ui-tabs-nav li a {width:45px;font-size:10px;}
	p{padding-right:1em};
	#content {padding: 20px 0px 0px;}
	
}

@media all and (max-width: 360px){
	#header{ height:40px;width:100%;position:fixed;}
	.row{padding-top:10px;
		background-image:url("../img/background_mobile.gif");
	}
	.beige{
		background: rgb(95,145,194); /* The Fallback for non css3 browser */
	}
	#footer{width:100%;top:0px;}
	#footer .copy{padding-right:50px;}
	.logo{height:40px; margin-left:1%;margin-top:0px;display:none;}	
	#mainNav li{margin: 0 0px;}
	#mainNav a{font-size:1.1em; font-weight:bold;}
	.half{width:100%;}
	.center{padding:0px;}
	.buttons > span{display:none;}
	.buttons .btn{margin-top:0.5em;}
	.buttons{margin-top:2em;}
	h1,h3{font-size:2em; margin-top:2px;color:black;}
	h4,h5{font-size:1.5em; margin-top:2px;color:black;}
	h2, p, .subHeading, #footer{font-size:1.5em;padding-bottom:2px;color:black;}
	p{padding-right:2em};
	.news h3{font-size:1.5em;}
	.ui-widget, .ui-widget-header{font-size:1.2em;}
	.ui-tabs  h1{font-size: 1.5em;}
	.ball {
		width: 45px;
	    height: 45px;
	    padding-right: 5px;
	    font-size: 1em;
	}
	#map{margin-left:10px;}
	.donotshow{display:none;}
	a {color:black;text-decoration: none;}
}
@media all
	and (min-device-width: 768px)
	and (max-device-width: 1024px){
	body{font-size:13px;}
	#header {font-size: 1em;}
    #content{padding:0;}
    	#mainNav a {line-height:1.3em;font-size:1.2em;}
	
}