@charset "utf-8";
/* CSS Document 
Background:		#7BC2E0
Content:		#8ECAE4
Hover & Nav:	#17302D
Link:			#E0542F
*/


/*----------HTML Styles----------*/
body {
	background:#7BC2E0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

img {
	border:none;
}
/*----------Class Styles----------*/
img.banner {
	padding: 25px 112px;
}

.box {
	width: 697px;
	padding: 0 20px;
	background-image: url(../img/box-mid.gif);
}
.box .top {
	height: 13px;
	font-size: 1px;
	margin: 0 -20px;
	background-image: url(../img/box-top.gif);
}
.box .bottom {
	height: 12px;
	font-size: 1px;
	margin: 0 -20px;
	background-image: url(../img/box-bot.gif);
}

.leftcol {
	float:left;
	width:205px;
}

.midcol {
	width:205px;
	padding-left:24px;
	padding-right:24px;
	border-left:1px dashed #FFFFFF;
	border-right:1px dashed #FFFFFF;
}

.rightcol {
	float:right;
	width:205px;
}

.homealign {
	text-align:left;
}

.h3 {
	padding-bottom:10px;
}


a.pagelinks:link, a.pagelinks:visited, a.pagelinks:active {
	color:#E0542F;
	text-decoration:none;
}

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

/*----------ID Styles----------*/
#wrapper {
	margin:0 auto;
	width:960px;
}

div#navigation {
	margin-top: 50px;
	padding: 0px 105px;
}

ul#navmenu {
	width:750px;
	height:24px;
	margin:0;
	padding:0;
	background:url(../img/navigation.jpg) no-repeat;
	position:relative;
}

#navmenu li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute;
	top: 0;
}

#navmenu li,#navmenu a {
	height: 24px; 
	display: block;
}


#navmenu a{
	text-decoration:none;
}
#navmenu a i { 
	visibility: hidden;
}

#about, #aboutcurrent {left: 0; width: 108px;}
#why, #whycurrent {left: 108px; width: 196px;}
#testimonials, #testimonialscurrent {left: 304px; width: 164px;}
#purchase, #purchasecurrent {left: 468px; width: 182px;}
#contact, #contactcurrent {left: 650px; width: 99px;}

#about a:hover,#about a:active, #aboutcurrent a {
	background:transparent url(../img/navigation.jpg)  0 -24px no-repeat;
}
#why a:hover,#why a:active, #whycurrent a {
	background:url(../img/navigation.jpg) -108px -24px no-repeat;
}
#testimonials a:hover,#testimonials a:active, #testimonialscurrent a {
	background:url(../img/navigation.jpg) -304px -24px no-repeat;
}
#purchase a:hover,#purchase a:active, #purchasecurrent a {
	background:url(../img/navigation.jpg) -468px -24px no-repeat;
}
#contact a:hover,#contact a:active, #contactcurrent a {
	background:url(../img/navigation.jpg) -650px -24px no-repeat;
}