/*960 gs*/
.container_12{margin-left:auto;margin-right:auto;}

.grid_12,.grid_10,.grid_8,.grid_4{display:inline;float:left;position:relative;margin-left:1px;margin-right:1px}


.alpha{margin-left:0}
.omega{margin-right:0}



.clear,.clearfix:after{clear:both;visibility:hidden;width:0;height:0}
.clear,.clearfix:after,.clearfix{display:block}
.clear{overflow:hidden}
.clearfix:after{content:' ';font-size:0;line-height:0}
.clearfix{display:inline-block}

* html .clearfix{height:1%}

/*Reset*/

a		{text-decoration:none; border:0;}

a img		{text-decoration:none; border:0;}


a:hover		{text-decoration:none;}


abbr, acronym{
	cursor: help;
	border-bottom: 1px dotted #1c556c;
}

abbr.smiley, acronym.smiley{
	color: #427d87;
	border-bottom: none;
}

ul{
	margin: 0 19px;
}

.container_12 h2, .container_12 h3{
	margin: 15px 19px 10px 19px;
	font-size: 22px;
	font-weight: normal;
	color: #62c20d;
}

.container_12 h3{
	margin: 15px 17px 10px 17px;
	font-size: 18px;
	text-transform: uppercase;
}


.container_12 h4{
	margin: 15px 19px 10px 19px;
	color: #4b9e01;
	font-size: 15px;
	text-transform: none;
	font-weight: normal;
}

.container_12 h5{
	margin: 15px 19px 3px 19px;
	color: #af5d00;
	font-size: 13px;
}

.container_12 .first{
	margin-top: 0;
}

.container_12 .last{
	margin-bottom: 0;
}

.container_12 .col-50{
	float: left;
	width: 50%;
}

.container_12 .alignLeft{
	text-align: left;
}

.container_12 .alignCenter{
	text-align: center;
}

.container_12 .alignRight{
	text-align: right;
}


/*BODY*/


.container_12 .grid_10{
	position: relative;	
}

.main-content-top, .main-content-bottom{
	position: relative;
	height: 20px;
	background: url(../images/main-g4-footer-g8-border.png) no-repeat 0 0;
	margin-top: 20px;
}

.main-content-bottom{
	background-position: -780px 0;
	margin-top: 0;
	margin-bottom: 20px;
	z-index: -1;
}

#main_content, .g-4, .g-8{
	width: 778px;
	position: relative;
	background-color: #022432;
	border: 1px solid #07637e;
	border-top: none;
	border-bottom: none;	
}

.g-4-top, .g-4-bottom, .g-8-top, .g-8-bottom{
	height: 20px;
	position: relative;
	background: url(../images/main-g4-footer-g8-border.png) no-repeat -1560px 0;
	z-index: 2;
}

.g-4-bottom{
	background-position: -1860px 0;
}

.g-8-top{
	background-position: -3100px 0;
}

.g-8-bottom{
	background-position: -3720px 0;
}

.g-4, .g-8{
	width: 298px; 
	z-index: 2;	
}

.g-8{
	width: 618px;
}






div#right ul li a{
	height: 0;
	display: block;
	overflow: hidden;
	margin-right: 8px;
	padding-top: 35px;
}

div#right ul li#PS a{
	width: 30px;
	background: url(../images/main-sprite.png) no-repeat -835px 0;
}

div#right ul li#PS a:hover, div#right ul li#PS a:focus{
	background: url(../images/main-sprite.png) no-repeat -835px -35px;
}

div#right ul li#DW a{
	width: 30px;
	background: url(../images/main-sprite.png) no-repeat -866px 0;
}

div#right ul li#DW a:hover, div#right ul li#DW a:focus{
	background: url(../images/main-sprite.png) no-repeat -866px -35px;
}

div#right ul li#gs960 a{
	width: 43px;
	background: url(../images/main-sprite.png) no-repeat -896px -2px;
}

div#right ul li#gs960 a:hover, div#right ul li#gs960 a:focus{
		background: url(../images/main-sprite.png) no-repeat -896px -37px;
}

div#right ul li#JQ a{
	width: 30px;
	background: url(../images/main-sprite.png) no-repeat -939px 0;
}

div#right ul li#JQ a:hover, div#right ul li#JQ a:focus{
	background: url(../images/main-sprite.png) no-repeat -939px -35px;
}

div#right ul li#XHTML a{
	width: 54px;
	background: url(../images/main-sprite.png) no-repeat -970px 0;
}

div#right ul li#XHTML a:hover, div#right ul li#XHTML a:focus{
		background: url(../images/main-sprite.png) no-repeat -970px -35px;
}

div#right ul li#CSS a{
	width: 54px;
	background: url(../images/main-sprite.png) no-repeat -1024px 0;
}

div#right ul li#CSS a:hover, div#right ul li#CSS a:focus{
	background: url(../images/main-sprite.png) no-repeat -1024px -35px;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*#000*/
	background-color: #022432;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	
}
#lbNumber { visibility:hidden; height:0;}