/* #Animation
===========================================================================================   */

	#topnavi,
	.applylink  {
		-webkit-transition: background .3s ease-in-out;
		-moz-transition: background .3s ease-in-out;
		transition: background .3s ease-in-out
	}
	input, textarea,
	#qlinks li span,
	.intropage li,
	.rightside div  {
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

/* #Page Styles
===========================================================================================   */
	
	.container {
		margin: 0 auto;
		padding: 0;
		text-align: left;	
		position: relative;
		box-sizing: border-box;
		
	}
	.conpadd { padding: 60px; overflow: hidden; }
	
	#main {
		width: 65%; 
		float: left;
		line-height: 21px;
		font-size: 18px;
	}
	.b_client #main,
	.fullwidth { width: 100% !important;}
	
	.b_home #main { width: 50%; }
	

/* Header
===========================================================================================   */		

	header {
		height: 117px;
		border-bottom: 3px solid #000;
	}
	header .menu {
		display: none;
	}
	header .logo {
		text-indent: -9000px;
		background: url(/_img/layup/logo.png) no-repeat;
		-moz-background-size: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
		margin: 0;
		width: 197px;
		height: 141px;
		float: left;
		outline: 0;
		position: absolute;
		z-index: 999;
		border-right: 3px solid #000;
	}
	header ul {
		margin: 45px 0 0 0;
		padding: 0;
		float: right;
	}
	header li {
		margin: 0 0 0 20px;
		padding: 0;
		list-style: none;
		float: left;
	}
	header li a {
		font: 200 18px/1 'astoria-sans', sans-serif;
		text-decoration: none;
		letter-spacing: -1px;
		color: #333;
	}
	header li a span  {
		padding-left: 5px;
	}
	.printlogo {
		display: none;
	}
	
	
	#searchform {
		float: right;
		margin: 20px 60px 0 20px;
	}
	#searchform label { display: none ;}
	#searchform input {
		width: 250px;
		padding-right: 35px;
		float: left;
		margin-top: 15px;
	}
	#searchform button:after {
		content: '\f002';
		font-size: 15px;
		color: #737373;
		position: absolute;
		margin: 6px 0 0 -40px;
		
	} 
	

/* Top navigation
===========================================================================================   */	
	
	#topnavi {
		background: #000;
		position: absolute;
		right: 0;
		margin-top: 35px;
		z-index: 100;
	}
	#topnavi ul  {
		margin: 0 ;
		padding: 0;
		float: left;
	}
	#topnavi li {
		list-style: none;
		float: left;
		position: relative;
		display: inline;
	}
	#topnavi a {
		float: left;
		text-align: center;
		color: #fff;
		text-decoration: none;
		padding: 0 20px;
		font: 300 21px/56px 'astoria-sans', sans-serif;
		white-space: nowrap;
		text-transform: uppercase;
		letter-spacing: -1px;
	}
	#topnavi a:hover,
	#topnavi a:focus,
	#topnavi .on,
	#topnavi ul li:hover a {
		text-decoration: none;
		background: #0295cf;
		color: #fff;
	}

		
		#topnavi ul ul {
			display: none;
			position: absolute;
			z-index: 9999;
			top: 55px;
			left: 0;
			height: auto;
			padding: 0;
		}
		#topnavi ul ul li {
			float: none;
			display: block;
		}
		#topnavi ul ul a {
			display: block;
			float: none;
			text-align: left;
			border-bottom: 0;
			padding: 8px 15px;
			margin: 0;
			background: #016A51;
			min-width: 180px;
			line-height: 1;
		}
		#topnavi ul ul a:hover{
			background: #01729d;
		}
		#topnavi ul li:hover ul {
			display: block !important;
		}

