body {background: #111 url('../images/bg_pattern.png') repeat top center; color: #ccc; font: 12px/18px Verdana; }

.main_contain { width: 1150px; margin-left: auto; margin-right: auto;  bottom: 0; display: block; ;}
.left_contain { width: 388px; height: 750px; text-align: left; background: transparent url('../images/bgPanel_left.png') no-repeat bottom right; position: relative; display: inline; float: left; }
.center_contain { width: 360px; height: 750px; background: transparent url('../images/bgPanel_center.png') no-repeat bottom center; position: relative; display: inline; float: left; }
.right_contain { width: 430px; height: 750px; text-align:right;  background: transparent url('../images/bgPanel_right.png') no-repeat bottom left; position: absolute; margin-left: 360px; top: 00px;}
.right_contain>div { float: left; }
.nav_contain { width: 460px; height: 270px; background: transparent url('../images/center_headcover.png') no-repeat bottom center; margin-left: 340px; position: fixed; bottom: 0; display: block; z-index: 99; text-align: left; }

.center_contain { color: #f6f059 }
.center_contain h1 { font-size: 5em; color: #00eefd;}
.center_contain h2 { font-size: 4em; color: #00eefd;}
.center_contain h3 { font-size: 3em;}
.right_contain h1 { font-size: 3em; color: #f6f059;}
.center_contain a:hover { color: #00eefd; }

a { color: white; text-decoration: none;}
a:hover { color: #f6f059;}

h1 { color: #f6f059; font-size:2.5em; margin-left:5px; letter-spacing: -3px;}
.right_contain h1 {margin-right: 10px;}

.social { position: fixed; top:-20px; margin-left: 135px; z-index: 1500; }


.navleft li { font-size: 3.0em; margin-top: -10px;  }
.navleft li a{ color: #00eefd;}
.navleft li a:hover{ color: #f6f059;}

.navright li { font-size: 3.0em; margin-top: -9px; }
.navright li a{ color: #00eefd;}
.navright li a:hover{ color: #f6f059;}


.floatright {float: right;}
.floatleft {float: left;}
.floatbottom {vertical-align: bottom;}
.center { margin-left:auto; margin-right:auto; width:80%;}
.nomargin {margin: 0px; padding:0px;}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}

.inline {display: inline;}
.inline li {display: inline;}
.nodots {list-style: none;}
#listend {border-right: none; margin-left: 20px;}

/* clears */

.clear.big { height:100px;}
.clear.med { height:50px;}
.clear.small { height:25px;}
.clear.tiny { height:2px;}

.scroll-pane {
	padding-top: 5px;
	width: 295px;
	height: 400px;
	overflow: auto;
	background: none;
	float: left;
	font-size: 9px;
}

.holder {
	
	float: left;
}


.pinkbar .jScrollPaneTrack {
	background: #ff3366;
}
.pinkbar .jScrollPaneDrag {
	background: #000 url(../images/drag_grab.gif) no-repeat 50% 50%;
}

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.init_hide, .hide_init { visibility: hidden;}