/* @override https://t.y73.org/e/6/1/0/layout.css */

/* Design and CSS: www.boilerroomdigital.co.uk */

/*Padding and margin reset*/
	html, body, p, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, address, form, fieldset{
		margin: 0;
		padding: 0;
		font-size: 1em;
		list-style: none;
		font-style: normal;
		border: 0;
	}
	table, tr, td, th, img{
		margin: 0;
		padding: 0;
		font-size: 1em;
		list-style: none;
		font-style: normal;
	}

	a{
		text-decoration: none;
		color: #00f;
	}
	
	a:hover{
		text-decoration: underline;
	}
	
	abbr{
		border: none;
	}
	
/*Layout*/
	body{
		font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
		color: #333;
		font-size:80%;
		min-height: 100%;
		min-width: 960px;
	}
	
	#bbt_container{
		min-width: 960px;
	}
	
	#content, #sub .inner, #subnav .inner, #branding #branding_inner{
		max-width:960px;
		margin:0 auto !important;
		position: relative;
	}
	
	#sub #bbt_menu1, #bbt_menu2 {
		padding-left:78px;
		width:880px;
		min-height:2em;
	}
	
	#main{
		float:left;
	}
	
	.clearer{
		height:1px;
		clear:both;
		font-size:1px;
	}
	
	#main{
		width:545px;
		margin:0;
		padding:0 0 0 88px;
		background: #fff;
		float:left;
	}
	
	#supp{
		width:225px;
		margin-top: 5.4em;
		float:right;
		padding-right:8px;
	}
	
	#content{
		width:960px;
		margin: 0 auto;
	}
	
	#sub{
		margin-bottom:1px;
		padding-top:4px;
	}
	
/* Header */
	#branding #branding_inner{
		min-height: 194px;
		padding-top:1px;
		padding-bottom:15px
	}
	
	#branding h1{
		margin-top: 104px;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	
	#branding h1 span, #branding h2 span{ display: block; } 
	
	#branding h1, #branding h2{
		padding-left: 88px;
		font-size: 3.2em;
		font-weight: normal;
		position:relative;
		z-index:20;
		margin-right:240px;
		font-family:  "Gill Sans MT", "Gill Sans", "Gill Sans Regular", "Century Gothic", Helvetica, Arial, Tahoma, Verdana, sans-serif;
	}
	
	#branding h2{
		font-size: 1.8em;
		font-weight: normal;
	}
	
	#branding img{
		position:absolute;
		top:30px;
		left:728px;
		z-index:20;
	}
	
/*Typographic backgrounds*/
	#branding .shadow1, #branding .shadow2, #branding .shadow3, #branding .shadow4, #branding .shadow5, #branding .shadow6{
		display: block;
		position: absolute;
		text-transform: none;
		z-index:10;
		color:#fff;
	}
	
	#branding_inner{
		width:960px;
		overflow: visible;
	}
	
	#branding .shadow1{
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size:36px;
		top:3px;
	}
	
	#branding .shadow2{
		font-family: "Courier New", Courier monospace;
		font-weight: bold;
		font-size: 48px;
		left:-58px;
		top:85px;
		
	}
	
	#branding .shadow3{
		font-family: Impact, "Arial Black", Arial, Tahoma, sans-serif;
		left:-26px;
		top:152px;
		font-size: 30px;
	}
	
	#branding .shadow4{
		font-family: Helvetica, Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-size: 48px;
		top: 36px;
		left :352px;
	}
	
	#branding .shadow5{
		font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, Arial, sans-serif;
		font-size: 30px;
		top:95px;
		right:5px;
	}
	
	#branding .shadow6{
		font-family: Georgia, "Times New Roman", Palatino, serif;
		font-size: 72px;
		bottom:0;
		right:0px;
	}

/* Content */
	#content h1{
		font-family: "Gill Sans", "Gill Sans MT", "Gill Sans Regular", "Century Gothic", Helvetica, Arial, Tahoma, Verdana, sans-serif;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 2em;
		font-weight: normal;
		position:relative;
		padding:24px 0;
		line-height: 1.2em;
	}
	
	#content p, #content #main ul, #content ol{
		margin-bottom:1em;
	}
	
	#content h2{
		font-size: 1.8em;
		font-weight:normal;
		color:#333;
		margin-bottom:.25em;
	}
	
	#content h3{
		font-size:1.2em;
		margin:.25em 0 .25em;
		font-weight:bold;
	}
	
	#content h4{
		font-size:1em;
		margin-bottom:1em;
		font-weight: bold;
	}

	#content #main ul, #main ul li{
		list-style-type: square;
	}
	
	#content #main ol, #main ol li{
		list-style-type: decimal;
	}
	
	#content #main ol, #content #main ul{
		padding-left:3em;
	}
	
	#content, #supp{
		line-height: 1.35;
	}
	
	#content #main a{
		text-decoration: underline;
	}
	
	#content #main a:hover{
		color:#f00;
	}
	
	UL.bbt_txtAddressUL{
		margin-bottom:1em;
	}
	
