/*
	Laserforcetag CSS 
	Developed by Alliance Software
	Authored by Aaron Witherow
	March 2010
	
	
	==========================================================
	
	TABLE OF CONTENTS
	
		1. Reset and colours
		2. General Setup
		3. Tiny MCE Default Styles
		4. Layout
		5. Nav
		6. Header
		7. Content
		8. Footer
		9. Forms
	
	=========================================================

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

		1. RESET AND COLOURS
		
	*********************************
*/
	@import url(reset.css);
	
	/*
		page colours go here for easy reference
	*/


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

		2. GENERAL SETUP
		
	*********************************
*/
	body{
		font-family:"Helvetica Neue", Arial, Helvetica, Sans-serif;	
		font-size:75%;
		line-height:1.5;																																
		color:#333;
		background:url(../images/page-bg.png) repeat-x;
	}
	
	h3,h4,h5,h6 {
		margin:1em 0 0 0;
	}
	h1,h2,h3,h4{ font-family:"Franklin Gothic Medium", "Arial Narrow Bold", Arial, Sans-serif;}
	h1{font-size: 1.75em; margin-bottom:0.75em;}
	h2{font-size:1.333em; line-height:1.125; font-weight:normal;}
	h3{font-size:1.25em;}
	h4{font-size:1em;}
	
	p{margin:0 0 1.5em;}
	em{font-style:italic;}
	strong{font-weight:bold;}
	.text-left{text-align:left;}
	.text-right{text-align:right;}
	.text-center{text-align:center;}
	
	ul, ol, dl{margin:1em 0;}																																											
	ol{list-style-type:decimal;}
	li{margin:0 0 0.5em;}													
	ul{list-style-type:none;}
	ul > li{background:url(../images/bullet.png) no-repeat left 5px; padding-left:16px;}
	ul.no-bullet li{	list-style-type:none;}
	#main-content ul {margin-left:0em;}
	
	/* keep in LoVe HAte */
	a:link{color:#0080db;}
	a:visited{color:#0080db;}
	a:hover{color:#f82613;}
	a:active{color:#0080db;}
	
	blockquote{border:1px solid #ccc; padding:12px; width:90%; margin:12px auto;}
	blockquote h2{font-size:1.4em;}
	blockquote img{float:right; margin:3px 8px;}
	
	/* To force the blockquote to clear itself */
	blockquote:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	blockquote {display:inline-block;}/* Hide from IE Mac \*/
	blockquote {display:block;}/* End hide from IE Mac */
	
	/* generic float and clear classes */
	.left{float:left;}
	.right{float:right;}
	.clear{clear:both;}
	.clear-left{clear:left;}
	.clear-right{clear:right;}
	
	img.left{margin-right:1.5em;}
	img.right{margin-left:1.5em;}
	
	/* clearfix enables self clearing floats, add class="clearfix" to any floated element to clear itself */
	.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display:inline-block;}/* Hide from IE Mac \*/
	.clearfix {display:block;}/* End hide from IE Mac */

	sup{vertical-align:super; font-size:0.8em;}




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

		3. TINY MCE STYLES
		
	*********************************
*/
	.mceContentBody{
		background:#fff;															/* sets background to white when editing in CMS */
		color:#222;																	/* sets text colour at a good contrast on white background */
		text-align:left;															/* to make sure it does not take centre styles from body */
	}
	.mceContentBody ul, .mceContentBody ol, .mceContentBody dl{margin:1em 0;}									
	.mceContentBody ol li{list-style-type:decimal; margin-left:30px;}
	.mceContentBody li{margin:0 0 0.5em;}															
	.mceContentBody ul li{list-style-type:square; margin:0 0 0 30px;}






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

		4. LAYOUT 
		
	*********************************
*/

	
	#page{
		
		
		/*background:url(../images/grid.png) repeat-y;*/
		
	}
	#header{
		background:#1c8eda url(../images/header-bg.png) repeat-x left bottom;
		min-height:195px;
		border-top:2px solid #001a3c;
	}
	#content{
		width:940px;
		margin:2.5em auto 1em;
	}
	#footer{
		background-color:#045385;
		color:#fff;
		border-top:1px solid #044975;
	} 
	#copyright{
	
	}
	
	
	
