.showDesktop {display:block;}
.showTablet {display:none;}
.showMobile {display:none;}
.showAll {display:block;}

.left {float:left;}
.right {float:right;}
.centre {margin: auto;}

.outline {	border:#000 1px solid; }

html {background-attachment:fixed;}

body {
	width:100%;
	margin:0;
	padding:0;
	font:16px/1em sans-serif;
	font-family: arial;
	line-height: 1.6em;
	background: #000000;
	}

body.overlay {
    overflow: hidden;
	}

#infoBox {
	display:none;
	position:fixed; 
	z-index:40; 
	left:1px;
	top:25%; 
	padding:1em; 
	background:#000;
	color:#fff;
	text-align:center;
	cursor: pointer;
	}

#dialog-message {
	display:none;
	}

#wrapper {
	width:100%;
	height: auto !important;
	height: 100%;
	}

header {
	position:fixed;
	width:100%;
	background-repeat:repeat-x;
	z-index:2;
	}
	
nav {
	padding-top:1.6em;
	margin:0 auto;
}

section {
	padding:10em 0em 5em;
	}
	
article {
	margin: 0 auto; 
	width:100%; 
	max-width:980px; 
	clear:both;
	color:#000;
	}

.box {
	margin: 0 auto; 
    position: relative;
	}
	
.column {
	display:inline-block;
	float:left;
	width: 33.33333333333333%;
	min-height:auto;
}

.x2 {	
	width: 66.66666666666666%;
}

.x3 {	
	width: 100% !important;
	clear:both;
}

.content {
	max-width: 500px;
	margin: auto;
	padding: 0.3em;
	background: #000000;
	}
	
h1 {
	color:#303030;
	padding:0;
	margin:0;
	font-size:4em;
	line-height:1em;
	font-weight:normal;
	}
	
h2 {
	font-size:1.7em;
	line-height:1.2em;
	font-weight:normal;
	color:#96292c;
	}
	
h3 { 
	font-size:1.3em;
	font-weight:normal;
	color:#585858;
	}
	
p { 
	margin:0.625em 0em;
	line-height:1.5em;
	}
	
/* TABLET*/
/*@media screen and (min-width: 451px) and (max-width: 799px) {*/
@media only screen and (min-width: 481px)and (max-width: 979px) {
	body {
		font:14px/1em sans-serif;
		line-height: 1.7em;
	}
	
	section {
		padding:8em 0em;
		width:100%;
		text-align:left;
		}
	article {
		margin: 0 auto; 
		width:90%;
		}
	.box {
		text-align:left;
		}
	.column{
		width: 100% !important; 
		float:none; 
		clear:both; 
		}
	.x2 {
		width: 100% !important;
		}
	.x3 {
		width: 100% !important;
		}
	.content { 
		width:100%;
		padding:0;
		margin:0;
		}

    #footer,
	#push { 
		padding:2em 0em 1em;
		width:100%;
		}
	#footer_content #box1 {
		display:block;
		float:left;
		width:100%;
		text-align:center;
		margin-bottom:1em;
		}
		
	
}

/* MOBILE */
/*@media screen and (min-width: 100px) and (max-width: 480px) {*/
@media screen and (min-width: 100px) and (max-width: 480px) {
	.column{
		width: 100% !important; 
		float:none; 
		clear:both; 
		}
	.x2 {
		width: 100% !important;
		}
	.x3 {
		width: 100% !important;
		}
	body {
		font:14px/1em sans-serif;
		line-height: 1.7em;
	}
	header {
		opacity:1;
		z-index:2;
		border-top:0;
		vertical-align:baseline;
		}
	section {
		padding:6em 0em;
		width:100%;
		text-align:left;
		}
	article {
		margin: 0 auto; 
		width:95%;
		}
	.box {
		text-align:left;
		}

	h1 {
		font-size:2em;
		line-height:1em;
		}
		
	h2 {
		font-size:1.6em;
		color:#96292c;
		}
		
	h3 { 
		font-size:1.6em;
		line-height:1.5em;
		color:#585858;
		}
		
	p { 
		margin:0.625em 0em;
		line-height:1.5em;
		}
		
    #footer,
	#push { 
		padding:2em 0em 1em;
		}
	#footer_content #box1 {
		display:block;
		float:left;
		width:100%;
		text-align:center;
		margin-bottom:1em;
		}
	
}