/* CSS Document */
html, body {background:url(img/bg_gradient.jpg) #005191 repeat-x top left; text-align:center; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:150%; margin:0px; padding:0px;}
a, a:link, a:visited, a:active {text-decoration:none; color:#005191;}
a:hover {text-decoration:underline; color:#005191;}
ul {padding:0px 0px 0px 25px; margin:0px;}
li {list-style-image:url(img/bullet.gif)}
p {margin:0px 0px 15px 0px; padding:0px;}
h1, h2, h3, h4, h5, h6 {padding:0px; margin:0px 0px 5px 0px; font-weight:normal;}
h1 {font-size:18px; color:#333;}
h2 {font-size:16px; color:#005191;}
h3 {font-size:14px; color:#333; font-weight:bold;}
h4 {font-size:12px; color:#005191; font-weight:bold;}
h5 {font-size:10px; font-style:italic;}

#wrapper {width:864px; position:relative; margin:0px auto;}

.leftGradient {background:url(img/left_gradient.jpg) no-repeat top left; width:32px; height:768px; position:absolute; left:0px; top:0px;}
.container {width:800px; position:absolute; left:32px; top:0px; text-align:left; background:url(img/container_gradient.jpg) #adadad repeat-x top left;}
.rightGradient {background:url(img/right_gradient.jpg) no-repeat top left; width:32px; height:768px; position:absolute; top:0px; right:0px;}

.topHeader {position:absolute; top:15px; right:48px; width:500px; text-align:right; color:#666; line-height:16px; font-size:10px;}

#mainNav {width:800px; position:relative; height:46px;}
#mainNav a {display:block; height:46px; background:no-repeat top left; position:absolute; top:0px;}

	#homeButton a {width:158px; background:url(img/nav/home.gif); left:0px;}
	#homeButton a:hover, #homeButton a.active {background:url(img/nav/home_over.gif);}
	
	#aboutButton a {width:164px; background:url(img/nav/about.gif); left:158px;}
	#aboutButton a:hover, #aboutButton a.active {background:url(img/nav/about_over.gif);}
	
	#productsButton a {width:154px; background:url(img/nav/products.gif); left:322px;}
	#productsButton a:hover, #productsButton a.active {background:url(img/nav/products_over.gif);}
	
	#servicesButton a {width:152px; background:url(img/nav/services.gif); right:172px;}
	#servicesButton a:hover, #servicesButton a.active {background:url(img/nav/services_over.gif);}
	
	#contactButton a {width:172px; background:url(img/nav/contact.gif); right:0px;}
	#contactButton a:hover, #contactButton a.active {background:url(img/nav/contact_over.gif);}
	
.content {padding:15px;}

.leftColumn {width:160px; float:left; margin:0px 0px 0px 20px; padding:0px; font-size:10px; line-height:12px;}
.leftColumn ul {margin:0px; padding:0px;}
.leftColumn li {list-style:none; margin-bottom:10px;}

.rightColumn {width:500px; float:left; margin:0px 0px 0px 20px; border-left:1px solid #999; padding:0px 0px 0px 30px;}

.footer {text-align:center; width:800px; color:#666; line-height:20px; font-size:10px; padding:60px 0px 20px 0px; clear:both;}

.bar {color:#ccc;}
.padding1 {padding:10px 20px 20px 20px;}
.floatleft {float:left;}
.floatright {float:right;}
.width150 {width:150px;}
.caption {text-align:center; font-size:10px; line-height:125%;}
.border-top {border-top: 1px solid #999; padding-top:20px; margin-top:10px;}
.textbanner {padding:10px; background-color:#ccc; border:1px solid #aaa;}