/* LH Navigation */
	#sub, #subnav {
		font-family: Helvetica, Arial, Tahoma, sans-serif;
	}
	
	#bbt_menu1{
		margin:0;
		font-size:1.4em;
	}
	
	#bbt_menu2{
		font-size:1.3em;
	}
	
	#bbt_menu1 li, #bbt_menu2 li{
		display: block;
		line-height: 2em;
		height:2em;
		padding:0 8px;
		float:left;
		margin-right:10px;
		white-space: nowrap;
	}
	
	
	#bbt_menu1 a{
		display: block;
	}
	
	/*L2 and L3 nav*/
	
	#subnav{
		padding-bottom: 4px;
		margin-bottom:.5em;
	}
	
	#bbt_menu2 a{
		display: block;
	}
	
	#content #main #bbt_menu3{
		font-size: .9em;
		padding:0 ;
	}
	
	#bbt_menu3 li{
		font-size: 1em;
		display:inline;
		list-style-type: none;
		padding-right: 8px;
		
	}
	
/* Footer */
	#bbt_footer{
		clear: both;
		padding: 20px 0 0;
		font-size:.9em;
		min-height:34px;
		line-height: 1.35;
	}
	
	#bbt_footer .inner{
		margin:0 auto;
		width:960px;
	}
	
	#bbt_footer .inner p{
		float:right;
	}
	
	#bbt_footer .inner p a{
		display: block;
		padding:8px 12px;
		min-height:18px;
	}
	
/*Make the footer stick*/
	html, body, #bbt_container
	{
	height: 100%;
	}
	
	#wrapper
	{
	position: relative;
	min-height: 100%;
	}
	
	#content
	{
	padding-bottom: 50px;
	}
	
	#bbt_footer
	{
	position: relative;
	margin-top: -54px;
	}
	
	#bbt_mobilenav{
		display: none;
	}
	
/*Mobile Styles*/
@media (max-width: 960px) {
	.has-js #bbt_mobilenav{
		display: block
	}
	.has-js #sub,
	.has-js #subnav{
		display: none;
	}
	
	#bbt_container, html, body, .inner, #content, #sub .inner, #subnav .inner, #branding #branding_inner, #bbt_footer, #bbt_footer .inner{
		width: auto;
		min-width: 0;
	}
	#sub .inner, #subnav .inner{
		padding: 0 2%;
	}
	#sub .inner ul#bbt_menu1,
	#subnav .inner ul#bbt_menu2{
		min-width: 0 !important;
		width: auto !important;
		max-width: 100%;
		padding: 0 !important;
		min-height: 0;
	}
	
	#sub .inner ul#bbt_menu1 li,
	#subnav .inner ul#bbt_menu2 li{
		font-size: 15px;
		margin: 0;
	}

	#subnav .inner ul#bbt_menu2 li{
		font-size: 13px;	
	}
	
	#subnav{
		margin-bottom: 0;
	}	
	#main, #supp{
		float: none;
		width: auto;
		padding: 0 3%;
		margin: 0;
		min-height: 0;
	}
	html, body, #bbt_container{
		height: auto;
		padding-bottom: 0 !important;
	}
	#content{
		padding-bottom: 0;

	}
	#bbt_footer{
		margin: 10px 0 0;
	}
	#bbt_footer .inner,
	#bbt_footer .inner p,
	#bbt_footer .inner p a{
		float: none;
		background: #999;
		text-align: center;
	}
	body, html{
		padding: 0 !important;
	}
	#main h1{
		padding: .5em 0;
	}
	#branding_inner h1, #branding_inner h2{
		width: auto;
		margin: 80px 0 0;
		padding: 0 4%;
		min-width: 0;
		max-width: 100%;
		text-align: center;
	}
	#branding_inner h2{
		margin-top: 0;
	}
	#branding img{
		display: none;
	}
	
	#wrapper #branding span span{
		display: none !important;		
	}
	
	#wrapper #branding span{
		width: auto !important;
		text-shadow: 1px 1px 2px #000000;
	}
	
	#content iframe{
		max-width: 100%;
	}
	
	#content img{
		height: auto;
		max-width: 100%;
	}
	
	#supp{
	}
	
}