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


	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: 14px; line-height: 1.6}
.site table tr td {padding: 2px 20px 2px 7px}
.site table tr.even td {background: #f3f3f3}
.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: 1px solid #ccc; background: #f9f9f9}
.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 select {
  float: left;
  width: 300px;
  padding: 4px;
  background: #fff;
  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: #000!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}



/*	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%}
	.site .four-col div.centre-left-col {float: left; width: 25%}
	.site .four-col div.centre-right-col {float: left; width: 25%}
	.site .four-col div.right-col {width: 25%}
	
	/* 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}
	.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: 290px; padding: 15px 0; 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: 30px; line-height: 30px; font-size: 16px; 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}
			

}



/*	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}
}


/*	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: 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: 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}	
}