/* ------------------------------------
TVAC Style Sheet (screen)
version: 1.0
author: Maraid Design
email: hello@maraid.co.uk
website: http://www.maraid.co.uk
------------------------------------- */

/* Last updated by JM 15 Nov 2013 */

/*typography and colours
--------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, time, mark, audio, video {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
	}
	
html {

}	

body {
	text-align:center;
	font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	background-color:#fff;
	color: #484848;
	background:url(../images/site/skyline.jpg) repeat-x  50% 100%;

	}
	
h1, h2, h3, nav.main-nav, dt {
	margin-bottom:1em;
	font-weight: 300;
	font-size: 140%;
	line-height: 1.6em !important;
	}
	
h1 {
	background:url(../images/site/logo.jpg) no-repeat 0 50%;
	padding: 30px 30px 30px 120px;
	float: left;
	margin-bottom: 0;
}	
	
	
header, div.wrap a { /* removes underline in safari */
	text-decoration: none;	
	}
	
h2.home {
	width:100%;
	text-align: center;
	border-bottom: 1px solid #e0e0e0;
	padding: 0.6em 0;
	margin-bottom: 1.5em;
}

h2.home span {
	display: block;
}

aside.call h2 {
	font-size: 100%;
	font-weight: 400;
}

article.half1 h3, article.half2 h3, h2.pagetitle {
	background:url(../images/site/line-pink.jpg) no-repeat 0 100%;
	padding-bottom: 1em;
	margin-top:2em;
} 

h2.pagetitle {
	margin-top: 120px;
}

h3, dt {
	color: #1A577F;
}
	
p, ol, ul, blockquote {
	line-height:1.6em;
	margin-bottom:1em;
	}
	
address {
	font-style: normal;
}		
	
a {
	color: #1a5b87;
	}		
	
a:hover {
	color:#d44c75;
	}
	
a h1 {
	color: #333;
	}	
	
section#contentnarrow a {
	color:#d44c75;
}	

section#contentnarrow a:hover {
	color:#1a5b87;
}	

aside.call a {
	color: #fff;
}	

aside.call a:hover {
	text-decoration: none;
}	

b, strong {
	font-weight: 700;
}	

footer a {
	margin-left: 6px;
}
div.footer-logos {
	
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px #CCC solid;
}
div.footer-logos	img.size{

height: 60px;
}

div.social-links{

	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px #CCC solid;
}


/*structure
--------------------------------------*/

header {
	border-bottom: 1px solid #e0e0e0;
	position: fixed; 
	top: 0; left: 0; 
	background-color: #fff; 
	z-index: 1000; 
	width: 100%; 
}

div.wrapper, section#content, header div.wrap, footer, div.headerwrapper {
	text-align:left;
	width:90%;
	max-width: 940px;
	margin:0 auto;
	z-index: 100;	
}
	
#homecontent{
	background-color: #fff;
	z-index: 400;
	position: relative;
}	
	
section#contentnarrow {
	width:72.468085106382961%;  /* 700/940 the reduced by a further 2%*/
/* 	padding-right: 4%; */
	float: left;
}	

article.half1, article.half2 {
	width: 48.93617021276596%;  /* 460/940*/
}

article.half1 {
	float: left;
	margin-right: 2.127659574468085%;  /* 20/940*/
}

article.half2 {
	float: right;
}

footer {
	text-align: center;
	margin-top: 6em;
	margin-bottom:190px;
}

aside.call {
	width: 19.40425531914893%;  /* 220/940*/
	float: right;
	background-color: #1a577f;
	color: #fff;
	padding:2%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

div.info {
	width: 19.40425531914893%;  /* 220/940*/
	float: right;
}

div#map {
	width:100%;
	height:300px;
	margin-bottom: 2em;
}

/*navigation
--------------------------------------*/

nav.main-nav {
	text-transform: lowercase;
	float: right;
	margin-top: 20px
	}
	
nav.main-nav ul {
	list-style-type:none;
	}

nav.main-nav li {
	float:left;
	}

nav.main-nav li a {
	text-decoration:none;
	padding:10px;
	display:block;
	color:#484848;
	}

nav.main-nav li a:hover {
	color: #1a5b87;
	}
	
