@charset "utf-8";
/* CSS house of kolor Document */
h1,h2,h3,h4,h5,h6,p,ul,li,a,td{font-family:Arial, Helvetica, sans-serif}
h1{color:#F00;font-size:1.2em;text-align:center;}
h5{color:#F00;font-size:0.9em;}
p{color:#CCC;font-size:0.9em;text-align:justify;padding-left:50px;padding-right:50px;font-weight:bold;}
/* ul {font-family:Arial,sans-serif; font-size:0.7em;}
 li{font-family:Arial,sans-serif; font-size:1em; color:#ff0033;}*/
body{margin:0;padding:0;background-color:#000;}
html{margin:0;padding:0;}
td{color:#CCC;font-size:0.8em;}
#wrap{width:960px;margin-left:auto;margin-right:auto;}
/*revised main nav rules*/

#nav ul{
	list-style:none;
	padding:0;
	margin:0;
		}
#nav li{float:left;white-space:nowrap;background-color:#666;margin-right:4px; font-weight:bold;list-style:none;}
#nav a{font-size:1.2em;}
#nav a:link, #nav a:visited {display:block;color:#f00;background-color:transparent;text-decoration:none;padding-left:14px;padding-right:14px;padding-top:3px;padding-bottom:3px;}
#nav a:hover {
	background-color:#ccc;
	color:#FF00FF;
}
/* below tab changes in line with body id, need to change each page body id*\*/
body#home li.home{	color:#f00;	background-color:#000;}
body#about li.about{color:#f00;	background-color:#000;}
body#tech li.tech{color:#f00;	background-color:#000;}
body#video li.video{color:#f00;	background-color:#000;}
body#home li.home a:link,body#home li.home a:visited{color:#ff00ff;background-color:#000;}
body#about li.about a:link,body#about li.about a:visited{color:#FF00FF;background-color:#000;}
body#tech li.tech a:link,body#tech li.tech a:visited{color:#FF00FF;background-color:#000;}
body#video li.video a:link,body#video li.video a:visited{color:#FF00FF;background-color:#000;}
/* ends revised nav*/

/*tech data*/
#leftcol {width:250px;float:left;margin-left:50px;font-size:1em;}
#cntrcol{width:250px; float:left;margin-right:20px;margin-left:50px;}
#rghtcol{width:250px;float:left;margin-left:50px;}

.center{text-align:center;}
.red{color:#F00;font-weight:bold;}
.mauve{color:#F0F;}
a {font-size:1em;}
a:link {color: #cccccc; background-color: transparent; text-decoration: none;}
a:visited{color: #cccccc; background-color: transparent; text-decoration: none;}
a:hover {color: #FF00FF; background-color: transparent; text-decoration: none;}
a:active{color: #cccccc; background-color: transparent; text-decoration: none;}
/*footer*/
a.footernav  { font-family:Arial,sans-serif;font-weight:bold; font-size: 0.7em; color: #cccccc;}
a.footernav:link {color: #cccccc; background-color: transparent; text-decoration: none;}
a.footernav:visited{color: #cccccc; background-color: transparent; text-decoration: none;}
a.footernav:hover {color: #FF00FF; background-color: transparent; text-decoration: none;}
a.footernav:active{color: #cccccc; background-color: transparent; text-decoration: none;}