/*	*********************************

		5. NAVIGATION
		
	*********************************
*/

	/*
	=================================
	Important for accessibility, skip
	navigation link initially hidden
	but shown on focus using keyboard
	=================================
	*/
	#skip a, #skip a:hover, #skip a:visited {
		position:absolute;
		left:-9999em;		
		overflow:hidden;
	}
	#skip a:active, #skip a:focus{
		position:static;
	}
	
	/* Main navigation bar */
	#nav{
		background-color:#01547d;
		margin:0;
		list-style-type:none;
		float:left;
		position:relative;
		top:90px;
		left:135px;
		min-height:45px;
		width:805px;
		border-bottom:3px solid #f82613;
		border-top:1px solid #267ea9;
	}
	#nav li{
		float:left;
		background:none;
		padding:0;
	}
	#nav li a{
		color:#fff;
		text-decoration:none;
		letter-spacing:0.02em;
		font-weight:bold;
		padding:0.9em 1.3em 0;
		text-transform:uppercase;
		line-height:1;
		display:block;
		text-align:center;
	}
	#nav li a:hover{color:#f82613;}

	.top-links{
		background-color:#001a3c;
		list-style-type:none;
		position:absolute;
		top:0;
		right:0;
		margin:0;
		text-align:center;
		-moz-border-radius-bottomleft:6px;
		-moz-border-radius-bottomright:6px;
		-webkit-border-bottom-left-radius:6px;
		-webkit-border-bottom-right-radius:6px;
		width:250px;
		padding:0 0 0.25em 0;
	}
	.top-links li{
		display:inline;
		color:#fff;
		padding:0;
		background:none;
	}
	.top-links a{
		color:#fff;
		text-decoration:none;
		font-size:1em;
		padding:0 0.5em;
	}


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

		6. HEADER 
		
	*********************************
*/
	
	#hwrapper{
		width:940px;
		margin:0 auto;
		position:relative;
	}
	a.logo{
		background:url(../images/logo-bg.png) no-repeat;
		display:block;
		width:160px;
		height:145px;
		text-indent:-9999em;
		float:left;
		position:absolute;
		top:4px;
		left:-25px;
	}
	a.logo:hover{
		background-color:transparent;
	}
	.tagline{
		width:407px; 
		height:18px;
		position:absolute; 
		right:0; 
		top:150px;
		color:#fff;
		background:url(../images/tagline.png) no-repeat 2px 0;
		text-indent:-9999em;
	}
	
	
	
	
