/*----reset----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	background: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*----end reset----*/


body {
background-image: url(../images/epixPTNgray.gif);
background-repeat: repeat;
background-position: center top;
}

a {
	outline-style: none;
	text-decoration:none;
}

a:active {
	outline:none;
}

li{
	list-style:none;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.clear{
	clear:both;
}

.center-horz {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.red {
	color:#a10000;
}

#wrapper { 
margin: 0 auto;
width: 960px;
height:100%;
background:black;
/*
border-left:2px solid #1c201f;
border-right:2px solid #1c201f;
*/
}

#main-nav {
width: 960px; 
height: 105px;
margin: 0;
}

/* ------menu----- */
ul#menuback {
	list-style: none;
	background: #a10000;
	width: 960px;
	margin:0;
	overflow: auto;	
}

ul#menuback li.home, .boards, .team, .community, .news, .about, .store {
	height: 105px;
	display: block;
	float: left;
}

ul#menuback li.home {
	width: 148px;
}
ul#menuback li.boards {
	width: 134px;
}
ul#menuback li.team {
	width: 116px;
}
ul#menuback li.community {
	width: 195px;
}
ul#menuback li.news {
	width: 107px;
}
ul#menuback li.about {
	width: 120px;
}
ul#menuback li.store {
	width: 140px;
}

ul#menuback li#shutter1 { background: url(../images/shutter-epix.png) no-repeat; }
ul#menuback li#shutter2 { background: url(../images/shutter-epix.png) no-repeat; }
ul#menuback li#shutter3 { background: url(../images/shutter-epix.png) no-repeat; }
ul#menuback li#shutter4 { background: url(../images/shutter-epix.png) no-repeat; }
ul#menuback li#shutter5 { background: url(../images/shutter-epix.png) no-repeat; }
ul#menuback li#shutter6 { background: url(../images/shutter-epix.png) no-repeat; }
ul#menuback li#shutter7 { background: url(../images/shutter-epix.png) no-repeat; }

a.link-home , .link-boards, .link-team, .link-community, .link-news, .link-about, .link-store {
   height: 105px;
   display: block;
   text-indent: -9999px;
}
a.link-home {
   width: 148px;
   background: url(../images/menu-horz-home.png) no-repeat bottom center;
}

a.link-boards {
   width: 134px;
   background: url(../images/menu-horz-boards.png) no-repeat bottom center;
}
a.link-team {
   width: 116px;
   background: url(../images/menu-horz-team.png) no-repeat bottom center;
}
a.link-community {
   width: 195px;
   background: url(../images/menu-horz-community.png) no-repeat bottom center;
}
a.link-news {
   width: 107px;
   background: url(../images/menu-horz-news.png) no-repeat bottom center;
}
a.link-about {
   width: 120px;
   background: url(../images/menu-horz-about.png) no-repeat bottom center;
}
a.link-store {
   width: 140px;
   background: url(../images/menu-horz-store.png) no-repeat bottom center;
}
/*end menu*/

/*-----content bg-----*/
#main {
display:block;
width: 960px; 
background-repeat:no-repeat;
}

.bg-home, .bg-team-land, .bg-team, .bg-boards-land, .bg-boards, .bg-community, .bg-news, .bg-faq, .bg-about{
height: 624px;
}

.bg-home{
height:524px;
background-image: url(../images/home-bg.jpg);
}

.bg-team-land {
background-image: url(../images/team-land-bg.jpg);
}

.bg-team {
background-image: url(../images/team-bg.jpg);
}

.bg-boards-land {
background-image: url(../images/boards-land-bg.jpg);
}

.bg-boards {
background-image: url(../images/boards-bg.jpg);
}

.bg-community {
background-image: url(../images/community-bg.jpg);
}

.bg-news {
background-image: url(../images/news-bg.jpg);
}

.bg-faq {
background-image: url(../images/faq-bg.jpg);
}

.bg-about {
background-image: url(../images/about-bg.jpg);
}

.bg-store {
background-image: url(../images/store-bg.jpg);
width:960px;
height:624px;
}

/*-----end content bg-----*/


/*-----footer-----*/
#footer {
	position:absolute;
	width:960px;
	background: url(../images/footer-bg.png) repeat-x bottom #2f3332;
	border-top:2px solid #1c201f;
}

#footer p {
	color:#666666;
	font-family:Arial,Verdana,Sans-serif;
	font-size:11px;
	line-height:13px;
	padding:15px 40px 15px 40px;
	border-bottom:1px dotted #444444;
	border-top:2px solid #cdcdcd;
}

#footer p a {
	float:right;
	font-weight:bold;
	color:#7C0000;
}

#footer p a:link, #footer p a:hover, #footer p a:visited, #footer p a:active, {
	color:#7C0000;
}

#footer .map {
	margin:15px 0 0 40px;
}

#footer .col {
	display:block;
	float:left;
	padding:0 40px 20px 0;
}

.col h1 a:link, .col h2 a:link, .col h1 a:visited, .col h2 a:visited, .col h1 a:visited, .col h2 a:active {
	color:#666666;
}

.col h1 a:hover, .col h2 a:hover {
	text-decoration:underline;	
	color:#dfdfdf;
}

.col h1, .col h2 {
	color:#666666;
	font-family:Arial,Verdana,Sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}

.col h2 {
	font-size:11px;
	font-weight:normal;
	line-height:16px;
}

/*-----end footer-----*/