@import url(reset.css);
@import url(usernav/layout.css);
@import url(mainnav/layout.css);
@import url(footernav/layout.css);
@import url(text.css);
@import url(snippets.css);

html,
body {
	background-color: #000;
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	}
#backgroundImage {
	width: 100%;
	height: 100%;
	min-width: 994px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	}	
.texture {
	width: 100%;
	height: 100%;
	background: url(../library/trans.png);
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	}
.navshadow {
	background: url(../library/bg-navshadow.png);
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
    }	
.page {
	min-height:100%;
	position:relative;
	margin:0 auto;
	width:100%;
	z-index: 2;
	}
.page-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1;
	}	
.con-wrapper {
	padding: 0 0 80px 0;
	width: 994px;
	margin:0 auto;
	}
.con-innerwrapper { 
	min-height: 380px;
	}
.con-usernav {
	position: fixed;
	z-index: 10001;
	background-color: #ee4611;
	background-color: #db3b09;
	height: 25px;
	width: 100%;
	}
.mod-usernav,
.mod-loginstatus {
	width: 994px;
	margin:0 auto;
	position: relative;
	}
.mod-user {
	position: absolute;
	right: 323px;
	color: #fff;
	padding: .4em 0 0 15px;
	}										
.con-header {
	position: relative;
	z-index: 10000;
	background-color: #ee4611;
	height: 100px;
	text-align: center;
	margin-bottom: 70px;
	}
.con-supp {
	float: left;
	width: 240px;
	padding: 18px 20px 0px 20px;
	text-align: left;
	min-height: 362px;
	position: relative;
	z-index: 1;
	}		
.con-main {
	float: left;
	width: 634px;
	padding: 30px 40px 30px 40px;
	text-align: left;
	min-height: 320px;
	}	
.con-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	min-width: 994px;
	height: 33px;
	text-align: left;
	overflow: hidden;
	}

.sub-footer {
    position: relative;
	background: url(footernav/img/ftr-bg.png) 0 0 repeat-x #464241;
	overflow: hidden;
	zoom: 1;
    }

.con-footer .fb-like {
	width: 80px;
	position:relative;
	padding:7px 0 0 5px; 
	float: left;
	height: 26px;
	}

.mod-mainnav {
	width: 960px;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	}
.mod-sitelogo {
	position: absolute;
	top: 53px; 
	left: 15px;
	}
#mainnav {
	position: absolute;
	top: 20px; 
	left: 250px;
	z-index: 1;
	height: 88px;
	}

.mod-footernav {
	position: absolute;
	top: 0; 
	left: 0;
	z-index: 1;
	height: 23px;
	left: 50%;
	margin-left: -217px;
/*    float: left;*/
    }
.mod-footernav ul {
    
    }


/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
}	
	
.btn-fuse {
	position: absolute;
	top: 312px;
	left: 0;
	z-index: 1;
	display: block;
	}
.btn-apply {
	position: absolute;
	left: 0;
	z-index: 1;
	display: block;
	}	
	
#paging {
	position: absolute;
	z-index: 1000;
	top: 345px;
	left: 20px;
	}	
#paging li {
	float: left;
	cursor: pointer;
	}
#paging a {
	display: block;
	width: 39px;
	padding-top: 16px;
	height: 0;
	overflow: hidden;
	background: url(../library/bg-paging.png) 0 0 no-repeat;
	}
#paging a:link {background-position: 0 0;}
#paging a:visited {background-position: 0 0;}
#paging a:focus {background-position: 0 -16px;}
#paging a:hover {background-position: 0 -16px;}	
#paging a:active {background-position: 0 -16px;}	

#paging li.active a {
	cursor: default;
	background-position: 0 -32px;
	}