/* CSS Document */
html { width: 100%; }

body {
	background-color: #000;
	text-align: left;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}
a:link { color: #999; text-decoration: none; border-bottom: 1px dotted #999; }
a:visited { color: #999; text-decoration: none; border-bottom: 1px dotted #999; }
a:hover { color: #9dd54c; border-bottom: 1px solid #9dd54c; }
a:active { color: #999; text-decoration: none; border-bottom: 1px dotted #999; }

p, h1 { text-align: left; }
h2 { 
	text-transform: uppercase; 
	font: normal 12px Arial, Helvetica, sans-serif; 
	letter-spacing: 1px;
	font-weight: bold;
	color: #666;
	margin: 0;
}

#container { 
	margin: 0 auto; 
	padding-top: 25px; 
	width: 827px;
 }
#leftcol { float: left; width: 185px; height: 466px; margin: 0; padding :0; background-color: #333; }

/* NAVIGATION */
#navigation span { display: none; }	
#navigation { position: relative; top: 80px; }	
#navigation li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0; 
	}
#navigation li, #navigation a {
    height: 50px; display: block; border-bottom: none; color: #333; 
	}
#nav1 {
    width: 125px; height: 50px;
	background: url("../img/nav1.gif") no-repeat;
	background-color: #333;
    margin: 0 auto; padding: 0;
    position: relative; 
	}
#nav1over {
    width: 125px; height: 50px;
	background: url("../img/nav1.gif") no-repeat;
	background-color: #333;
    margin: 0 auto; padding: 0;
    position: relative; 
	}
#nav2 {
    width: 125px; height: 50px;
	background: url("../img/nav2.gif") no-repeat;
	background-color: #333;
    margin: 0 auto; padding: 0;
    position: relative; 
	}
#nav2over {
    width: 125px; height: 50px;
	background: url("../img/nav2.gif") no-repeat;
	background-color: #333;
    margin: 0 auto; padding: 0;
    position: relative; 
	}
#nav3 {
    width: 125px; height: 50px;
	background: url("../img/nav3.gif") no-repeat;
	background-color: #333;
    margin: 0 auto; padding: 0;
    position: relative; 
	}
#nav3over {
    width: 125px; height: 50px;
	background: url("../img/nav3.gif") no-repeat;
	background-color: #333;
    margin: 0 auto; padding: 0;
    position: relative; 
	}
#nav4 {
    width: 125px; height: 50px;
	background: url("../img/nav4.gif") no-repeat;
	background-color: #333;
    margin: 0 auto; padding: 0;
    position: relative;
	}
#nav4over {
    width: 125px; height: 50px;
	background: url("../img/nav4.gif") no-repeat;
	background-color: #333;
    margin: 0 auto; padding: 0;
    position: relative;
	}
#nav5 {
    width: 125px; height: 50px;
	background: url("../img/nav5.gif") no-repeat;
	background-color: #333;
    margin: 0 auto; padding: 0;
    position: relative;
	}
#nav5over {
    width: 125px; height: 50px;
	background: url("../img/nav5.gif") no-repeat;
	background-color: #333;
    margin: 0 auto; padding: 0;
    position: relative;
	}
#nav6 {
    width: 125px; height: 50px;
	background: url("../img/nav6.gif") no-repeat;
	background-color: #333;
    margin: 0 auto; padding: 0;
    position: relative;
	}
#nav6over {
    width: 125px; height: 50px;
	background: url("../img/nav6.gif") no-repeat;
	background-color: #333;
    margin: 0 auto; padding: 0;
    position: relative;
	}
	
#nav1, #nav2, #nav3, #nav4, #nav5, #nav6 { left: 0; width: 125px; }

#nav-bottom-img { position: relative; top: 152px; }

#index { 
	float: right; 
	width: 642px; 
	height: 441px; 
	margin: 0; 
	padding-top: 75px; 
	background-color: #101010; 
	}
#rightcol { 
	float: right; 
	width: 642px; 
	height: 516px; 
	margin: 0; 
	padding: 0; 
	background-color: #101010; 
	}

#about { margin: 25px; color: #ccc; }

#footer { height: auto; width: 827px; clear: both; margin: 0; padding: 0; border-top: 7px solid #000; }
#footer p { font-size: 11px; padding: 0; margin: 0; text-align: right; color: #ccc;  }