@media all{
	body{
		font:14px Arial, Helvetica, sans-serif;
		margin:0;
		width:100%;
		color:#444444;
		background: #ededed url('/img/gradient_bg.jpg') 0px 0px no-repeat;
		background-attachment: fixed;
		background-size: 100%;
		-webkit-text-size-adjust: none;
	}
	a{
		color:#466087;
		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;
	}
	h1{
		font:4.285em/1.267em 'Oxygen', Arial, Helvetica, sans-serif; /*60px/64px*/
		margin:0 0 0.167em;
		text-align:center;
		color:#808080;
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
	}
	h2 {
		font:1.714em/1.125em Arial, Helvetica, sans-serif; /*24px/27px*/
		color:#fff;
		text-align:center;
		margin:0 0 0.417em;
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
	}
	h3 {
		font:1.285em/1.167em 'Nunito', Arial, Helvetica, sans-serif; /*18px/21px*/
		margin:0 0 0.55em;
		text-align:center;
	}
	.subHeading{
		display:block;
		font:2.357em/1.151em 'PT Sans', Arial, Helvetica, sans-serif; /*33px/38px*/
		margin:0 0 1em;
		text-align:center;
		color:#7a7a7a;
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
	}
	ul {
		padding:0;
		margin:0;
		list-style:none;
	}
	section ul,
	article ul{
		margin:0 0 0.5em;
	}
	section li,
	article li{
		padding:0 0 0.5em 1.5em;
	}
	p {margin:0 0 1em;}
	q {
		quotes:none;
		display:block;
		padding:1.5em 1em 0 40px;
	}
	q:before { content:"";}
	q:after { content:"";}
	.center {
		max-width:960px;
		width:100%;
		margin:0 auto;
	}
	.hidden{display:none;}
	.box-main:after,
	.center:after {
		content:"";
		clear:both;
		display:block;
	}
	.right { float:right;} 
	.left { float:left;}
	.alignLeft{
		float:left;
		margin-right:1em;
	}
	.alignRight{
		float:right;
		margin-left:1em;
	}
	#logo .fullWidth{width:100%; text-align: center;}
	.fullWidth img{}
	.row{
		width:100%;
		padding:0 0 2em 0;
	}
	.row:after{
		content:"";
		display:block;
		clear:both;
	}
	.columns{width:100%; border-bottom: 1px	solid #DADADA;}
	.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%;
	}
	.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:25%;}
	.threeForth{width:74.5%;}
	
	.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+ */
	}
	* +html .imgHolder{
		max-width:93.5%;
		border-width:3%;
		padding:0;
	}
	.imgHolder img{display:block;}

	/*main styles*/
	#pagewidth {width:100%; 
		background: transparent url('/img/spectrum_header.jpg') 0px 0px repeat-x;
		background-size: 100%;
	}
	#header{
		width:100%;
		padding:1.143em 0;
	}
	#content{padding: 0;}
	
	#logo{padding:40px 0 20px;}

	#footer{
		width:100%;
		overflow:hidden;
		padding:24px 0;
		color:#333;
		line-height:16px;
	}
	#footer a{
		color: #999;
		text-decoration: none;
	}
	#footer a:hover {
		color: #FF001E;
	}
	#footer .copy{float:right; margin-left: 20px;}
}
@media all and (max-width: 1024px){
}
@media all and (max-width: 960px){
	#pagewidth {
		background-size: auto 15px !important;
	}
	.center{
		padding:0 10px;
		width:auto;
	}
	#header{
		padding:0;
		height:0;
	}
	#content{padding:0;}
}
@media all and (max-width: 780px){
	#pagewidth {
		background-size: auto 10px !important;
	}
	body{font-size:13px;}
	h1{font-size:2.5em;}
	.subHeading{font-size:2em;}
}
@media all and (max-width: 504px){
	
	h1{font-size:2em;}
	.subHeading{font-size:1.75em;}
}
@media all and (max-width: 320px){
	#pagewidth {
		background-size: auto 10px !important;
	}
	h1{font-size:1.5em;}
	.subHeading{font-size:1.5em;}
}
@media all
	and (min-device-width: 768px)
	and (max-device-width: 1024px){
	#header{
		padding:0;
	}
	#content{padding:0;}
	
}