html, body {
	margin: 0px;
	padding: 0px;
	
	text-align: justify;
	font-family: Verdana;
}

p {
	font-size: 11px;
}

h1 {
	font-weight: bold;
	font-size:16px;
}

h2, h3, h4 {
	font-weight: normal;
	font-size:14px;
}

a {
	color: #CC0000;
}
a:hover { color: #333366; }
li { padding-top: 2px; text-align: left; }

body {
/*	background: white 35% bottom url('backgrounds/12.jpg') repeat;
	background: white center bottom url('backgrounds/lines.gif') repeat;	*/
	padding-top: 15px;
	padding-bottom: 15px;
	
	background: center center url('backgrounds/ripples.jpg') repeat;
}

#pageouter {
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 600px;
	margin-left: auto;
	margin-right: auto;


/*
	background: white center center url('backgrounds/12a.jpg') repeat !important;
	background: none;
*/
}


#pageinner {
	
/*	background: center top url('backgrounds/bluestrip50.png') repeat-y !important;;
	background: url('backgrounds/blue15.png') repeat !important;
	background: center center url('backgrounds/12a-ie.jpg') repeat;	*/

}

#page {
	padding-bottom: 94px; /* include the top position of 70px */
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 68px;
/*
	background: url('backgrounds/blue75.png') repeat;
*/
	background: center top url('headings/bluesky.gif') no-repeat;

	border-bottom: 2px solid white;
}

#nav {
	position: absolute;
	top: 70px;
	left: 0px;
	
	width: 485px;
	height: 21px;
	
	z-index: 6;

/*
	border-top: 1px solid #5da9dd;
	border-bottom: 1px solid #5da9dd;
*/
	margin-bottom: 1px;
	
	background: left top url('nav/back.jpg') no-repeat;
}

#nav ul { margin: 0px; padding: 0px; }
#nav ul li { padding: 0px; display: block; font-size: 10pt; text-transform: uppercase; float: left; font-weight: bold; letter-spacing: 1px; margin-top: 2px; border-left: 1px solid #666666; }
#nav ul li a { display: block; padding-top: -1px; padding-left: 10px; padding-right: 10px; color: white; text-decoration: none; }
/*
#nav ul li a.selected { color: #666666; background: url('nav/navback-hover.gif') center left repeat-x;}
#nav ul li a:hover { color: #666666; background: url('nav/navback-hover.gif') center left repeat-x;}
*/
#nav ul li a.selected { color: #333333; }
#nav ul li a:hover { color: #666666; }
#nav ul li.first { border-left-width: 0px; }
#nav ul li.first a { padding-left: 8px; }
#nav ul li.last { }

#logo {
	position: absolute;
	right: 10px;
	top: 10px;
	
	width: 100px;
	height: 113px;
	
	z-index: 5;

	background: url('../images/logo100.png') top right no-repeat !important;
	background: url('../images/logo100.gif') top right no-repeat;
}

#logo img { display: none; }

#contentouter {
	position: relative;
/*	top: 72px;	*/
	top: 91px;
	left: 0px;
	
	background-color: #d3e8f4;
	clear: both;
	
	padding-bottom: 24px;
}

#content {
	position: relative;
	top: 0px;
	left: 0px;

	padding: 20px;
	padding-top: 0px;
	
	z-index: 2;

	border-top: 2px solid white !important;
	border-top: none;
/*
	border-left: 2px solid #CC0000;
	border-bottom: 2px solid #6699CC;

	background: url('logo/logo10.png') center 100px no-repeat !important;
	background: url('logo/logo10.gif') center 100px no-repeat;
*/
	background: url('backgrounds/logoblue.jpg') center 10px no-repeat;
}

#content h1 {
	display: block;
	width: 300px;
	height: 23px;

	padding: 5px 20px;
	padding-left: 40px;

	margin-left: -20px;
	margin-right: 20px;
	margin-top: 0px;
	
	text-transform: uppercase;
	letter-spacing: 0.5pt;
	
	color: white;
	background: url('headings/redheader.png') right center no-repeat !important;
	background: url('headings/redheader.gif') right center no-repeat;
}

#content h2 {
	padding-left: 20px;
	color: #CC0000;
	font-weight: bold;
}

#content h4 {
	padding-left: 20px;
	color: #CC0000;
	font-weight: bold;
}

#content p {
	padding-left: 20px;
}

#content p span { color: #CC0000; }

#content br.first {
	display: hidden;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

#content br.last {
	display: hidden;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}
#content img.right {
	position: relative;
	top: 0px;
	right: 0px;
	
	float: right;
	clear: both;
	margin-left: 10px;
	margin-bottom: 10px;
}

#content img.left {
	position: relative;
	top: 0px;
	left: 0px;
	
	float: left;
	clear: both;
	margin-right: 10px;
	margin-bottom: 10px;
}

#content img.map {
	padding-left: 20px;
}

#content table.products {
	width: 100%;
/*	border: 1px dotted gray;	*/
}

#content table.products td {
	vertical-align: top;
/*	border: 1px dotted red;		*/
	border-bottom: 1px dotted red;
	border-left: 1px dotted red;
	width: 20%;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* #content table.products tr td:first-child {	*/
#content table.products td {
	vertical-align: middle;
}

#content table.products td.last {
	border-right: 1px dotted red;
}

#content table.products h4 {
	padding-left: 0px;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#content table.products p {
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#content table.products p b {
/*	white-space: nowrap;	*/
}

#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	
	border-top: 2px solid white;
	height: 18px;
	width: 100%;
	clear: both;
	z-index: 2;
	
	text-align: center;
	background-color: blue;
	background: left top url('footer/back.jpg') no-repeat;
}

#footer p {
	display: block;
	width: 100%;
	height: 24px;
	
	font-size: 10pt; text-transform: uppercase; 
	font-weight: bold; letter-spacing: 1px; margin-top: 3px;
	
	color: white;
}

p:first-child { 
	margin-top: 0px;
	padding-top: 0px;
}

#email {
	position: absolute;
	right: 10px;
	top: 10px;
	
	width: 100px;
	height: 113px;
	
	z-index: 30;
}

#email a { 
	display: block;
	width: 100px;
	height: 113px;
}

#email p { display: none; }
#pageouter #pageinner #page #contentouter #content ul li a {
	font-size: 12px;
}