/* Hero
===========================================================================================   */

	#hero {
		clear: both;
		background: #fff;
		height: 530px;
	}
	
	#hero span {
		display: block;
		background: rgba(255,255,255,.70);
		position: absolute;
		z-index: 10;
		height: 530px;
		width: calc(50% - 282px);
		border-right: 3px solid #000;

		background: -moz-linear-gradient(top, rgba(255,255,255,.70) 0%, rgba(255,255,255,.70) 488px, rgba(255,255,255,0) 488px, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 488px, rgba(255,255,255,0) 488px, rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,.70) 0%, rgba(255,255,255,.70) 488px, rgba(255,255,255,0) 488px, rgba(255,255,255,0) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,.70) 0%, rgba(255,255,255,.70) 488px, rgba(255,255,255,0) 488px, rgba(255,255,255,0) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,.70) 0%, rgba(255,255,255,.70) 488px, rgba(255,255,255,0) 488px, rgba(255,255,255,0) 100%);

		
		
	}

	#slideimages { 
		position:relative; margin: 0; padding: 0; overflow: hidden;
        -webkit-animation:fadeIn ease-in 1.5s;
        -moz-animation:fadeIn ease-in 1.5s;
        animation:fadeIn ease-in 1.5s;
	}
	
	#slideimages li{ 
		position:absolute; 
		z-index:0; 
		margin: 0; 
		padding: 0; 
		list-style: none;
		background-position: center center; 
		background-repeat: no-repeat;
		background-size: cover;
	 }
	#slideimages li.previous { z-index: 1; }
	#slideimages li.active { z-index: 2; }
	
	
	#imgholder,
	#slideimages,
	#slideimages li {
		width: 100%;
		height: 488px;
	}
	
	@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	
	
	#slideimages li div {
		margin: 300px 0 0 178px;
		float: left;
		padding: 0 32px;
		display: inline-block;
		text-align: left;
		box-sizing: border-box;
		font-size: 36px;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: -1px;
		line-height: 46px;
		width: 65%;
		
	}
	#slideimages li div p {
		display: inline;
		background: #0295cf;
		box-shadow: 10px 0 0 #0295cf, -10px 0 0 #0295cf;
		box-decoration-break: clone;
		
	}

/* Quicklinks
===========================================================================================   */		

	#qlinks {
		background: #f3f4f4;
		margin-top: -50px;
		padding-top: 50px;
	}
	#qlinks ul {
		margin: 0;
		padding: 0;
		overflow: hidden;
		min-height: 200px;
	}
	#qlinks li {
		margin: 0 1.28% 10px 0;
		padding: 0;
		list-style: none;
		float: left;
		width: 15.6%;
		height: 200px;
		background: #0295cf;
		box-sizing: border-box;
		padding: 38px 24px;
		text-align: center;
		position: relative;
		overflow: hidden;
		
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition: color .3s ease-in-out;
		transition: color .3s ease-in-out;
		
	}
	
	#qlinks a {
		color: #fff;
		text-decoration: none;
		font: 300 20px/1.2  'astoria-sans' , sans-serif;
		text-transform: uppercase;
		letter-spacing: -1px;
	}
	

	#qlinks li:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #c7850a;
		border-radius: 100%;
		
		-webkit-transform: scale(2);
		-webkit-transition: transform .3s ease-out;
		transform: scale(2);
		transition: transform .3s ease-out;
	}
	#qlinks li:hover:before {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	#qlinks li span {
		display: block;
		position: absolute;
		color: #fff;
		bottom: 20px;
		left: 40%;
		text-align: center;
	}
	#qlinks li:hover span {
		bottom: 15px;
	}
	
	#qlinks li span:after {
		content: '\f078';
		font-family: 'FontAwesome';
		font-size: 40px;
		display: block;
	}
	
	.rightside #qlinks {
		margin: 0;
		padding: 0;
		background: none;
		width: 100%;
	}
	.rightside #qlinks li {
		width: 48.7%;
		height: 170px;
		margin-bottom: 5px;
	}
	
/* quotes
===========================================================================================   */
	
	#quotes {
		background: #03aaeb url(/_img/layup/bg_rpt.gif);
		min-height: 314px;
		padding-top: 30px;
		-webkit-box-shadow: inset 0px 16px 39px -14px rgba(0,0,0,0.25);
		-moz-box-shadow: inset 0px 16px 39px -14px rgba(0,0,0,0.25);
		box-shadow: inset 0px 16px 39px -14px rgba(0,0,0,0.25);
		color: #fff;
		font: normal 50px/1 'astoria-sans' , sans-serif;
		letter-spacing: -1px;
		text-transform: uppercase;
	}
	#quotes p {
		width: 75%;
	}
	#quotes span {
		position: absolute;
		display: block;
		background: url(/_img/layup/stats_icon.png) center center / contain no-repeat;
		width: 20%;
		height: 184px;
		bottom: 40px;
		right: 60px;
	}


