/********************
	General Styles
*********************/

 body { 
	background: #ECEDED url(../images/bg_home.gif) repeat-x;
	margin:0; padding:0;
 }
 #wrap {
 	position: relative;
	width: 760px;
	text-align:left;
	position:relative;
 }
 
 #header{
 	position:absolute;
	top:0; left:0;
 	margin:0; padding:0;
	height:340px; width:760px;
	background:url(../images/top/home.jpg) top left no-repeat;
 }
 
 #header ul {
 	position:absolute;
	top:185px; right:0;
	height: 27px; width:493px;
	background: url(../images/navigation.gif) no-repeat;
 }
 
 
#nav {
	
	margin:0; padding:0;
	position:relative;
}
#nav li {
	position: absolute;
	margin: 0; padding: 0;
	list-style: none;
	top: 0;
}
#nav a {
	height: 27px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0; 
}
#nav span{display:none;}
	
#home	{left: 0px; width: 30px;}
#benefits	{left: 40px; width: 55px;}
#services	{left: 100px; width: 55px;}
#gallery	{left: 160px; width: 55px;}
#news	{left: 220px; width: 36px;}
#blog	{left: 260px; width: 36px;}
#testimonials	{left: 302px; width: 80px;}
#about	{left: 388px; width: 45px;}
#contact	{left: 435px; width: 54px;}



#home a:hover {background:  url(../images/navigation.gif) 0px -27px no-repeat;}
#benefits a:hover {background:  url(../images/navigation.gif) -40px -27px no-repeat;}
#services a:hover {background:  url(../images/navigation.gif) -100px -27px no-repeat;}
#gallery a:hover {background:  url(../images/navigation.gif) -160px -27px no-repeat;}
#news a:hover {background:  url(../images/navigation.gif) -220px -27px no-repeat;}
#blog a:hover {background:  url(../images/navigation.gif) -260px -27px no-repeat;}
#testimonials a:hover {background:  url(../images/navigation.gif) -302px -27px no-repeat;}
#about a:hover {background:  url(../images/navigation.gif) -388px -27px no-repeat;}
#contact a:hover {background:  url(../images/navigation.gif) -435px -27px no-repeat;}

#home a.active {background:  url(../images/navigation.gif) 0px -54px no-repeat;}
#benefits a.active {background:  url(../images/navigation.gif) -40px -54px no-repeat;}
#services a.active {background:  url(../images/navigation.gif) -100px -54px no-repeat;}
#gallery a.active {background:  url(../images/navigation.gif) -160px -54px no-repeat;}
#news a.active {background:  url(../images/navigation.gif) -220px -54px no-repeat;}
#blog a.active {background:  url(../images/navigation.gif) -260px -54px no-repeat;}
#testimonials a.active {background:  url(../images/navigation.gif) -302px -54px no-repeat;}
#about a.active{background:  url(../images/navigation.gif) -388px -54px no-repeat;}
#contact a.active {background:  url(../images/navigation.gif) -435px -54px no-repeat;}
 
#main {
	position:absolute;
	top:341px;
}





 
 hr {
	height: 1px;
}
 .subpageBG { 
	background: #FFFFFF;
 } 
 .navBG { 
	background: #595959;
 } 
 .navSecBG { 
	background: #E2E4E3;
 } 
 .galleryBG { 
	background: #DCE0DF;
 } 
.header {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height : 17px;
	color: #595959;
}
.headerEmphasis {
	color: #9C9957;
}
.pageTitle {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #686E81;
}
.callout {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #779555;
}
.beforeAfter {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #779555;
}
.content {
	font-family:   Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height : 16px;
	color: #595959;
	word-spacing : 2px;
}
.caption {
	font-size: 11px;
}
.small {
	font-size: 10px;
}
.link {
	color: #779555;
}
.link:hover {
	color: #686E81;
	text-decoration : none;
}
.testimonial {
	font-family:   Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #595959;
}
.copyright {
	font-family:   Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #ACACAC;
	word-spacing : 2px;
	text-decoration : none;
}
.copyright:hover {
	color: #779555;
	text-decoration : underline;
}

/********************
	Form Styles
*********************/

.formField {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	background-color: #F1F1F1;
	word-spacing : 2px;
}
.formFieldRequired {
	color: #99021E;
}
.formButton {
background-color: F1F1F1;
margin: 0pt;
font-family: arial, verdana, helvetica;
font-size: 8pt;
font-weight: Normal;
color: 444444;
border-background:000000;
border-style:solid;
border-width:1;
position:relative;
}
