/* 

	****************************************************************************************************





	Theme Designed and Built by Made Simple Media, www.madesimplemedia.co.uk | (c)madesimplemedia.co.uk

	

	

	****************************************************************************************************

*/



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {

	display: block;

}



body, html, img, table, code, pre, * {margin: 0; padding: 0; outline: 0}



html {

	font-size: 100%; /* avoids sizing issues if using ems in IE6 */

	-webkit-text-size-adjust: 100%;/*Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g*/

	-ms-text-size-adjust: 100%; /* as above for windows devices */

}



.site img {border: 0; -ms-interpolation-mode: bicubic; max-width: 100%!important; height: auto}

.site table {border-collapse: collapse; border-spacing: 0}

.site .clear {clear: both}

.site hr {border: 0; border-bottom: 6px solid #e6e6e6; clear: both; margin: 20px; height: 6px; color: #e6e6e6}

.site figure {margin: 0; text-align:center}

.site hgroup {text-align:center}

.site img.ccm-image-block {height: auto!important; margin: 20px}

.site .nomargin,

.site .nomargin * {margin: 0!important}

.site blockquote {border-left: 6px solid #E6E6E6; margin-left: 20px; padding-left: 15px; font-style: italic}

.site table {margin: 20px; font-size: 15px; line-height: 2}

.site table tr td {padding: 2px 20px 2px 7px}

.site table tr.even td {background: #000000}

.site table tr.even td p {margin:0}

::-moz-selection {background: none repeat scroll 0 0 #FF6600; color: #fff} 

::-moz-selection {background: none repeat scroll 0 0 #FF6600; color: #fff} 



.site pre, .site code {font-family: "Lucida Console", Monaco, monospace}



.slideshow {position: absolute; left: 0; top: 0; width: 100%; min-height: 554px; height: 100%; z-index: 1; background-position: top center}





/*	Forms	

***********************************************************************************************************************/

.site form {margin: 30px 20px; border: 0px solid #ccc; background: #000000}

.site form .formBlockSurveyTable {margin: 30px 40px; padding: 0 0 20px 0; overflow: hidden}

.site form .formBlockSurveyCell.line h4 {margin: 0; font-size: 22px}

.site form .formBlockSurveyCell.question {padding-right: 20px; width: 200px;}

.site textarea, .site input[type="text"], .site select,

.site .formBlockSurveyCell textarea, .site .formBlockSurveyCell input[type="text"], .site .formBlockSurveyCell input[type="tel"], .site .formBlockSurveyCell select {

  float: left;

  width: 300px;

  padding: 4px;

  height: auto;

  border: 1px solid #aaa

}



.site .formBlockSubmitButton {border: 0; width: 188px; height: 42px; padding: 0; font-size: 15px; text-align: center; color: #fff; background: #BF1F2F!important; text-transform: uppercase; cursor: pointer; margin: 10px 0 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.site .formBlockSubmitButton:hover {background: #333}

.miniSurveyView table.formBlockSurveyTable td img.ccm-captcha-image {margin-top:10px;}





#blockStyle166FullCol15 {
    background-repeat: no-repeat;
    padding-left: 180px;
}


/*	Media Query Screen Width Overlay	

***********************************************************************************************************************/



body:after {

	content: "less than 320px";

	font-size: 200%;

	font-weight: bold;

	position: fixed;

	bottom: 30px;

	left: 0;

	width: 100%;

	text-align: center;

	background-color: hsla(1,90%,40%,0.3);

	color: #000;

}



/* Comment/uncomment this to enabe/disable the overlay */

body:after {

	content: "" !important;

}







/*	Base (Larger Screens) 990px and Over	

***********************************************************************************************************************/

	body:after {content: "Base 990px and Over";}

	.site div.container {width: 990px; margin: 30px auto; overflow: hidden; position: relative; z-index: 2}

	

	/* Cols */

	.site div.full-col {overflow: hidden; float: left; width: 100%}

	.site div.left-col {overflow: hidden; float: left; width: 66%}

	.site div.right-col {overflow: hidden; float: right; width: 32%}

	.site div.left-sidebar .left-col {width: 32%}

	.site div.left-sidebar .right-col {width: 66%}

	.site div.left-col-equal {overflow: hidden; float: left; width: 50%}

	.site div.right-col-equal {overflow: hidden; float: right; width: 50%}	

	

	/* Three Col Page Type */

	.site .three-col div.left-col {width: 33%}

	.site .three-col div.centre-col {float: left; width: 32%; margin-left: 1%}

	.site .three-col div.right-col {width: 33%}

	

	/* Four Col Page Type */

	.site .four-col div.left-col {width: 25%; text-align:left;}

	.site .four-col div.centre-left-col {float: left; width: 25%; text-align:left;}

	.site .four-col div.centre-right-col {float: left; width: 25%; text-align:left;}

	.site .four-col div.right-col {width: 25%; text-align:left;}

	

	/* Header */

	.site div#header {background: #ccc; height: 160px}

	.site div#top {height: 554px; overflow: visible; text-align:center}

	.site a.logo {display: block; margin: 120px auto; width: 384px}

	.site a.logo img.ccm-image-block {margin: 0}



	

	/* Main Nav */

	.site div#nav {background: #000; height: 60px; margin: 23px 0; }

	.site div#nav ul {margin: 0; padding: 0; margin-left:50px;}

	.site div#nav ul li {margin: 0; padding: 0; display: block; float: left; list-style: none outside; background: none; position: relative; z-index: 8}	

	.site div#nav ul li:first-child {margin-left: 30px}

	.site div#nav ul li a {display: block; height: 55px; line-height: 60px; font-size: 17px; font-weight: bold; text-transform:uppercase; color: #fff; padding: 0 5px; margin: 0 40px; border-bottom: 5px solid #000}		

	.site div#nav ul li a:hover {border-color: #777}

	.site a#pull {display: none}



	.site div#nav ul ul {position:absolute; left: 0; top: 100%; z-index: 9; margin: 0 0 0 25px; padding: 25px 0 0 10px; background: url('/packages/street/themes/street/images/dropdownarrow.gif') 30px 10px no-repeat; display: none; text-align:left}

	.site div#nav ul ul li {background: none; float: none; width: 420px; padding: 15px 10px; background: #000}

	.site div#nav ul ul li:first-child {margin-left: 0!important}

	.site div#nav ul ul li a {margin: 0; padding: 0 0 0 15px; height: 20px; line-height: 15px; font-size: 13px; border: 0; border-left: 12px solid #000} 

	.site div#nav ul ul li a:hover {border-color: #777}

	

	

	/* Footer */

	.site div.footer-full {width: 100%; overflow: hidden; padding: 0 0 60px 0; background: #000; }

	.site a.scrollTop {float: left; line-height: 30px; margin-left: 20px; padding: 0 0 0 36px; color: #fff; background: url('/packages/street/themes/street/images/scrollTop.png') 0 0 no-repeat}

	.site a.scrollTop:hover {color: #bbb}

	

	.site div#footer-nav ul {margin: 5px 0; padding: 0; float: right}

	.site div#footer-nav ul li {margin: 0; padding: 0; display: block; float: left; list-style: none outside; background: none; border-left: 2px solid #333}	

	.site div#footer-nav ul li:first-child {border: 0}

	.site div#footer-nav ul li a {display: block; height: 20px; line-height: 20px; color: #fff; padding: 0 20px}		

	.site div#footer-nav ul li a:hover {color: #bbb}

	

	.site div#footer {padding: 30px 0 0 0; color: #777; font-size: 12px; font-weight: bold}	

	.site div#footer a {color: #777}

	.site div#footer a:hover {color: #fff}

	

	

	/* Fancybox Gallery by jordanlev */

	.site .sortable_fancybox_gallery_container {margin: 20px 0}

	.site .sortable_fancybox_gallery_image {padding: 10px 0}

	

	/* SWB Breadcrumbs by smartwebprojects */

	.site .swp-breadcrumbs {margin: 30px 0 -8px 0; text-align:center; font-size: 12px}

	.site .swp-breadcrumbs a {}

	.site .swp-breadcrumbs strong {}

	.site .swp-breadcrumbs .delim {padding: 0 10px; background: url('/packages/street/themes/street/images/breadcrumbs/delim.png') 50% 1px no-repeat}

		





/*	Tablet (Portrait) 768px

***********************************************************************************************************************/

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

	 body:after {content: "768 to 959px Tablet Portrait";}

	 

	.site div.container {width: 768px}

	

	/* Main Nav */

	.site div#nav ul li a {margin: 0 0 0 37px; font-size: 16px;}



	.site div#nav ul ul {margin: 0 0 0 28px}

	#blockStyle166FullCol15 {
    background-repeat: no-repeat;
        padding-left:0;

}
.formBlockSurveyTable {margin:0; padding:0;}
		
.site form {margin: 0; border: 0px solid #ccc; padding:0;}



}







/*	Mobile (Landscape) 480px 

***********************************************************************************************************************/

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

	 body:after {content: "480px Mobile Landscape";}

	 

	.site div.container {width: 480px}

	

	.site h1 {font-size: 36px}

	.site h2 {font-size: 27px}

	

	/* Cols */

	.site div.full-col {width: 100%}

	.site div.left-col {width: 100%}

	.site div.right-col {width: 100%}

	.site div.left-sidebar .left-col {width: 100%}

	.site div.left-sidebar .right-col {width: 100%}

	.site div.left-col-equal {width: 100%}

	.site div.right-col-equal {width: 100%}		

	

	/* Three Col Page Type */

	.site .three-col div.left-col, 

	.site .three-col div.centre-col, 

	.site .three-col div.right-col {width: 100%}

	.site .three-col div.centre-col {margin-left: 0; margin-right: 0}

	

	/* Four Col Page Type */

	.site .four-col div.left-col, 

	.site .four-col div.centre-left-col, 

	.site .four-col div.centre-right-col,

	.site .four-col div.right-col {width: 100%}

	

	/* Main Nav */

	.site div#nav ul li a {padding: 0 10px}	



	/* Mobile Nav */

    .site div#nav {height: auto; position: relative; z-index: 8; margin: 0}

    .site div#nav div#inner-nav {display: none}

	.site div#nav ul {position: absolute; background: #000; width: 100%; text-align:left}

    .site div#nav ul li {float: none; width: 100%; margin: 0; padding: 0; background: none}

	.site div#nav ul li:first-child {margin-left: 0}

    .site div#nav ul li a {width: 100%; padding: 0; text-indent: 25px; height: 44px; line-height: 44px; margin:0; border-bottom: 0; font-size: 17px; border-left: 8px solid #000}

    .site div#nav ul li a:hover {border-left: 8px solid #777}



	/* Sub Menus (Dropdowns) */

	.site div#nav ul ul {position: relative; left: 0; top: 0; z-index: 9; margin: 0; padding: 0}

	.site div#nav ul ul li {margin: 0; padding: 0}

	.site div#nav ul ul li a {width: 100%; padding: 0; height: 38px; line-height: 38px; margin:0; border-bottom: 0; font-size: 16px; border-left: 8px solid #000; text-indent: 38px}

        

    .site a#pull {  

		display: block;  

		background: url('/packages/street/themes/street/images/mobile-nav.png') 94% 50% no-repeat #000;  

		width: 100%; 

		margin: 23px 0 0 0; 

		text-indent: 28px;

		padding: 0;

		font-size: 17px; 

		position: relative; 

		color: #fff;

		line-height: 60px;

		height: 60px;

		text-decoration: none;

		text-transform: uppercase;

		font-weight: bold;

		z-index: 8;

		text-align:left

    }  	    	

	

	/* Footer */

	.site div#footer-nav ul {display: none}
	
		#blockStyle166FullCol15 {
    background-repeat: no-repeat;
        padding-left:0;

}
.formBlockSurveyTable {margin:0; padding:0;}

.site form {margin: 0; border: 0px solid #ccc; padding:0;}

}





/*	Mobile (Portrait) 320px 

***********************************************************************************************************************/

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

	 body:after {content: "320px Mobile Portrait";}

	 

	.site div.container {width: 300px}

	

	.site h1 {font-size: 34px}

	.site h2 {font-size: 26px}

	.site h3 {font-size: 19px}

	

	/* Forms */

	.site textarea, .site input[type="text"], .site select,

	.site .formBlockSurveyCell textarea, .site .formBlockSurveyCell input[type="text"], .site .formBlockSurveyCell select {width: 165px}

	

	/* Header */

	.site a.logo {width: 300px}

	

	/* Cols */

	.site div.full-col {width: 100%}

	.site div.left-col {width: 100%}

	.site div.right-col {width: 100%}

	.site div.left-sidebar .left-col {width: 100%}

	.site div.left-sidebar .right-col {width: 100%}

	.site div.left-col-equal {width: 100%}

	.site div.right-col-equal {width: 100%}		

	

	/* Three Col Page Type */

	.site .three-col div.left-col, 

	.site .three-col div.centre-col, 

	.site .three-col div.right-col {width: 100%}

	.site .three-col div.centre-col {margin-left: 0; margin-right: 0}

	

	/* Four Col Page Type */

	.site .four-col div.left-col, 

	.site .four-col div.centre-left-col, 

	.site .four-col div.centre-right-col,

	.site .four-col div.right-col {width: 100%}

			

	/* Main Nav */

	.site div#nav {height: auto}

	.site div#nav ul li {float: none}

	.site div#nav ul li a {padding: 0; width: 100%; text-indent: 20px}	



	/* Mobile Nav */

    .site div#nav {height: auto; position: relative; z-index: 8; margin-left: -80px; }

    .site div#nav div#inner-nav {display: none}

	.site div#nav ul {position: absolute; background: #000; width: 100%; text-align:left}

    .site div#nav ul li {float: none; width: 100%; margin: 0; padding: 0; background: none}

	.site div#nav ul li:first-child {margin-left: 0}

    .site div#nav ul li a {width: 100%; padding: 0; text-indent: 15px; height: 44px; line-height: 44px; margin:0; border-bottom: 0; font-size: 16px; border-left: 8px solid #000}

    .site div#nav ul li a:hover {border-left: 8px solid #000}



	/* Sub Menus (Dropdowns) */

	.site div#nav ul ul {position: relative; left: 0; top: 0; z-index: 9; margin: 0; padding: 0}

	.site div#nav ul li {margin: 0; padding: 0}

	.site div#nav ul ul li a {width: 100%; padding: 0; height: 38px; line-height: 38px; margin:0; border-bottom: 0; font-size: 16px; border-left: 8px solid #000; text-indent: 38px}

	        

    .site a#pull {  

		display: block;  

		background: url('/packages/street/themes/street/images/mobile-nav.png') 94% 50% no-repeat #000;  

		width: 100%; 

		margin: 23px 0 0 0; 

		text-indent: 28px;

		padding: 0;

		font-size: 16px; 

		position: relative; 

		color: #fff;

		line-height: 60px;

		height: 60px;

		text-decoration: none;

		text-transform: uppercase;

		font-weight: bold;

		z-index: 8;

		text-align:left		

    }  	    			

	

	/* Footer */

	.site div#footer-nav ul {display: none}	
	
		#blockStyle166FullCol15 {
    background-repeat: no-repeat;
    padding-left:0;
}
.formBlockSurveyTable {margin:0; padding:0;}

.site form {margin: 0; border: 0px solid #ccc; padding:0;}

}