html {
font-size: 100%;
}

body {
padding: 0;
margin: 0;
width:100%;
overflow: auto;
background: url(imgs/bck_main.jpg) no-repeat;
color: #ffffff;
}

#header_top {
width: 750px;
height: 145px;
margin: 0 auto;
margin-top: 10px;
/*background: url(imgs/header_top.png) no-repeat;*/
text-align: right;
}

#header_logo {
width: 750px;
height: 100px;
}

#header_menu {
width: 297px;
height: 37px;
background: url(imgs/menu.gif) no-repeat;
float: right;
color: #333333;
font-family: "Courier New";
font-size: 12px;
text-align: center;
}

#menu_items {
margin: 10px;
}

#main {
width: 751px;
height: 451px;
margin: 0 auto;
margin-top: 5px;
padding-top: 1px;
background: url(imgs/main.png) no-repeat;
/*filter: alpha(opacity=70);
-moz-opacity: .70;
opacity: .70;*/
color: #000000;
}

#main_cont {
width: 731px;
height: 431px;
margin: 10px;
text-align: justify;
font-family: "Courier New";
font-size: 12px;
color: #000000;

}

.about_imgs {
float: right;
margin-left: 15px;
}

#footer {
width: 751px;
height: 25px;
margin: 0 auto;
margin-top: 12px;
background: url(imgs/footer.png) no-repeat;
/*filter: alpha(opacity=70);
-moz-opacity: .70;
opacity: .70;*/
}

#footer_cont {
width: 731px;
padding-top: 5px;
padding-left: 8px;
color: #000000;
font-family: "Courier New";
font-size: 12px;
}

#logo_skill {
width: 731px;
border: 1px solid #ffffff;
margin-top: 30px;
text-align: center;
}
#staff {
width: 350px;
float: left;
}

#staff2 {
width:  360px;
float: right;
height: 385px;
border-left: 1px dotted #000000;
padding-left: 10px;
}

.login3 {
font: normal 11px "Courier New";
width: 160px;
height: 14px;
border: 1px solid #ffe148;
padding: 0px 2px 2px 2px;
margin: 0px 10px 0 0;
background-color: #fff5c2;
}

pre {
	font-size: 12px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 20px; /*--Height of each line of code--*/
	background: url(imgs/pre_code_bg.gif) repeat-y left top; /*--Background of lined paper--*/
	width: 505px;
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
}
pre code {
	margin: 0 0 0 40px;  /*--Left Margin--*/
	padding: 18px 0;
	display: block;
}

pre.blk {
	background: url(imgs/pre_code_bg.gif) repeat-y left top;
	border: none;
	color: #666666;
}

#comingsoon {
width: 240px;
height: 170px;
background-image: url(imgs/workinprogress.png);
padding: 5px;
margin-top: 10px;
text-align: center;
float: left;
}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
	border: 7px solid #000000;
}
/*--Window/Masking Styles--*/
.window {
	height:165px;	width: 228px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}
 
/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: -5px; right: -10px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(imgs/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #920000; 
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}