@charset "UTF-8";
/* CSS Document */

body {
	margin:0px;
	background-image:url(../images/backer1.jpg);
	background-repeat:repeat-x;
	background-color:#000000;
	}

#ubercontainer {
	width:900px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	}

#toprail {
	width:900px;
	height:100px;
	background-image:url(../images/top_rail1.jpg);
	position:relative;
	float:left;
	}

#topnav {
	width:890px;
	height:18px;
	margin-top:84px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-width:bold;
	color:#99CC00;
	text-align:right;
	float:left;
	position:relative;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	}

#topnav a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-width:bold;
	color:#99CC00;
	text-decoration:none;
	}

#topnav a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-width:bold;
	color:#99CC00;
	text-decoration:underline;
	}

#contentrail {
	width:900px;
	height:400px;
	background-image:url(../images/content_rail1.jpg);
	position:relative;
	float:left;
	}

#contentinner {
	width:820px;
	height:320px;
	margin-left:40px;
	margin-right:40px;
	margin-top:40px;
	margin-left:40px;
	position:relative;
	float:left;
	}

#contentimage {
	width:225px;
	height:150px;
	position:relative;
	float:left;
	}

#contenttext {
	width:550px;
	height:300px;
	position:relative;
	float:left;
	margin-left:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000033;
	}

#contentleft {
	width:180px;
	height:290px;
	margin-top:2%;
	margin-left:2%;
	float:left;
	position:relative;
	}

#portfoliolist {
	width:90%;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0099CC;
	}

#portfoliolist a {
	width:90%;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0099CC;
	text-decoration:none;
	}

#portfoliolist a:hover {
	width:90%;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0099CC;
	text-decoration:underline;
	}

#contentright {
	width:600px;
	height:290px;
	margin-top:2%;
	margin-left:2%;
	float:left;
	position:relative;
	}

#videomaster {
	width:600px;
	height:290px;
	margin:0px;
	}

#vidinner {
	float:left;
	position:relative;
	width:384px;
	height:288px;
	}

.vidstuff {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#66CCFF;
	font-weight:bold;
	text-align:left;
	margin-left:5px;
	margin-top:10px;
	width:200px;
	float:left;
	position:relative;
	}

#contenttext a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000033;
	text-decoration:none;
	}

#contenttext a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000033;
	text-decoration:underline;
	}

#bottomrail {
	width:900px;
	height:100px;
	position:relative;
	float:left;
	}

#navigation {
	width:850px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	}

.toes {
	width:150px;
	height:50px;
	margin-top:5px;
	margin-left:16px;
	float:left;
	position:relative;
	filter:alpha(opacity=15);
	-moz-opacity:.15;
	opacity:.15;
	border:none;
	}

.toes:hover {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	border:none;
	}

#legal {
	width:850px;
	height:20px;
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-width:bold;
	color:#00CCFF;
	text-align:center;
	filter:alpha(opacity=22);
	-moz-opacity:.22;
	opacity:.22;
	}

#legal a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-width:bold;
	color:#00CCFF;
	text-decoration:none;
	}

#legal a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-width:bold;
	color:#00CCFF;
	text-decoration:underline;
	}