nav.sub-nav	{
	width: 23.40425531914893%;  /* 220/940*/
	float: right;
}

nav.sub-nav	ul {
	list-style-type: none;
	text-transform: lowercase;
}

nav.sub-nav	ul li {
	border-bottom: 1px solid #e0e0e0;
	padding: 1em 0;
}

nav.sub-nav	ul li a {
	text-decoration: none;
	background:url(../images/site/arrow-blue.jpg) no-repeat 100% 50%;
	display: block;
}
.btn-main-nav { display: none; }
	
/*lists
--------------------------------------*/	

article ol {
	margin-left: 20px;
}

article ol li {
	margin-bottom:1em;
}

ul.modules {
	margin-top: 2em;
}

ul.modules li {
	width: 23.40425531914893%;  /* 220/940*/
	margin-right: 2.127659574468085%;  /* 20/940*/
	float: left;
	list-style-type: none;
	margin-bottom: 2em;
}

ul.modules li h2 span, ul.modules li h3 span {
	background:url(../images/site/arrow-blue.jpg) no-repeat 100% 50%;
	padding: 0.6em 30px 1em 0;
	display: inline
}

ul.modules li h2, ul.modules li h3  {
	background:url(../images/site/line-blue.jpg) no-repeat 0 100%;
	padding: 0.6em 0 1em 0;
	display: block
}

ul.modules li img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

ul.modules a {
	text-decoration: none;
}

ul.modules a p {
	color: #484848;
}

ul.modules li:nth-child(4n+4) {  
  margin-right:0;
}

ul#services {
	list-style-type: none;
}

section#contentnarrow ul {
	list-style-type: none;
	margin-left: 10px;
}

section#contentnarrow ul li {
	background:url(../images/site/bullet.jpg) no-repeat 0 7px;
	padding-left: 20px;
}

.info ul {
	list-style-type: none;
}

.info li {
	margin-bottom: 1em;
}

.info span {
	color:#1A577F;
}




/*images
--------------------------------------*/

img {
	width:100%;
}

img.size {
	width:auto;
}

section#contentnarrow img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	margin-bottom: 1em;
}

/*forms
--------------------------------------*/

form fieldset {
	margin: 0 0 20px 0;
	}
form fieldset.form-actions {
	margin: 0;
	}
form fieldset label {
	display: block;
	margin: 0 0 5px 0;

	}
form fieldset input.form-text, form fieldset textarea {
	display: block;
	width: 50%;
	padding: 4px;
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	}

form fieldset textarea {
	width:80%;
}	
	
form fieldset input.form-text:focus {
	border: 1px solid #ccc;
	background: #fff;
	}
form fieldset p.form-help {
	margin: 5px 0 0 0;
	font-size: 12px;
	color: #999;
	}
form input[type="submit"] {
	margin: 0;
	padding: 5px 10px;
	border: none;
	background-color: #1a5b87;
	cursor:pointer;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	color: #fff;
	font-size: 100%;
	}
form input[type="submit"]:hover,
form input[type="submit"]:focus {
	border:none;
	background: #C32152;
	}
form input[type="submit"]:active {
	border: none;
	background: #C32152;
	}				
	

/*other
--------------------------------------*/

div.horrule {
	height: 1px;
	border-top: 1px solid #e4e4e4;
	margin: 20px 0 20px 0;
	}

div.horrule hr {
	display: none;
	clear:both;
	}
	
.hidden, footer span {
	position: absolute;
	left: -10000px;
	width: 1px;
	height:1px;
	overflow:hidden;
	top:auto;
	}	
	
.clear-float:after {/*clear floated elements*/
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
* html .clear-float { height:1%; } /* IE6 */
*:first-child+html .clear-float { min-height:1%; } /* IE7 */

.clear {/*clears anything leaving no gap*/
	float:none;
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
	}

.clearheight {/*clear anything leaving a gap*/
	float:none;
	clear:both;
	}
	
.end {
	margin:0 !important;
}		
	
/*banner 
--------------------------------------*/

.wrapper, #content {
    z-index: 101;
	position: relative;
}


.pcarousel { position: relative; z-index: 1; margin-top: 90px;}
.pcarousel ul, .pcarousel li { margin: 0; padding: 0; list-style-type: none;}