/* rightside
===========================================================================================   */	
	
	.rightside {
		float: right;
		width: 30%;
	}
	.b_home .rightside { width: 48%; }
	
	
	.rightside div,
	.vote {
		float: left;
		width: 47%;
		margin-left: 3%;
		margin-bottom: 15px;
		min-height: 314px;
		color: #fff;
		padding: 29px 25px;
		box-sizing: border-box;
		position: relative;
	}
	
	.vote {
		background: #000;
	}
	
	.rightside .more {
		background: #757575 url(/_img/layup/more_link.png) no-repeat right bottom ;
		background-size: 80%;
	}
	
	.rightside .more:hover { background-color: #125a7a }

	.rightside h3,
	.vote h3 { font-size: 23px; color: #fff; }
	.rightside a { color: #fff; }
	
	
	.vote form {
		margin-top: 25px;
		
	}
	.vote input[type="radio"] {
	    display:none;
	}
	.vote input[type="radio"] + label span:after {
		font-family: 'FontAwesome';
		font-size: 22px;
		color: #646464;
		content: '\f00c';
	    display: inline-block;
	    width: 24px;
	    height: 23px;
	    margin: -2px 10px 0 0;
	    padding-top: 1px;
	    text-align: center;
	    cursor:pointer;
	    background: #646464;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	}
	.vote input[type="radio"]:checked + label span:after {
		color: #fff;
	}
	.vote button,
	.vote .buttonlink {
		 background: #646464;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	    padding: 4px 10px;
	    margin: 20px 25px;
	    position: absolute;
	    right: 0;
	    bottom: 0;
		font-size: 20px;
	}
	.vote form button:hover,
	.vote .buttonlink:hover {
		color: #000;
		background: #fff;
	}
	.vote button:after,
	.vote .buttonlink:after {
		display: none;
	}
	.vote label { font-size: 14px }


	.vote ol{
		margin: 5px 0 0;
		padding: 0;
	}
	.vote ol li{
		margin: 8px 0 0;
		padding: 0;
		list-style: none;
		font-size: 15px;
		position: relative;
	}
	.vote ol li strong {
		font-weight: normal;
		display: block;
	}
	.vote ol li em {
		font-size: 12px;
		font-style:normal;
		position: absolute;
		right: 0;
		top: 21px;
	}
	.vote ol span {
		width: 85%;
		min-height: 0;
		margin: 3px 0 0;
		padding: 0;
		font-size: 1px;
		background: #646464;
		clear:  both;
		display: block;	
	}
	.vote ol b {
		display: block;
		background: #f2b245;
		height: 20px;
	
	}
	.vote ol span,
	.vote ol b  {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	
/* Footer
===========================================================================================   */	
	

	footer {
		clear: both;
		margin: 0;
		padding: 0;
		background: #0a597b;
		color: #fff;
		overflow: hidden;
	}
	
	footer ul{
		margin: 0;
		padding: 0;
		list-style: none;
		width: 65%;
		text-align: left;
		float: left;
	}
	footer ul li{ 
		width: 45%;
		float: left;
		margin: 0 0 5px;
		padding: 0;
		list-style: none;
	}
	footer ul li a{
		color: #eee;
		text-decoration: none;	
		padding: 0;
		font-size: 16px;
	}
	footer ul a:hover {
		text-decoration: underline;
		color: #fff;
	}
	
	footer address {
		float: right;
		text-align: right;
		width: 35%;
		line-height: 1.2;
	}
	footer address a { color: #fff; }
	
	
	
	
/* Introduction Page
===========================================================================================   */		
	
	.intropage {
		margin: 0;
		padding: 0;
		clear: both;
	}
	.intropage li {
		list-style: none;
		float: left;
		width: 47%;
		margin-left: 3%;
		margin-bottom: 15px;
		min-height: 266px;
		background: #ccc center center / cover no-repeat;	
		position: relative;
	}
	
	
	
	.intropage h4  {
		margin: 0;
		padding: 0;
		color: #fff;
		font-size: 16px;
		font-weight: 500;
		background: #02090c;
		float: right;
		width: 80%;
		margin-top: 20px;
		padding: 14px 13px;
		letter-spacing: -1px;
	}
	.intropage a,
	.intropage a:hover {
		color: #fff;
	}
	
	.intropage span {
		color: #fff;
		font-size: 18px;
		display: block;
		margin-bottom: 3px;
	}
	
	
	.b_home .rightside:hover div,
	.b_home .rightside:hover ul li,
	.intropage:hover li {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscaleblur\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/><feGaussianBlur stdDeviation=\'3\' /></filter></svg>#grayscaleblur");
		filter: blur(1.1px) grayscale(100%);
		-webkit-filter: blur(1.1px) grayscale(100%);
		-moz-filter: blur(1.1px) grayscale(100%);
		-o-filter: blur(1.1px) grayscale(100%);
		-ms-filter: blur(1.1px) grayscale(100%);
		opacity: 0.6;
	}
	.intropage li:hover,
	.b_home .rightside div:hover  {
		filter: none !important;
		-webkit-filter: none !important;
		-moz-filter: none !important;
		-o-filter: none !important;
		-ms-filter: none !important;
		opacity: 1 !important;
	}

	#main .intropage li,
	.votes div  {
		width: 31.3%;
	}
	#main .intropage li:nth-child(3n+1),
	.votes div:nth-child(3n+1)  { margin-left: 0}
	
	
	
	.searchlist {
		margin: 0;
		padding: 0;
	}
	.searchlist li {
		margin: 0 0 10px;
		padding: 0 0 10px;
		list-style: none;
		clear: left;
		border-bottom: 1px solid #c5c7c9;	
	}
	.searchlist h3  {
		margin: 0;
		padding: 0;
	}
	
	.searchlist p  {
		margin: 10px 0 0 0;
		min-height: 45px;
	}
	
	
	
	
	 /* FAQ's */
 
	#faq {
		margin-top: 20px;
	}
	
	#faq h3 {
		cursor: pointer;
		background:#f7f7f7;
		padding: 10px 5px 10px;
		border-radius: 5px;
		font-size:22px;
		position: relative;
		color:#636363;
	}
	#faq h3 a {
		display: block;
		padding-right: 50px;
	}
	#faq span { pointer-events: none;}
	#faq span:after	{
		position: absolute;
		top: 5px;
		right: 10px;
		font-family: 'FontAwesome';
		font-size: 30px;
		content: '\f067';
		color: #b8b7b7;
	}
	#faq .on span:after	{
		content: '\f068';
		color: #1daeec;
	}
	#faq div	{
		padding:0 5px;	
		overflow: hidden;
	}
	

	
