@charset "UTF-8";

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
}
h1,h2,h3{
	font-size:1em;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
strong,b{
	font-weight:bold;
	font-style:inherit;
}
em,i{
	font-style:italic;
	font-weight:inherit;
}
ins{
	border-bottom:1px solid;
}
a,u,ins{
	text-decoration:none;
}
img{
	border:none;
	font-style:italic;
}

h1,h2,h3,h4,h5,h6,
ul,ol,dl,p,hr,
.nav,.island,.media{
	margin-bottom:24px;
	margin-bottom:1.5rem;
}
ul,ol,dd{
	margin-left:3em;
}


html{
	overflow-y:scroll;
	font-size: 80%;
	font-weight: 300;
    letter-spacing: 0.04em;
    line-height:1.5;
	background:url(/images/background.jpg) center top no-repeat #000;
	color:#fff;
}
body{
	min-height:100%;
}

.cf,
.grids,
.media{
	zoom:1;
}
.cf:before,
.grids:before,
.media:before,

.cf:after,
.grids:after,
.media:after{
	content:"";
	display:table;
}
.cf:after,
.grids:after,
.media:after{
	clear:both;
}


.media{
	display:block;
}
.media .img{
	float:left;
	margin-right:10px;
}
.media .body{
	overflow:hidden;
	margin-bottom:0;
}


.logo,
.logo img{
	display:block;
	width:auto;
	height:auto;
}
.logo{
	background:url(/images/logo.png);
	height: 180px;
}
	.logo:hover{
		background-position:0 -00px;
	}
.logo img{
	position:absolute;
	left:-99999px;
}


h1,.alpha{ font-size:5em; line-height:1.5; letter-spacing: 0.03em; font-style: italic; font-weight: 800; }
h2,.beta{ font-size:3em; line-height:1.25; letter-spacing: 0.05em; font-weight: 400; }
h3,.gamma{ font-size:1.5em; line-height:1.5; letter-spacing: 0.05em; font-weight: 400; }

.description { font-size:2.5em; letter-spacing: 0.03em; font-weight: 300; }

.footer_addthis { font-size:0.76em; text-align: left; }
.footer_copyright { font-size:0.76em; text-align: right; }

a:visited{
	color: #cc6600;
	opacity:0.8;
}
a:hover{
	color: #cc6600;
	text-decoration:underline;
}
a:active,
a:focus{
	color: #ff6600;
	position:relative;
	top:1px;
}

img{
	max-width:100%;
	height:auto;
	color:#c00;
}
img.left	{ margin:0 1.5em 0 0; }
img.right	{ margin:0 0 0 1.5em; }

.error{
	border-color:#fb5766;
	background:url(../img/css/icons/error.png) 10px center no-repeat #fab;
}
.success{
	border-color:#83ba77;
	background:url(../img/css/icons/success.png) 10px center no-repeat #d1feba;
}
.info{
	border-color:#85a5be;
	background:url(../img/css/icons/info.png) 10px center no-repeat #c4dbec;
}
.warning{
	border-color:#d8d566;
	background:url(../img/css/icons/warning.png) 10px center no-repeat #fef8c4;
}


.accessibility{
	position:absolute;
	left:-99999px;
}
.more-link:after{
	content:" »";
}

.left	{ float:left; }
.right	{ float:right; }
.clear	{ clear:both; float:none; }

.text-left		{ text-align:left; }
.text-right		{ text-align:right; }
.text-center,
.text-centre	{ text-align:center; }


@media (min-width: 481px) and (max-width: 960px){
}

@media (max-width: 480px){
	html{
		font-size: 0.8em;
	}
	body{
		-webkit-text-size-adjust:none;
	}
	.wrapper{
		width: 320px;
	}
	.grids{
		margin:0;
		width:auto;
	}
	.clear,
	[class^="grid-"],
	.grids [class^="grid-"]{
		width:auto;
		float:none;
		margin:0;
	}
	
	.logo{ margin-left:auto; margin-right:auto; }
	
	h1,.alpha{ font-size:4em; line-height:1.5; letter-spacing: 0.03em; font-style: italic; font-weight: 800; }
	h2,.beta{ font-size:3em; line-height:1.25; letter-spacing: 0.05em; font-weight: 400; }
	h3,.gamma{ font-size:1.5em; line-height:1.25; letter-spacing: 0.05em; font-weight: 400; }
	
	.description { font-size:2em; letter-spacing: 0.03em; font-weight: 300; text-align: center; }
	
	.footer_copyright { text-align: left; }
	
	ul, ol, dl{ margin-left:1.5em; }
	
	img { max-width: 100%; height:auto; } 
}
/*--- END MOBILE ---*/