@charset "utf-8";
/* CSS Document */

html {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#fff;
	line-height:20px;
	background:#000;
	height:100%;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#fff;
	line-height:20px;
	background:url(../images/body-bg.jpg) repeat;
	height:100%;
}
* {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	display:block;
	color:#64266a;
	margin:5px 0 8px 0;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
}

h1 { font-size:28px; line-height:34px; }
h2 { font-size:24px; line-height:30px; }
h3 { font-size:22px; line-height:28px; }
h4 { font-size:20px; line-height:26px; }
h5 { font-size:18px; line-height:24px; }
h6 { font-size:16px; line-height:22px; }
ul{ margin:0; padding:0;}
ul li { list-style:none; background:url(../images/ui-radio-button.png) no-repeat 0px 6px; padding-left:18px;}
ol{ margin-left:15px; padding-left:10px;}
li { margin:0; padding:3px 0 3px 10px; line-height:20px;}
img { border:0px; }
input, select, textarea {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#5f5f60;
	margin:0;
	padding:3px;
	border:solid 1px #ddcbdc;
}
input[type='submit']{ border:0; background:#ddcbdc; color:#000; cursor:pointer;}
p{ margin:8px 0 12px 0;}
p:first-child { margin-top:0px;}
a:link,
a:visited,
a:active{ color:#fff; text-decoration:none;}
a:hover { color::#CCC; text-decoration:underline;}
a:focus { outline:none;}
/*---------------- Forms end---------------*/
.clear {
	height:1px;
	line-height:1px;
	font-size:1px;
	display:block;
	clear:both;
}

div.outer-wrapper{
	display:table;	
	text-align:center;
	width:100%;	
	height:100%;
}
div.outer-wrapper div.content-wrapper{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
	height:100%;
}
div.outer-wrapper div.content-wrapper img{ vertical-align:middle;}
div.outer-wrapper div.content-wrapper div#content{
	width:420px;
	height:auto;
	overflow:hidden;
	margin:0px auto;
}
div.outer-wrapper div.content-wrapper div#content div.logo-wrapper{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;	
}
div.outer-wrapper div.content-wrapper div#content div.logo-wrapper img{
	max-width:100%;
	width:100%\9;
	height:auto;	
}
div.outer-wrapper div.content-wrapper div#content div.footer-wrapper{
	width:300px;
	height:auto;
	margin:25px auto 0px auto;	
}
div.outer-wrapper div.content-wrapper div#content div.footer-wrapper h3{
	font-size:17px;
	color:#a6a18e;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;	
	text-align:center;
	margin-bottom:0px;
}
div.outer-wrapper div.content-wrapper div#content h4{
	font-size:20px;
	color:#a6a18e;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;	
	text-align:center;
	margin-bottom:0px;
	margin-top:30px;
	line-height:30px;
}
div.outer-wrapper div.content-wrapper div#content div.footer-wrapper p{ 
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-align:center;
	color:#a6a18e;
	margin-top:0px;
	line-height:24px;
	font-weight: bold;
}
div.outer-wrapper div.content-wrapper div#content div.footer-wrapper p a{ color:#a6a18e; }

.wrapper{ width:100%; height:100%; overflow:hidden; background:url(../images/glow.png) no-repeat center center;}
div.outer-wrapper div.content-wrapper div#content h4.font{ font-size:12px\9; width:50%\9; text-align:center; margin:0px auto\9!important;}
div.outer-wrapper div.content-wrapper .hack{ width:50%/9!important; height:auto;}
div.outer-wrapper div.content-wrapper .hack .logo-wrapper a img{ width:50%\9!important; height:auto\9!important;}


@media all and (max-width: 370px) {
	div.outer-wrapper div.content-wrapper div#content{ width:80%; padding:0px 10%;}
	div.outer-wrapper div.content-wrapper div#content div.logo-wrapper img{width:100%;height:auto;}
}
@media all and (max-device-width: 980px) and (orientation : portrait){
	div.outer-wrapper{  padding-top:10px;}	
}
@media all and (max-device-width: 980px) and (orientation : landscape){
	div.outer-wrapper{  width:85%;}	
}
@media all and (max-device-width: 980px) and (orientation : landscape){
	div.outer-wrapper div.content-wrapper div#content{ width:100%!important; padding:20px 10%;}	
	div.outer-wrapper div.content-wrapper div#content div.logo-wrapper{ width:40%!important; margin:0px auto}
	div.outer-wrapper div.content-wrapper div#content div.logo-wrapper img{ width:100%; height:auto;}
}
@media all and (max-device-width: 980px){
	html,body{ height:auto;}	
}
@media all and (max-device-width: 980px) and (orientation : portrait){
	html,body{ height:100%;}
}