/* User Area
===========================================================================================   */	
	
	#colholder {
		width: 100%;
		overflow: auto;
	}
	.colcontainer { width: 1520px; }
	
	.col {
		width: 250px;
		border-right: 1px solid #000;
		height: 500px;
		overflow-y: auto;
		float: left;
	        
	       -moz-user-select: none;
		  -khtml-user-select: none;
		  -webkit-user-select: none;
		  user-select: none;
	}
	.col ul {
		margin: 0;
		padding: 0;
	}
	
	.col li {
		display: block;
		list-style: none;
		line-height: 0;
		margin: 0;
		padding: 0 15px 0 10px;
		
	}
	.col a{
		position: relative;
		text-align: left;
		color: #000;
		text-decoration: none;
		display: block;
		line-height: 1.3;
		font-size: 14px;
		padding: 7px 0 7px 24px;
	}
	.col li:hover a,
	.col li:focus a,
	.col .on a { 
		color: #fff;
		text-decoration: none;
	}
	.col li:hover,
	.col li:focus,
	.col .on  {	
		background-color: #000;
	}
	.col input { margin-top: 9px; }
	.col .file,
	.col .file:hover {
		background-image: none;
	}
	.col form {
	}
	.col button {
		background: #000;
		color: #fff;
		width: 100%;
		text-align: center;
		font-size: 25px;
		position: absolute;
		bottom: 5px;
		left: 0;
	}
	.col button:after { display: none }
		
	#cmsForm .nolabel label {
		display: none;
	}
	#cmsForm .nolabel .textform {
		width: 100%;
		-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
	        box-sizing: border-box;
	}
	
	
	/* Fileupload */
	
	.fileinput-button input {
		height: 50px;
	}
	.fileinput-button {
		background-color: #1daeec;
		padding: 15px 20px 10px 20px;
		margin-bottom: 2px;
		z-index: 99999;
		display: block
	}
	.fileinput-button span{
		color: #fff;
		font-size: 20px;
		letter-spacing: -1px;
		margin-bottom: 10px;
	}
	.fileinput-button  { 
		width: 165px;
	}
	
	
	
	.progress {
		clear: both;
	    height: 30px;
	    overflow:hidden;
	    background-color: #ccc;
	
	}
		
	
