 html {
    height: 100%;
	}

body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
	font-family: 'Ubuntu Condensed', sans-serif;
    /*font-family: Segoe;*/
    color: white;
/*    background-color: #A6FF63*/
 /*   background-color: #000000;*/
    background-repeat: no-repeat;
	background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
	text-shadow: 1px 1px 0px #000;
	}

div.navbar {
	position:absolute;
	top:70px;
	left:2%;
	width: 180px;
	height: 70%;
	padding-left: 5px;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
	font-size:		1.3em;
	color: #FFF;
	-moz-border-radius: 15px;
	border-radius: 15px;
	z-index: 		1;
	text-shadow: 1px 1px 0px #000;
	}
/*
 div.navbar a:link {color:white; text-decoration:none}
 div.navbar a:visited {color:#FFFF8F; text-decoration:none}
 div.navbar a:active {color:black; text-decoration:none}
 div.navbar a:hover {color:black; text-decoration:underline}
*/
a:link {color:white; text-decoration:none}
a:visited {color:#FFFF8F; text-decoration:none}
a:active {color:black; text-decoration:none}
a:hover {color:black; text-decoration:underline}

div.news {
   top:30px;

}
h3 {
    padding-top: 30px;
	font-size:		2.0em;
	color: #FFF;
	}


 div.header {
	width: 40%;
	position: absolute;
    top:30px;
	height: 128px;
	/*margin-left:20%;*/
    padding-right:10%;
	left: 30%;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
	/*-moz-border-radius: 15px;
	border-radius: 15px;*/
	-moz-border-radius: 25px 10px / 10px 25px;
	border-radius: 25px 10px / 10px 25px;
	background:		transparent url(images/logo2.png) no-repeat;
 
 }

#header_add {
	margin-right: 510px;
	padding-left: 510px;
	padding-top:50px;
	}

div.addbar {
    float: right;
	position:absolute;
	top:130px;
	right:2%;
	width: 120px;
	height: 600px;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
	font-size:		1.3em;
	color: #FFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

div.footer {
    position:absolute;
	bottom:0px;
	height: 128px;
    /*top:15%;*/
	width: 128px;
	right:0px;
	float:right;
	background-image: url(images/vp_small4.png);
	background-repeat: no-repeat;
    /*background-attachment: fixed;*/
	/*background-repeat: no-repeat;
    background-attachment: fixed;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
	background: linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	*/
	font-size:		1.3em;
	color: #FFF;
	}
 
h1 {
	font-size:		2.5em;
	margin:			0.5em 0;
	left: 170px;
	color: #FFF;
	}

h2 {
	font-size:		2.0em;
	color: #FFF;
	position: absolute;
	float: left;
    top: 0px;
	}

 
 #pageWrap {
	width:					auto;
	background:		black url(images/navBG.png) repeat-x 0 0 scroll;
	margin:					0px auto;
	padding-right: auto;
	 /*background-image: url(images/logo.png);
      background-repeat: no-repeat;
      background-position: left top;*/
    padding-left:80px;
	padding-top:0px;
      /*padding-bottom:68px;*/
    margin-bottom:30px;
	}
	
p {

	}
	
#pageBody {
	width:					100%;
	}

.clear	{ clear: both; }

#pageMain {
	width: 40%;
	position: absolute;
	top:157px;
	padding-left: 10%;
	height: 80%;
	/*margin-left:20%;*/
    padding-right:10%;
	left: 20%;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
	/*-moz-border-radius: 15px;
	border-radius: 15px;*/
	-moz-border-radius: 25px 10px / 10px 25px;
	border-radius: 25px 10px / 10px 25px;

	}

#project_title {
	font-size:		1.7em;
	text-decoration:	underline;
	position: absolute;
	top:10px;
	left: 25%;
	/*text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;*/
	color:#00ff0f;
	text-shadow: 0px 0px 10px #00ff0f, -1px -1px #000;
	}
#project_content {
	width: 59%;
	position: absolute;
	top:80px;
	padding-left: 10%;
	height: 80%;
	/*margin-left:20%;*/
    padding-right:10%;
	margin-top: 30px;
	left: 27%;
	display:block; 
	overflow:auto; 
	}
#project_downloads {
    -moz-box-shadow: 2px 2px 2px #000;
	-webkit-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;
	display: 		block;
	position: absolute;
	float:			left;
	top:65px;
	left:10px;
	padding-top:5px;
	padding-left: 5px;
	padding-right: 20px;
	margin-top: 5px;
	width: 24%;
	/*background:		black url(images/navBG.png) repeat-x 0 0 scroll;*/
	-moz-border-radius: 25px 10px / 10px 25px;
	border-radius: 25px 10px / 10px 25px;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
	background: linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	overflow:auto; 
	list-style-image: url(/images/disk.png);
    
	}

#project_downloads li {
 margin-top: 0px;
}

#other_title {
	font-size:		1.7em;
	text-decoration:	underline;
	position: absolute;
	top:10px;
	left: 25%;
	/*text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;*/
	color:#00ff0f;
	text-shadow: 0px 0px 10px #00ff0f, -1px -1px #000;
	}
#other_content {
	width: 59%;
	position: absolute;
	top:40px;
	padding-left: 10%;
	height: 80%;
	/*margin-left:20%;*/
    padding-right:10%;
	margin-top: 30px;
	left: 20%;
	display:block; 
	overflow:auto; 
	}



	
div.hoverBtn {
	position: 		relative;
	float:			left;
/*    background:             #000 url(images/nav_button2.png) repeat-x 0 0 scroll;*/
	background:		black url(/images/navBG.png) repeat-x 0 0 scroll;
	}

div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			130px;
	height: 		30px;
	line-height: 		30px;
	text-align: 		center;
	font-size:		1.0em;
	text-decoration:	none;
	color:			#FFF;
	background:		transparent none repeat-x 0 0 scroll;
	}
	
div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		black url(/images/navHover.png) repeat-x 0 0 scroll;
	/*    background:             #000 url(images/nav_hover2.png) none repeat-x 0 0 scroll;
	*/
	}
