html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(imgs/grad.jpg);
	background-repeat:repeat-x;
	background-color:#999999;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
} 
 
#pagewidth{ 
 width:800px;
 background-color:#FFFFFF; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:135px; 
  background-color:#FFFFFF; 
 width:800px;
} 
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:800px; 
 }
 
#nav{
 position:relative; 
 height:44px;  
 width:770px;
 margin: 50px 10px 0px 0px;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#navs li a {
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	}
#navs li a:hover {
	color: #6699CC;
	}
#navs li a.active {
	font-weight: bold;
	color: #333333;
	}

a{
color:#003399;
}
a:hover{
color:#FF9900;
}
 
#pic{
 position:relative;
 float:left;   
 width:519px;
 left:12px;
}

#feature{
	position:relative;
	float:right;
	display:inline;
	height:478px;
	width:239px;
	right:12px;
	background-image:url(imgs/feature.jpg);
}
 
#featuretext{
	position:relative;
	height:425px;
	width:224px;
	left:10px;
	top:40px;
}

#featureSpacer1{
	height:85px;
	width:224px;
}

#featureSpacer2{
	height:85px;
	width:224px;
}

#featureSpacer3{
	height:85px;
	width:224px;
}

#featureSpacer4{
	height:85px;
	width:224px;
}

#featureSpacer5{
	height:85px;
	width:224px;
}

.links{
text-decoration:none;
color:#333333;
}

.links:hover{
text-decoration:underline;
color:#FF9900;
}

.work{
font-size:75%;
}

.featurePic{
border-color:#333333;
color:#333333;
margin-right:5px;
}

#mainarea{
	position:relative;
	width:519px;
	height:70px;
	top:15px;
}

.title{
	position:relative;
	width:480px;
	height:30px;
	top:15px;
	left:12px;
}

.titles{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight:normal;
	color: #FF9900;
	letter-spacing:-1px;
}

.titles2{
	font-size:110%;
	font-weight:bold;
	color:#666666
}

.titles3{
	font-size:110%;
	font-weight:bold;
	color:#000033;
}

#maintext{
	position:relative;
	width:519px;
}

.textmain{
margin-left:12px;
margin-right:12px;
}

#mainbottom{
	position:relative;
	width:519px;
	height:21px;
}

#footer{
	position:relative;
	clear:both;
	width:800px;
	height:30px;
	background-color:#FFFFFF;
}

#footerleft{
	position:relative;
	float:left;
	left:12px;
	top:12px;
}

.footleft{
font-size:75%;
}

#footeright{
	position:relative;
	float:right;
	display:inline;
	width:75px;
	top:12px;
}

.footright{
font-size:75%;
text-decoration:none;
color:#666666;
}

.footright:hover{
font-size:75%;
text-decoration:none;
color:#FF9900;
}

.rules{
	color: #cccccc;
	background-color: #cccccc;
}

#serviceslist { list-style-image: url(imgs/arrow.gif); }

 /* *** Float containers fix: *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */