/*960 gs*/
.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_12,.grid_10,.grid_8,.grid_4{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_12{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_4{width:300px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.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*/
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,b,u,i,center,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;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body{
	font: normal 14px Arial, Helvetica, sans-serif;
	background: #035b79 url(../images/body-background.jpg) no-repeat 50% 51px;
	color: #48b4c7;
}

a:link, a:visited{
	color: #00d9ff;
	text-decoration: none;
}

a:visited{
	color: #06abc8;
}

a:hover, a:focus{
	color: #cbf7ff;
}

p{
	font-size: 14px;
	line-height: 22px;
	margin: 19px;
}

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-bottom: 10px;
	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;
}

/*HEADER*/
#gutter_top{
	height: 51px;
	background: url(../images/gutter-bg.gif) repeat-x;
}

#header{
	height: 51px;
	margin: 0 auto;
	width: 960px;
	background: url(../images/header-bg.jpg) no-repeat 0 0;	
}

#header h1 a{
	display: block;
	float: left;
	width: 200px;
	height: 0;
	overflow: hidden;
	margin: 6px 0 0 28px;
	padding-top: 38px;
	background: url(../images/main-sprite.png) no-repeat 0 0;
}

#header h1 a:hover, #header h1 a:focus{
	background-position: 0 -40px;
}

ul#nav{
	float: right;
	width: 466px;
	height: 30px;
}

ul#nav li{
	float: left;
}

ul#nav li a{
	overflow: hidden;
	margin: 9px 4px;
	padding-top: 30px;
	height: 0;	
	display: block;
}

ul#nav li#home a{
	margin-left: 0;
	width: 77px;
	background: url(../images/main-sprite.png) no-repeat -202px 0;
}

ul#nav li#home a:hover, ul#nav li#home a:focus{
	background-position: -202px -30px;
}

ul#nav li#home a.current{
	background-position: -202px -60px;
}

ul#nav li#about a{
	width: 83px;
	background: url(../images/main-sprite.png) no-repeat -279px 0;
}

ul#nav li#about a:hover, ul#nav li#about a:focus{
	background-position: -279px -30px;
}

ul#nav li#about a.current{
	background-position: -279px -60px;	
}

ul#nav li#works a{
	width: 89px;
	background: url(../images/main-sprite.png) no-repeat -362px 0;
}

ul#nav li#works a:hover, ul#nav li#works a:focus{
	background-position: -362px -30px;
}

ul#nav li#works a.current{
	background-position: -362px -60px;
}

ul#nav li#contact a{
	width: 106px;
	background: url(../images/main-sprite.png) no-repeat -451px 0;
}

ul#nav li#contact a:hover, ul#nav li#contact a:focus{
	background-position: -451px -30px;
}

ul#nav li#contact a.current{
	background-position: -451px -60px;	
}

ul#nav li#blog a{
	margin-right: 0;
	width: 77px;
	background: url(../images/main-sprite.png) no-repeat -557px 0;
}

ul#nav li#blog a:hover, ul#nav li#blog a:focus{
	background-position: -557px -30px;
}

ul#nav li#blog a.current{
	background-position: -557px -60px;	
}

/*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;
}

/*FOOTER*/
#gutter_bottom{
	padding-top: 20px;
	position: relative;
	background: url(../images/gutter-bottom-bg.jpg) no-repeat 50% 0;
}

.footer-border-top{
	width: 940px;
	margin: 0 auto;
	height: 20px;
	background: url(../images/main-g4-footer-g8-border.png) no-repeat -2160px 0;
}

#footer{
	position: relative;
	margin: 0 auto;
	width: 938px;
	background-color: #022432;
	border: 1px solid #07637e;
	border-top: none;
	border-bottom: none;
	padding-bottom: 2px;
	color: #1b4e64;
}

#footer .first{
	margin-top: 0;
}

#footer ul{
	margin: 0;
}

#footer p{
	font-size: 12px;
}

#footer div#left{
	width: 320px;
	float: left;
}

#footer div#right{
	width: 305px;
	float: right;
}

#footer div#left ul{
	margin-left: 20px;
}

#footer div#left ul li{
	display: inline;
	margin-right: 20px;
	font-size: 12px;
}

#footer div#right p{
	line-height: 12px;
	margin-left: 0;
}

#footer div#right ul{
	margin-top: 10px;
}

#footer div#right ul li{
	float: left;
}

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;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}