/*	********************************* 
		
		7. CONTENT 
		
	*********************************
*/
	
	.home #main-content{
		width:520px;
		float:left;
		padding:0;					
	}
	.home #secondary-content{
		width:380px;
		float:right;
	}
	.home #tertiary-content{
		clear:both;
		overflow:auto;		
	}
	#main-content{
		width:660px;
		float:right;
		padding:0 20px;
	}
	
	#secondary-content{
		width:220px;
		float:left;
	}
	#content h2{
		
		
		margin-bottom:1.125em;
		
	}
	
	
	/* ==== Home Page ==== */
	
	.hm-intro{	
		border:1px solid #ccc;
		background:#eeeeee url(../images/hm-intro-bg.png) repeat-x top left;
		padding:1em;
		margin-bottom:2.5em;
	}
	.hm-intro h1{
		margin-top:0.25em;
	}
	
	.feature-list, 
	.feature-list ul{	list-style-type:none; overflow:hidden; margin-bottom:0; }
	
	.feature-list li{
		float:left;
		width:220px;
		margin-left:20px;
		line-height:1.4;
		background-image:none;
		padding:0;
	}
	.feature-list li:first-child{	margin-left:0;	}
	.feature-list li li{	
		margin-left:0;	
		background:url(../images/tick-16.png) no-repeat left top;
		padding-left:25px;
	}
	
	.feature-list h3{
		margin-top:0;
	}
	.feature-list h4{
		color:#0080db;
	}
	.feature-list p{
		margin-bottom:1em;		
	}
	
	.target-market{ list-style-type:none; overflow:hidden; }
	.target-market li{
		float:left;
		width:178px;
		min-height:153px;
		background-color:#2e3d53;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		background-image:none;
		padding:0;
	}
	.target-market li{
		margin:0 6px 12px 6px;
		color:#fff;
		line-height:1.1;
		font-size:0.9em;
		font-weight:bold;
	}
	.target-market li span{ padding:0.5em 1.2em 0.5em; display:block; }
	.target-market li a{color:#fff; text-decoration:none; display:block;}
	
	.download-brochure{
		margin:1.5em 0;
		padding:1em;
		border:1px solid #ccc;
		background-color:#eee;
		font-size:18px;
		line-height:1.1;
		color:#2e3d53;
	}
	.download-brochure p{
		margin:0 0 0 50px;
	}
	.download-brochure p strong{
		display:block;
	}
	.download-brochure a{
		background:url(../images/download.png) no-repeat left bottom;
		padding-left:60px;
		display:block;
		color:#2e3d53;
		text-decoration:none;
	}
	
	ul.features li{
		list-style-image:url(../images/bullet.png);
		list-style-position:inside;
		
	}
	.intro{
		font-size:1.166em;
		margin-bottom:1.2855em;
		color:#444;
	}
	.secondary-nav{
		background:#01547d url(../images/secondary-nav-bg.png) repeat-y center center;
		padding:1em 1em;
		color:#fff;
		font-weight:bold;
		text-transform:uppercase;
	}
	.secondary-nav ul{ list-style-type:none;}
	.secondary-nav li{margin:0; padding:0; background:none;}
	.secondary-nav h3{margin:-0.8em -0.8em 0; background:#f10203 url(../images/secondary-nav-red-bg.png) no-repeat; padding:0.9em 1.2em; line-height:1;}
	.secondary-nav a{
		color:#fff;
		text-decoration:none;
		display:block;
		padding:0.5em;
	}
	.secondary-nav a:hover{
		background-color:#0080db;
	}
	.secondary-nav .current{
		padding:0.5em;
		background:#0080db url(../images/secondary-nav-arrow.png) no-repeat right center;
		margin-right:-0.8em;
	}

	/* Headings */
	
	.feature-rich,
	.full-colour-led,
	.turbo-wireless-link,
	.fairness-of-play,
	.superior-feedback,
	.rugged-safe,
	.animated-scoreboard,
	.membership-system,
	.game-editor,
	.game-genres,
	.continuous-game,
	.referee-suit,
	.marketing-auditing,
	.living-arena,
	.tami,
	.pods,
	.packages,
	.free-services,
	.installation,
	.affordability,
	.about,
	.locations,
	.contact-us,
	.support,
	.arming,
	.space-requirements,
	.the-market,
	.income-profit,
	.choosing-suppliers,
	.why-laserforce,
	.theme-parks,
	.portable-sites,
	.fec,
	.lasertag-fec,
	.operators,
	.art-graphics,
	.parts-pricelist,
	.manuals,
	.enquiry,
	.enquiry-thankyou{
		margin-left:-1em;
		margin-right:-1em; 
		padding-bottom:0.5em; 
		text-indent:-9999em;
	}
	
	.feature-rich{background:url(../images/sample-normal-heading.jpg) no-repeat;}
	.full-colour-led{background:url(../images/h1-full-colour-led.png) no-repeat;}
	.turbo-wireless-link{background:url(../images/h1-turbo-wireless-link.png) no-repeat;}
	.fairness-of-play{background:url(../images/h1-fairness-of-play.png) no-repeat;}
	.superior-feedback{background:url(../images/h1-superior-feedback.png) no-repeat;}
	.rugged-safe{background:url(../images/h1-rugged-safe.png) no-repeat;}
	.animated-scoreboard{background:url(../images/h1-animated-scoreboard.png) no-repeat;}
	.membership-system{background:url(../images/h1-membership-skill-levels.png) no-repeat;}
	.game-editor{background:url(../images/h1-game-editor.png) no-repeat;}
	.game-genres{background:url(../images/h1-game-genres.png) no-repeat;}
	.continuous-game{background:url(../images/h1-continuous-game.png) no-repeat;}
	.referee-suit{background:url(../images/h1-referee-suit.png) no-repeat;}
	.marketing-auditing{background:url(../images/h1-marketing-auditing.png) no-repeat;}
	.living-arena{background:url(../images/h1-living-arena.png) no-repeat;}
	.tami{background:url(../images/h1-tami.png) no-repeat;}
	.pods{background:url(../images/h1-pods.png) no-repeat;}
	.packages{background:url(../images/h1-packages.png) no-repeat;}
	.free-services{background:url(../images/h1-free-services.png) no-repeat;}
	.installation{background:url(../images/h1-installation.png) no-repeat;}
	.affordability{background:url(../images/h1-affordability.png) no-repeat;}
	.about{background:url(../images/h1-about.png) no-repeat;}
	.locations{background:url(../images/h1-locations.png) no-repeat;}
	.contact-us{background:url(../images/h1-contact-us.png) no-repeat;}
	.support{background:url(../images/h1-support.png) no-repeat;}
	.arming{background:url(../images/h1-arming-now.png) no-repeat;}
	.space-requirements{background:url(../images/h1-space-requirements.png) no-repeat;}
	.the-market{background:url(../images/h1-the-market.png) no-repeat;}
	.income-profit{background:url(../images/h1-income-profit.png) no-repeat;}
	.choosing-suppliers{background:url(../images/h1-choosing-suppliers.png) no-repeat;}
	.why-laserforce{background:url(../images/h1-why-laserforce.png) no-repeat;}
	.theme-parks{background:url(../images/h1-theme-parks.png) no-repeat;}
	.portable-sites{background:url(../images/h1-portable-sites.png) no-repeat;}
	.fec{background:url(../images/h1-fec.png) no-repeat;}
	.lasertag-fec{background:url(../images/h1-lasertag-fec.png) no-repeat;}
	.operators{background:url(../images/h1-operators.png) no-repeat;}
	.art-graphics{background:url(../images/h1-art-graphics.png) no-repeat;}
	.parts-pricelist{background:url(../images/h1-parts-price-list.png) no-repeat;}
	.manuals{background:url(../images/h1-operator-manuals.png) no-repeat;}
	.enquiry{background:url(../images/h1-enquiry.png) no-repeat;}
	.enquiry-thankyou{background:url(../images/h1-enquiry-thankyou.png) no-repeat;}





	.bordered-image{ position:relative;}
	.bordered-image img{ background:#fff; padding:2px; background-color:#fff; border:2px solid #cecece; margin:0; -moz-box-shadow:0 0 10px #ccc; -webkit-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc;}
	.bordered-image span{
		display:block;
		position:absolute; 
		bottom:4px;
		padding:12px;
		background:#333;
		background:rgba(0,0,0,0.6);
		color:#fff;
		margin:0 6px;
		left:-2px;
		font-size:0.9em;
		font-style:italic;
		
		}
		
	.bordered-image img.left, .bordered-image.left {margin-right:1.5em;}
	.bordered-image img.right, .bordered-image.right {margin-left:1.5em;}

	.locations-list{
		border-top: 1px solid #ccc;
		margin: 18px 0;
		padding-top: 36px;
		overflow: hidden;
	}
	
	.loc-image{
		float: right;
		width: 30%;
	}
	.loc-image img{max-width: 200px; min-width:200px;}
	.loc-content{
		float: left;
		width: 65%;
		margin-right: 5%;
	}
	
/* 
	*********************************

		8. FOOTER
		
	*********************************	
*/

	#footer ul{
		width:940px;
		margin:0em auto;
		padding-top:2em;
	}
	#footer li{
		display:inline;
		background:none;
		padding:0;
		position:relative;
		z-index:101;
	}
	#footer li a{
		color:#fff;
	}
	#footer li.copy{
		display:block;
		text-align:right;
		position:relative;
		top:-20px;
		z-index:1;
	}
	
	html, body {height: 100%;}

#page {min-height: 100%;}

#content {
	padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -90px; /* negative value of footer height */
	height: 100px;
	clear:both; padding: 0;
	background:url(../images/footer-bg.png);} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}



/* 	*********************************
	
		9. FORMS

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

	form dt {width:30%;float:left;margin-right:1em;clear:both;}
	form dd {width:65%;float:left;margin-bottom:1em;}
	form dt.wide,dd.wide{width:100%;}
	form dt label span {color:#e00;}
	form dd div.errorBox {color:#e00;}