.pcarousel img { display: block; }
.flex-control-paging { display: none; }
.flex-direction-nav { position: absolute; width: 100%; top: 40%; z-index: 2; }
.flex-direction-nav .flex-prev { position: absolute; left: 5%; width: 27px; height: 38px; text-indent: -9999em; background: transparent url(../images/site/arrows.png) 0 -38px no-repeat; list-style-type: none;}
ul.flex-direction-nav  {
	list-style-type: none;
}
.flex-direction-nav .flex-next { position: absolute; right: 5%; width: 27px; height: 38px; text-indent: -9999em; background: transparent url(../images/site/arrows.png) 0 -114px no-repeat; }
.flex-direction-nav .flex-prev:hover { background-position: 0 0; }
.flex-direction-nav .flex-next:hover { background-position: 0 -76px }
.flex-pauseplay { position: absolute; left: -9999em; top: -9999em; height: 0; width: 0; }



	
/*media queries 
--------------------------------------*/

@media screen and (max-width:960px) {

nav.main-nav {
	font-size: 110%;
	margin-top:26px;
	font-weight: 400;
}

}	/* end of media 960 */	



@media screen and (max-width:880px) {

	nav.main-nav { display: block; float: none; margin-top: 0; margin-bottom: 30px; overflow: hidden; clear: both; margin-left: 0; line-height: 0; margin-bottom: 0}
	nav.main-nav.closed ul { display: none; }
	nav.main-nav li { display: block; width: 100%; clear: both; float: none; border-bottom: 1px solid #E0E0E0; padding: 1em 0; }
	nav.main-nav li a {padding-left:0; border-bottom: none; line-height: 0; color: #1a5b87; }
	nav.main-nav li a:hover {  color:#d44c75;}
	nav.main-nav li:last-child { border: 0; }
	nav.main-nav ul li:hover ul { display: none; }
	nav.main-nav ul li.sub a { background: none; }
	nav.main-nav ul li:hover a { border-color: transparent; }
	
	.btn-main-nav { display: block; position: absolute; right: 5%; top: 30px; border: 1px solid #E0E0E0; text-indent: -9999em; width: 40px; height: 30px; border-radius: 3px; background: transparent; color: #fff; cursor: pointer; margin-left:6px;}
	.btn-main-nav span { display: block; margin: 5px 2px; height: 2px; background: #1a5b87 ; border-radius: 5px; }


	/* navigation animation */
	nav.main-nav { 
		transform: translate3d(0,0,0);
	  	-webkit-transform: translate3d(0,0,0);
	  	-moz-transform: translate3d(0,0,0);
	  	transition:all .3s ease-in-out;
	  	-moz-transition:all .3s ease-in-out;
	  	-webkit-transition:all .3s ease-in-out; 
	}

}	/* end of media 880 */	



@media screen and (max-width:768px) {

h2.home span {
	display: inline
}



}	/* end of media 768 */	


@media screen and (max-width:685px) {

h1 {
	background:none;
	padding-left: 0;
	float: left;
	
}

ul.modules li {
	width: 48.93617021276596%;  /* 460/940*/
	margin-right: 2.127659574468085%;  /* 20/940*/
}

ul.modules li:nth-child(4n+4) {  
  margin-right: 2.127659574468085%;  /* 20/940*/
}

ul.modules li:nth-child(2n+2) {  
  margin-right: 0;  
}
	




}	/* end of media 685 */



@media screen and (max-width:600px) {

}	/* end of media 600 */	

@media screen and (max-width:480px) {

ul.modules li, article.half1, article.half2, section#contentnarrow, nav.sub-nav, aside.call, div.info {
	width: 100%; 
	margin-right:0;
	float: none;
	display: block;
	}
	
div.info {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px dotted #e0e0e0;
}	
	
nav.sub-nav ul {
	margin-top: 3em;
}	

article.half2 {
	margin-bottom: 5em;
}

}	/* end of media 480 */	



@media screen and (max-width:380px) {

h1 {
	font-size: 110%;
	font-weight: 400;
	padding-bottom: 34px;
	padding-top: 34px;

	
}

a h1 {
	/* color: #1a5b87; */
	 color:#d44c75;  
}


	


}	/* end of media 380 */