/* General Page Formating */

* {
	margin: 0;
	padding: 0;
	border: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

ol {
	padding-left: 40px; padding-right: 20px;
}

h2 {
	padding-left: 10px;
}

h3 {
	padding-left: 10px;
}

a:link, a:visited, a:active {
	text-decoration:none; 
	color: #CC0000;
} 

a:hover{ 
	text-decoration: underline; 
	color: #CC0000;
}

td {
	border: thin solid #000000 inset;
	border-collapse: collapse;
	border-width: 1px;
	border-top: none;
	border-right: none;
}

hr { 
clear:both; 
display:block; 
visibility:hidden;} 

p.subtitle {
font-size: 14px;
color: #c0362c;
font-weight: bold;

}

ul {
	Padding-left: 20px;
}


p#top {
	float: right;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 5px;
}

	
p.callout {
	float: left;
	font: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	left: 8px;
	top: 366px;
	font-weight: bold;
	font-size: 10px;
	width: 150px;
}

p.callout2 {
	float: left;
	color: #c0362c;
	font: ;
	position: absolute;
	left: 25px;
	top: 343px;
	font-weight: bold;
	font-size: 13px;
	width: 115px;
	
}

p {
padding: 5px 10px 0px 10px;
}


img.logo {
	float: left;
	clear: both;
	}

img.callout {
	border-top: thin solid #c0362c;
	
}

/* End General Page format */

/* Begin DIVs */
#container {
	margin: 0 auto;
	position: relative;
	width: 768px;
	_width: 768px;
	top: 12px;
	background: url(../images/background.gif) repeat-y;
	
}

#banner {
	float: left;
	width: 764px;
	position: relative;
	background: #FFFFFF;
	}

#middle {
	position: relative;
	float: left;
	width: 424px; 
	margin-left: -2px;
	margin-right: 2px;
	background: #FFFFFF;
	border-top: thin solid #c0362c;
}

#right {
	position: relative;
	float: left;
	width: 170px;
	background: #f0f0f0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 6px;
	letter-spacing: -1px;
	
	
}

#footer {
	background: #FFFFFF;
	text-align: center;
	position: relative;
	float: left;
	width: 764px;
	padding: 3px 0px 3px 0px;
	margin-bottom: 5px;

}

/* End DIVS */




/* Begin top text nav */
#supnav {
		background: #999999;
		width: 764px;
		height: 18px;
		float: left;
		position: relative;
		clear: left;
		padding: 3px 0px 3px 0px;
}

#supnav a:link, #supnav a:visited, #supnav a:active {
	text-decoration:none; 
	color: #FFFFFF;
} 

#supnav a:hover{ 
	text-decoration: underline; 
	color: #FFFFFF;
}

/* End top text nav */

/* Begin Bottom Text Nav */

#infnav {
		background: #999999;
		width: 764px;
		height: 18px;
		float: left;
		position: relative;
		color: #FFFFFF;
		text-align: center;
		padding: 3px 0px 8px 0px;
}
#infnav a:link, #infnav a:visited, #infnav a:active {
	text-decoration:none; 
	color: #FFFFFF;
} 

#infnav a:hover{ 
	text-decoration: underline; 
	color: #FFFFFF;
}


/* End bottom text nav */


/* Begin Main Nav */

#navMain {
	height: 248px;
	width: 170px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	background-color: #c0362c;

	
}
#navMain #nav{
	margin: 0;
	padding: 0;
	left: 0;
	height: 248px;
	width: 170px;
	background: transparent url(../images/navigation.gif) top left no-repeat;
	position: relative;
	border-top: thin solid #CC3300;

}
#navMain li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	top: 0;
	position: relative;
}
#navMain li, ul#nav a {

	display: block;
}
#navMain li a {
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
}

a.navi {

	height: 40px;
	padding-top: 7px;
}
a.navi2 {
	height: 30px;
	padding-top: 2px;
}
a.navi3 {
	height: 30px;
	padding-top: 2px;
}

a.navi4 {
	height: 32px;
	padding-top: 2px;

}

#why			{position:relative; width: 170px;}
#equip			{position:relative; width: 170px;}
#pricing		{position:relative; width: 170px;}
#use			{position:relative; width: 170px;}
#manual			{position:relative; width: 170px;}
#links			{position:relative; width: 170px;}
#contact		{position:relative; width: 170px;}

#why			a:hover{background: url(../images/navigation.gif) -170px 0px no-repeat;}
#equip			a:hover{background: url(../images/navigation.gif) -170px  -46px no-repeat;}
#pricing		a:hover{background: url(../images/navigation.gif) -170px  -78px no-repeat;}
#use			a:hover{background: url(../images/navigation.gif) -170px  -110px no-repeat;}
#manual			a:hover{background: url(../images/navigation.gif) -170px  -142px no-repeat;}
#links			a:hover{background: url(../images/navigation.gif) -170px  -174px no-repeat;}
#contact		a:hover{background: url(../images/navigation.gif) -170px  -206px no-repeat;}


/* End Main Nav */