<!--
body {
	background-image: url();
	background-repeat: no-repeat;
	background-color: #333333;
	font-family: verdana;
}

/* hypertext links */

a:link {
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
}
a:visited {
	text-decoration: none;
	color: #999999;
	font-weight: bold;
	font-size: 100%;
}
a:hover {
	text-decoration: none;
	color: #ffffff;
}
a:active {
	text-decoration: none;
	color: #ffffff;
}
a {
	font-family: verdana;
	font-size: 80%;
}

#content {
	clear: left;
}

/* font classes */
.style18 {
	background-image: url();
	background-color: #000000;
}

.style20 {
color: #ffffff;
font-family: verdana;
font-size: 80%;
font-weight: normal;
}
.style21 {
color: #ffffff;
font-family: verdana;
font-weight: bold;
}
.style22 {
color: #aeaeae;
font-family: verdana;
font-weight: normal;
font-size: 100%;
}
.style23 {
color: #ffffff;
font-family: verdana;
font-weight: normal;
}
.style24 {
color: #cccccc;
font-family: verdana;
font-size: 100%;
font-weight: normal;
text-decoration: none;
}
.style25 {
font-family: verdana;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
text-decoration: none;
}
.style26 {
font-family: verdana;
	color: #ffffff;
	font-weight: bold;
	font-size: 90%;
text-decoration: none;
}
.style27 {
background-image: url(background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-color: #aeaeae;
}
.style28 {
color: #cccccc;
font-family: verdana;
font-weight: normal;
font-size:80%;
}
.style29 {
color: #ffffff;
font-family: verdana;
font-weight: normal;
font-size:100%;
}
.style30 {
color: #ffffff;
font-family: verdana;
font-weight: normal;
font-size:110%;
}
.style31 {
color: #aeaeae;
font-family: verdana;
font-weight: normal;
font-size:110%;
}
.style32 {
	color: #aeaeae;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
	}
.style33 {
color: #ffffff;
font-family: verdana;
font-weight: normal;
font-size:90%;
}
.style34 {
color: #ffffff;
font-family: verdana;
font-size: 9pt;
font-weight: normal;
text-decoration: none;
}
.style35 {
font-family: verdana;
	color: #aeaeae;
	font-weight: bold;
	font-size: 90%;
	font-style: italic;
}
u.style36 {
color: #990000;
font-family: verdana;
font-weight: normal;
font-size: 100%;
text-decoration:overline;
}
u.style37 {
color: #009900;
font-family: verdana;
font-weight: normal;
font-size: 100%;
text-decoration:overline;
}
u.style38 {
color: #000099;
font-family: verdana;
font-weight: normal;
font-size: 100%;
text-decoration:overline;
}
.style39 {
color: #ffffff;
font-family: verdana;
font-weight: normal;
font-size: 100%;
}

.style40 {
color: #aeaeae;
font-family: verdana;
font-weight: bold;
font-size: 200%;
}

H1 {
font-size:105%;
color:#ffffff;
font-family: verdana;
font-weight: bold;
}
H2 {
font-size:105%;
color:#ffffff;
font-family: verdana;
font-weight: bold;
margin-top:-5px;
}
H3 {
font-size:105%;
color:#ffffff;
font-family: verdana;
font-weight: bold;
margin-top:-5px;
}

/* main menu */

		#navlist, #navlist ul {
			display: block;
			list-style: none;
			padding: 0;
			margin: 0 auto;
		}

		#navlist li {
			float: left;
			width: 80px;
			height:20px;
			padding:2px;
			margin: 0 auto;
		}

		#navlist li a {
			text-decoration: none;
			width: 90px;
			height:20px;
			padding:5px;
			font-size:9pt;
			font-family:verdana;
			text-align:center;
			line-height:28px;
			display:block;
			color:#cccccc;
		}

		#navlist li#sub a {
			text-decoration: none;
			width: 80px;
			height:20px;
			padding:5px;
			font-size:9pt;
			font-family:verdana;
			text-align:center;
			line-height:18px;
			display:block;
			color:#cccccc;
		}

		#navlist li a:hover {
			font-size:10pt;
			font-weight:bold;
			color:#ffffff;
		}

		#navlist li#sub a:hover {
			font-size:10pt;
			font-weight:bold;
			color:#ffffff;
		}

#navlist li ul { /* second-level lists */
display:none;
}
#navlist li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#navlist li:hover ul, #navlist li li:hover ul, #navlist li.sfhover ul, #navlist li li.sfhover ul { /* lists nested under hovered list items */
	display:block;
	height:100%;
}

/* page top divs */

#heading {
margin-left:auto; margin-right:auto; width:959px; text-align:left; margin-top:1px; 
}
#headwrap {
clear:both; overflow:hidden;font-size:14px; padding-top:1px;
}
.menu {
float:right; width:505px; height:90px; 
}
.menu_port {
float:right; width:505px; height:112px; 
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

/* portfolio description divs */
div#div0 {position:relative;}
div#div1 {position: absolute; top: 0; left: 0; margin-left:63px; font-family: verdana; color: #ffffff; font-weight: bold; font-size: 80%; visibility:hidden;}
div#div2 {position: absolute; top: 0; left: 0; margin-left:45px; font-family: verdana; color: #ffffff; font-weight: bold; font-size: 80%; visibility:hidden;}
div#div3 {position: absolute; top: 0; left: 0; margin-left:65px; font-family: verdana; color: #ffffff; font-weight: bold; font-size: 80%; visibility:hidden;}
div#div4 {position: absolute; top: 0; left: 0; margin-left:50px; font-family: verdana; color: #ffffff; font-weight: bold; font-size: 80%; visibility:hidden;}
div#div5 {position: absolute; top: 0; left: 0; margin-left:40px; font-family: verdana; color: #ffffff; font-weight: bold; font-size: 80%; visibility:hidden;}
div#div6 {position: absolute; top: 0; left: 0; margin-left:40px; font-family: verdana; color: #ffffff; font-weight: bold; font-size: 80%; visibility:hidden;}

/* page spacing class */

.spacer5 {
width:955px; padding-top:5px;
}
.spacer20 {
width:955px; padding-top:20px;
}
.spacer50 {
width:955px; padding-top:50px;
}
.spacer200 {
width:955px; padding-top:200px;
}

/* page bottom divs and class */

#base {
margin-left:auto; margin-right:auto; height:175px; text-align:left; margin-bottom:10px; margin-top:10px; 
}
.menu_bottom {
float:left; width:460px; text-align:left; padding-top:130px; padding-left:40px; font-size:80%;  
}
.copyright {
float:right; width:430px; text-align:right; color:#FFFFFF; padding-top:130px; padding-right:40px; font-size:80%;
}

/* RGB logo */

.content {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	background-attachment: fixed;
	 border:#000000;
}

.red {
	padding:10px 20px 10px 50px;
	background-image: url(background_portfolio.gif);
	height:170;
}
.red_port {
	padding:10px 20px 10px 50px;
	background-image: url(background-top-port.gif);
	height:112;
}
.green {
	padding:10px 20px 10px 200px;
	background-image: url(background-mid.gif);
}
.blue {
	padding:10px 20px 10px 200px;
	background-image: url(background-bot.gif);
}
.rgb {
	padding:10px 20px 10px 50px;
	background-image: url(background_portfolio.gif);
	height:170;
}

.rgb_port {
	padding:10px 20px 10px 50px;
	background-image: url(background-top-port.gif);
	height:112;
}

.port {
padding-left:70px;
}

/* links page */

.alignleft {
float: left;
}
.alignright {
float: right;
padding-right:40px;
}

-->