/* Standard CMS
===========================================================================================   */		
	
	
	.docs {
		margin: 0;
		padding: 0;
	}
	.docs li{
		margin: 0;
		padding: 0;
		clear: left;
		list-style: none;
	}
	.docs a{
		padding: 0 0 10px;
		float: left;
		text-decoration: none 
	}
	
	.docs span{
		float: left;
		padding: 2px 0 0 20px;
		color: #999;
		font-size: 11px;
	}
	.docs a:before,
	.col a:before {
		color: #1daeec;
		font-family: 'FontAwesome';
		font-size: 20px;
		margin-right: 10px;
		text-decoration: none;
		content: '\f016';
	}
	.col a:before { position: absolute; left: 0; top: 2px;}
	
	.xls:before, .xlsx:before { content: '\f1c3' !important; }
	.pdf:before { content: '\f1c1' !important; }
	.doc:before, .docx:before { content: '\f1c2' !important; }

	.col .folder a:before  { content: '\f07b' !important; }
	#company a:before { content: '\f1ad' !important; }
	
	
	#sitemap,
	#sitemap ul{
		margin: 0;
		padding: 0 0 0 20px;
		
	}
	#sitemap  a {
		display: block;
		text-decoration: none;
		font-weight: 300;
		color: #666;
		padding: 2px 0 2px 18px;
	}
	#sitemap  a:hover { 
		color: #000;
	}
	#sitemap ul a {
		color: #53107f;
	}
	#sitemap ul a {
		font-weight: normal;
	}
	#sitemap li {
		border-left: 1px solid #CDCDCD;
		background: url(/_img/layup/sitemapli.gif) no-repeat 0 .5em;
		list-style: none;
	}
	
	.paging {
		float: right;
		margin: 0;
		padding: 15px 0;
		clear: both;
	}
	.paging li {
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.paging li a {
		display: block;
		margin: 0 0 0 1px;
		padding: 2px 0;
		width: 20px;
		text-align: center;
		text-decoration: none;
		color: #666;
		background: #eaeaea;
		line-height: 1.3em;
	}
	
	.paging li a:hover, .paging li .on{
		background: #363636;
		color: #fff;
	}
	
	.paging .next a, .paging .last a, .paging .back a, .paging .first a {
		padding: 2px 7px !important;
		width: auto !important;
	}
	.pagenumbers {
		float: left;
		padding-top: 15px;
	}
	
	#cmsForm {
		max-width: 800px;
		width: 100%;
		float: left;
	}
	#cmsForm button{
		float: right;
	}
	.contactCheck {
		position: absolute; 
		left: -9999px;
	}

	.applylink {
		background: #0295cf;
		color: #fff;
		float: right;
		padding: 10px 20px;
		text-align: center;
		font: 30px/1.1 'astoria-sans', Helvetica, Arial, sans-serif;
		letter-spacing: -1px;
		text-decoration: none;
	}
	.applylink:hover {
		color: #fff;
		background: #000;
	}

	
	/* Extras */
	
	.hidden {
		position: absolute; 
		left: -9999px; 
	}
	.hand {
		cursor: pointer;
	}
	.textleft {
		text-align: left !important;
	}
	.textcenter {
		text-align: center !important;
	}
	.textright {
		text-align: right !important;
	}
	.right {
		float: right;
		width: 48%;
	}
	.left {
		float: left;
		width: 48%;
	}
	
	.field-type-image img {
		width: 100%;
		height: auto;
		margin: 20px 0 
	}
	.field-type-list-boolean,
	.field-type-text {
		display: none;
	}
	
	
	
