@charset "utf-8";

/* Default CSS Document */

html{
	height:100%;
	overflow-y: scroll;
}

/** BODY ***************************************************************************************************************/
body{
	height:100%;
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:110%; text-align:center; color:#ddd;
	background:#111 url(img/bg.jpg) top left repeat-x;
}

div, a, img, p, ul, li, table, th, tr, td, h1, h2, h3, h4, h5{ margin:0px; padding:0px; }


a{
/*\*/
   overflow:hidden; text-decoration:none; color:#163665; font-size:10px;
/**/
}

a:hover{ text-decoration:underline; }

img{ border:none; }


ul, li{ list-style:none; }

.orange{ color:#FF3300; }

h1{ font-size:16px; color:#222; padding-bottom:10px; }

h2{ font-size:14px; color:#222; padding-bottom:10px; }


.tips{ font-size:10px; }


/** WRAPPER **********************************************************************************************************/
* html div#wrapper{
    height:100%;
}

div#wrapper{
	position:relative;
	/*min-height:100%;*/ width:950px;
	margin:0 auto; padding:200px 25px;
	text-align:center;
}

body > #wrapper {
        height: auto;
}

#msg{ padding:15px 0px 10px 0px; font-size:12px; }



/** Reset Elements ****************************************************************/

/* Remove element */
.rmv{
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
}


/* clear element */
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clear{display:inline-table;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */

/* reset element */
.reset{
	display:block;
	clear:both;
	width:1px;
	height:1px !important;
	font-size:0%;
	background:none !important;
	overflow:hidden;
}
html>body .reset{overflow:visible;}