/*
			Aqua Clear
			StyleSheet
			For Screen *default for print
			Version 1
			
			Nathan Olds, Innate Web Design, nate@innateservices.com		
		*/		
		
		
						
		/*----------------- BASIC TAGS       */		
		.nocss {display:none;}
		body, ul, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd {padding:0;margin:0;}
		ul, dl, p, h1, h2 ,h3, h4 {margin-bottom:10px;}
		p {text-align:left;font-size:14px;}
		ul, ul li {text-align:left;font-size:14px;list-style-type:none;}
		ol, ol li {text-align:left;font-size:14px;}
		h1 {font-size:20px;}
		h2 {font-size:18px;}
		h3 {font-size:16px;}
		h4 {font-size:14px;}
		h5 {font-size:10px;}
		h6 {font-size:8px;}
		
		img {border:0px;}	
		a 			{color:#660000;		text-decoration:none;		}
		a:hover 	{color:#660000;		text-decoration:underline;	}
		
		
		table {padding:0;margin:0;}
		tr {}
		td {vertical-align:top;text-align:center;padding:0;margin:0;border:0;}
		
		
		
		/*---------------- STRUCTURE          */
		
		body 
		{			
			font:16px  "Helvetica", "Arial", "Verdana", Helvetica, sans-serif;		
			background-color:#ffffff;
		}
		
		/* center wrapper for for IE */
		* html body {text-align:center;}
		
		#wrapper
		{
			position:relative;
			width:760px;
			margin:0px auto 0px auto;
			text-align:left;	
			padding:0px 25px 0px 25px;
			min-height:400px;
			
			background:transparent url(../img/wrapper.jpg) left top repeat-y;
			
			
		}
				
		* html #wrapper
		{
			
		}
		
		
				
		
		/*---------------- HEADER          */
		{
			position:relative;
			width:750px;
			min-height:210px;
			height:210px;	
			background:transparent url(../img/header.jpg) left top no-repeat;
		}		
		
		
		* html #header
		{			
			width:750px;		
		}		
		
		#header .companytitle
		{
			float:left;	
			margin-bottom:0px;				
		}
		
		#header .companytitle a
		{
			background:#ffffff url(../img/companytitle.jpg) center top no-repeat;
			display:block;
			width:200px;
			height:25px;
			
		}
		
		#header .companytitle a:hover
		{
			text-decoration:none;
			
		}
		
		#header .companytitle a span
		{
			visibility:hidden;
			
		}
		
		#header .companyinfo
		{
			float:left;
			clear:left;
			color:#999999;
			font-weight:normal;
			font-size:12px;
			text-align:left;		
			
		}
		
			
		
		
		
		/*---------------- NAV          */
		#header ul.nav
		{
			width:400px;
			margin-left:300px;
			text-align:right;
			position:relative;
			vertical-align:top;
			
		}	
		
		* html #header ul.nav
		{
			width:375px;
			text-align:center;
			height:75px;
			padding-left:30px;			
			margin-left:0px;
			
		}	
		
		#footer ul.nav
		{
	
			text-align:center;
			
		}			
		
		.nav li
		{
			display:table-cell;		
			width:75px;
			height:30px;
			text-align:center;
			
			
		}		
		
		* html #header .nav li
		{
			float:left;
		}	
		
		#footer .nav li
		{
			display:inline;		
			text-align:center;
			padding:0px 20px 0px 20px;
			
			
		}		
		
		.nav li a
		{
			text-transform:uppercase;
			font-size:12px;
		}		
		
		
						
		#header ul.nav li a span
		{
			font-size:4px;
			visibility:hidden;
		}
		
		#header ul.nav li a
		{
			display:block;
			height:50px;
			width:75px;
		}
		
		#header ul.nav li a:hover
		{
			text-decoration:none;
		}
				
		#header ul.nav li.nav-home a
		{
			background:#ffffff url(../img/nav-home.jpg) center top no-repeat;			
		}
		
		#header ul.nav li.nav-products a
		{
			background:#ffffff url(../img/nav-products.jpg) center top no-repeat;			
		}
		
		#header ul.nav li.nav-contact a
		{
			background:#ffffff url(../img/nav-contact.jpg) center top no-repeat;			
		}
		
		#header ul.nav li.nav-resources a
		{
			background:#ffffff url(../img/nav-resources.jpg) center top no-repeat;			
		}
		
		#header ul.nav li.nav-about a
		{
			background:#ffffff url(../img/nav-about.jpg) center top no-repeat;			
		}
		
		
		
		
		#header ul.nav li.nav-home a:hover
		{
			background:#ffffff url(../img/nav-home-blue.jpg) center top no-repeat;			
		}
		
		#header ul.nav li.nav-products a:hover
		{
			background:#ffffff url(../img/nav-products-blue.jpg) center top no-repeat;			
		}
		
		#header ul.nav li.nav-contact a:hover
		{
			background:#ffffff url(../img/nav-contact-blue.jpg) center top no-repeat;			
		}
		
		#header ul.nav li.nav-resources a:hover
		{
			background:#ffffff url(../img/nav-resources-blue.jpg) center top no-repeat;			
		}
		
		#header ul.nav li.nav-about a:hover
		{
			background:#ffffff url(../img/nav-about-blue.jpg) center top no-repeat;			
		}
		
		
				
		
		
		/*---------------- FOOTER          */
		#footer
		{
			
			background:#ffffff url(../img/footer-bk.jpg) -27px -5px no-repeat;
			padding:30px 30px 0px 30px;
			min-height:100px;
			height:100px;
			clear:both;
		}
		
		#footer #copyright
		{
			display:block;
			margin-bottom:5px;
			font-size:12px;
			text-align:center;
			color:#666666;
		}
		
		#footer h5
		{
			font-size:12px;
			text-align:center;
			color:#666666;
		}
				
		
		/*---------------- CONTENT          */
		#content
		{
			clear:both;
			min-height:600px;
		}	
		
		body.default #content
		{
			background:transparent url(../img/watermark.jpg) center bottom no-repeat;	
		}	
		
		
		/*---------------- WELCOME		*/
		#welcome
		{
			width:350px;
			margin-left:19px;
			float:left;
		}
		
		* html #welcome
		{
			margin-left:11px;
			
		}
		
		#welcome p img
		{
			float:left;
			margin-right:15px;
			margin-bottom:15px;
		}
		
		#welcome p 
		{
			font-size:16px;
			line-height:20px;
		}
		
		#welcome p span.section
		{
			font-size:16px;
			color:#003366;
			font-variant:small-caps;
			
		}
		
		#welcome p:first-line
		{
			font-size:16px;
			color:#003366;
			
			font-variant:small-caps;
			
			
		}
		
		/*---------------- ACTIONBAR          */
		#actionbar
		{
			background:transparent url(../img/contact-bk.jpg) 0px 0px no-repeat;
			margin-left:370px;
			width:240px;
			min-height:350px;
			padding:30px 75px 30px 25px;
				
		}	
		
		* html #actionbar
		{
			height:650px;
			margin-left:0px;
			width:300px;
			
		}	
		
		
		/*---------------- NEWS          */
		#news
		{
			background:transparent url(../img/news.jpg) center top no-repeat;
			float:left;
			width:300px;	
			margin-left:18px;
			margin-top:10px;
			clear:left;
				
		}	
		
		* html #news
		{
			margin-left:10px;
			
		}
		
		#news h5.more
		{
			text-align:center;
		}
		
		#news .newslist
		{
			margin:18px 10px 10px 10px;
		}
		
		h5.releasedate
		{
			font-size:12px;
			color:#333333;
			font-weight:normal;
			margin-bottom:0px;
		}
		
		h3.title
		{
			font-size:18px;
			margin-bottom:0px;
		}
				
		p.short
		{
			font-size:16px;
			color:#333333;
			margin-bottom:10px;
		}
		
		/*---------------- ACTIONLIST          */
		
		#actionlist
		{
			min-height:275px;
			color:#ffffff;
		}
		
		* html #actionlist
		{
			height:285px;
		}
		
		#actionlist li
		{
			min-height:75px;
			padding-left:80px;
			background:transparent url(../img/actionlist-image.jpg) left top no-repeat;
		}
		
		#actionlist li#action-products
		{
			background:transparent url(../img/icon-products.jpg) left top no-repeat;
		}
		
		#actionlist li#action-contact
		{
			background:transparent url(../img/icon-contact.jpg) left top no-repeat;
		}
		
		#actionlist li#action-location
		{
			background:transparent url(../img/icon-location.jpg) left top no-repeat;
		}
		* html #actionlist li
		{
			height:75px;			
		}
		
		#actionlist li a
		{
			color:#ffffff;
			text-decoration:underline;
		}
		
		#actionlist li h3
		{
			margin-bottom:0px;
			font-family:"Bank Gothic", Arial, Helvetica, sans-serif;
			font-weight:normal;
		}
		
		
		/*---------------- SLIDESHOW          */
		
		#slideshowcase
		{
			min-height:250px;
			color:#666666;
			padding:10px 30px 0px 30px;
			text-align:center;
			clear:both;
		}
		
		body.products #slideshowcase
		{
			min-height:250px;
			width:320px;
			float:right;
			color:#666666;
			padding:10px 30px 0px 30px;
			text-align:center;
			clear:none;
		}
		
		#slideshowcase li
		{
			display:none;
			margin:auto;
			width:300px;
			height:250px;
			
		}
		
		#slideshowcase li.current
		{
			display:block;
		}
		
		#slideshowcase li img
		{
			width:275px;
			height:200px;
			border:1px solid #cccccc;
			display:block;
			
		}
		
		#slideshowcase li span.caption
		{
			display:block;
			text-align:center;
			font-style:italic;
			margin-bottom:0px;
			margin-top:5px;
			
		}
		
		#page
		{
			margin:0px 50px 50px 75px;
		}
		
		#page dl
		{
			margin:10px 30px 10px 30px;
		}
		
		#page dl dt
		{
			font-size:18px;
		}
		
		#page dl dd
		{
			margin:0px 10px 25px 10px;
			font-style:italic;
			font-size:14px;
			color:#333333;
		}
		
		#page h2
		{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:20px;
			font-weight:normal;
			color:#003366;
		}
		
		#page #emailform
		{
			float:right;
			color:#FFFFFF;
			background:transparent url(../img/contact-bk.jpg) 0px 0px no-repeat;
			width:250px;
			min-height:600px;
			padding:30px 75px 30px 25px;
		}
		
		#page #emailform label
		{
			color:#FFFFFF;
			font-size:12px;
			
			margin:5px 0px 0px 0px;
			padding:0px;
		}
		
		#page #emailform span.optional
		{
			color:#FFFFFF;
			font-size:12px;
		}
		
		#page #emailform input
		{
			border:1px solid #003366;
			margin-bottom:10px;
			width:200px;
		}
		
		#page #emailform input.button
		{
			border:1px solid #ffffff;
			background-color:#003366;
			color:#ffffff;
			margin-bottom:0px;
			width:75px;
		}
		
		#page #emailform textarea
		{
			border:1px solid #003366;
			margin-bottom:10px;
			height:100px;
			width:200px;
		}
		
		#page #productlist
		{
			margin: 0px 0px 0px 20px; 
		}
		
		#page #productlist h4
		{
			font-size:16px;
			margin: 20px 0px 0px 0px; 
			color:#660000;
		}
		
		#page #productlist p
		{
			font-size:14px;
			margin: 0px 0px 0px 10px; 
		}
		
		#page dl.contactlist dt
		{
			font-weight:bold;
			font-size:16px;
			margin-left:0px;
			padding-left:0px;
			
		}
		
		#page dl.contactlist dd
		{
			font-size:14px;
			font-style:normal;
			margin-left:0px;
			padding-left:0px;
		}
		
		#page dl.contactlist
		{
			margin-left:0px;
		}
		
		#page div.pictures
		{
			width:250px;
			margin-right:15px;
			float:left;
		}
		
		#page div.pictures img
		{
			border:1px solid #cccccc;
			margin-bottom:5px;
			width:250px;
		}