/* Text Editor Styles
===========================================================================================   */	
	
	
	.largetext {
		font-size: 24px;
		line-height: 1.1;
	}
	
	.highlight {
		color: #32afea;
		font-weight: 300;
	}
	
	.imgleft,
	.imgright {
		border: 1px solid #d7d7d7;
	}
	.imgleft {
		margin: 0 10px 10px 0; 
		float: left;	
	}
	.imgright {
		margin: 0 0 10px 10px; 
		float: right;	
	}
	

/* #Firefox Styles
===========================================================================================   */

	@-moz-document url-prefix() {
	
	}	
		

	

/* #Media Queries
===========================================================================================   */


/* All more than 1350
===========================================================================================   */
@media only screen and (min-width: 1351px)  {
	
/* 	body:before { content: '1351+'; position: fixed; z-index: 99999999; background: #fff; } */
	
	.container { width: 1350px; } 
	
	#topnavi { width: calc(50% - 12px); }
	#topnavi a {padding: 0 24px; }
	#hero span { width: calc(50% - 478px); }

	#qlinks li:last-child { margin-right: 0;}
	#qlinks a { font-size: 19px; }

	footer ul { width: 50%; }
}



/* All less than 1350
===========================================================================================   */
@media only screen and (max-width: 1350px)  {
	
/* 	body:before { content: '<1350'; position: fixed; z-index: 99999999; background: #fff; } */
	
	.container { width: 1200px; } 
	
	#topnavi { width: calc(50% + 16px); }
	
	#hero span { width: calc(50% - 403px); }

	#qlinks li:last-child { margin-right: 0;}
	#qlinks a { font-size: 18px; }
	
	
}


/* All less than 1200
===========================================================================================   */
@media only screen and (max-width: 1200px)  {
	
	
/* 	body:before { content: '<1200'; position: fixed; z-index: 99999999; background: #fff; } */
	
	.container { width: 980px; }	
	
	#hero span { width: calc(50% - 293px); }
	
	#topnavi { width: calc(50% + 125px); }
	
	#qlinks li { width: 32.4%; }
	#qlinks li:nth-child(3n) { margin-right: 0;}
	
	.rightside { display: none; }
	.b_home .rightside { display: block; }
	#main { width: 100%; }
	
}





/* All less than 980
===========================================================================================   */
@media only screen and (max-width: 980px)  {
	
	
/* 	body:before { content: '<980'; position: fixed; z-index: 99999999; background: #fff; } */
	
	
	.container { width: 768px; }
	.b_home #main, .b_home .rightside { width: 100%; }
	
	#cmsForm div { float: none; width: auto; }
	#cmsForm #contact_details { height: 80px; }
	#cmsForm button { float: none; }
	
	
	
	header .menu {
		display: inline;
		float: right;
	}
	
	header li a span  {
		display: none;
	}
	
	#slideimages li div { margin-top: 200px; }
	
	#hero span { width: calc(50% - 187px); }
	
	#topnavi {
		position: absolute;
		padding-left: 200px;
		box-sizing: border-box;
		z-index: 100;
		top: 120px;
		left: 0;
		width: 100%;
		height: auto;
		max-height: 0;
		margin: 0;
		overflow: hidden;
		-webkit-transition: max-height 0.5s;
		-moz-transition: max-height 0.5s;
		-ms-transition: max-height 0.5s;
		transition: max-height 0.5s;
		background: none;
 
    }

    #topnavi.out {
        display: block;
        max-height: 800px;
    }

    #topnavi ul {
        width: 100%;
        height: auto;
        text-align: left;
        overflow: hidden;
        padding: 0;
        background: #000;
    }

    #topnavi ul li {
        float: left;
        clear: both;
        width: 100%;
        position: relative;
        border-bottom: 1px solid #2b2b2b;
    }

    #topnavi ul li a {
        float: left;
        clear: both;
        width: 100%;
        padding: 7px 20px;
        text-align: left;
        line-height: 32px
    }

    #topnavi ul ul {
        position: static;
        background: #0a5e7b;
        padding: 0 !important;
    }

    #topnavi ul span {
        display: block;
    }

    #topnavi ul span:before {
        font-family: 'FontAwesome';
        content: '\f0d7';
        color: #fff;
        font-size: 35px;
        position: absolute;
        right: 15px;
        top: 4px;
    }
	
	
	.rightside div,
	.intropage li,
	#main .intropage li,
	.votes div { width: 48.5%; margin-left: 0; } 
	
	.rightside div:nth-child(even),
	.intropage li:nth-child(even),
	.votes div:nth-child(even),
	#main .intropage li:nth-child(even)  { margin-left: 3%; }
	

}



/* less than 768
===========================================================================================   */
@media only screen and  (max-width: 768px)  {
	
/* 	body:before { content: '<768'; position: fixed; z-index: 99999999; background: #fff; } */
	
	header ul {
		position: absolute;
		margin: 0;
		right: 30px;
		top: 10px;
	}
	#searchform { margin-right: 30px }
	
	#searchform input { width: 220px; }
	
	.container { width: 100%; } 
	.conpadd {  padding: 50px 30px; }
	
	#hero span { width: 197px; }
	
	#slideimages li div { margin-top: 100px; }

	
	#cmsForm input[type="text"],
	#cmsForm input[type="password"],
	#cmsForm input[type="email"],
	#cmsForm textarea,
	#cmsForm select {
		width: 100%;
		box-sizing: border-box;
	}
	
	#qlinks a { font-size: 16px; }
	#quotes  { font-size: 38px }
	footer ul li { width: 100%; float: none; }
	
	
}



/* less than 480
===========================================================================================   */
@media only screen and  (max-width: 480px)  {
	
/* 	body:before { content: '<480'; position: fixed; z-index: 99999999; background: #fff; } */
	
	#slideimages li div { display: none }
	#searchform { display: none; } 
	
	header ul { margin-top: 20px}
	header li a { font-size: 25px}
	
	header { height: 88px; }
	header .logo {
		width: 150px;
		height: 107px;
		margin-left: -20px;
	}
	#imgholder,
	#slideimages,
	#slideimages li { height: 288px; }
	#hero { height: 300px }
	#hero span { 
		width: 130px; 
		height: 330px; 
		background: linear-gradient(to bottom, rgba(255,255,255,.70) 0%, rgba(255,255,255,.70) 288px, rgba(255,255,255,0) 288px, rgba(255,255,255,0) 100%);
	}
	
	#topnavi { padding-left: 0; z-index: 1000; top: 91px}
	
	#qlinks li { height: 150px; width: 48%; }
	#qlinks a { font-size: 14px; }
	
	#qlinks li:nth-child(3n), #qlinks li { margin-right: 1.5%;}
	#qlinks li:nth-child(2n) { margin-right: 0;}
	
	#quotes p { width: 100%; }
	#quotes span { display: none; }
	
	footer ul, footer address { width: 100%; float: none; }
	footer address {
		text-align: left;
		margin-top: 20px;
		clear: both;
	}
	
	.intropage li,
	#main .intropage li,
	.votes div,
	.rightside div  {
		float: none;
		width: 100%;
		margin-left: 0 !important;
		margin-bottom: 15px;
	}
	
	
}

/* less than 320
===========================================================================================   */
@media only screen and  (max-width: 320px)  {
	
/* 	body:before { content: '<320'; position: fixed; z-index: 99999999; background: #fff; } */
	
	
	#qlinks a { font-size: 12px; }
	#qlinks li span { left: 34%; }
	
}