@charset "utf-8";
/* CSS Document */

/* RESET some sensible defaults */

strong { font-weight: bold; }
em { font-style: italic; }
/*ol, ul, li { list-style:none; }*/

* a { position:relative; } /* Gets links displaying over a PNG background */
a { outline:none; } /* Gets rid of Firefox's dotted borders */
a img { border:none; } /* Gets rid of IE's blue borders */
p, h1 {margin: 0;}


/* ---------------------------------- */
/* layout*/
body {background: url(./images/bg_2.png) repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#000000; margin:0px; padding:0px;}
#wrapper{margin: 0px auto; width:798px; height:100%;  
}

h1.header {width:798px;height:243px; background:url(./images/header.png) no-repeat bottom; border-bottom: 2px solid #5AA4FF;}
h1.header span{display: block; width: 0; height: 0; overflow:hidden;}
#slideshow {width:820px; height:256px; margin-left:-10px;}
#content {width:779px; height:100%; background:#E8F6FF url(images/stars.png) no-repeat bottom; padding-bottom:50px; padding-left:15px; border-left: 2px solid #ccc; border-right: 2px solid #CCC;}
#footer {width:794px; height:100px; background:#65B4CF; bottom:0; border-left: 2px solid #ccc; border-right: 2px solid #ccc;}

#content img {float:right;}


/* headings & text*/
h2.content {color:#80C5BB; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding: 30px 0 0 25px; margin:0px 0px 0px 0px;}
#content p {padding:10px 35px 10px 25px; margin:0px 0px 0px 0px; line-height:25px;}
#footer p {padding:60px 0px 0px 120px; margin:0 auto; font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#fff;}
#footer a {text-decoration:none; color:#fff;}
#footer a:hover {text-decoration:none; color:#F2F2E9;}
#footer a:visited {text-decoration:none; color:#BF6363;}
#content ul {margin:0 0 0 0; padding:0 10px 25px 50px; line-height:30px;}
a {color:#BF6363}
a:hover {color:#7F8C51}
a:visited {color:#3B5959}

/*navigation*/
/*#navbar {
	position:absolute;
	width:271px;
	height:34px;
	top:50px;
	left:582px;
	z-index:20;
}*/
#navbar {
	position:relative;
	width:395px;
	height:34px;
	float:right;
	top:209px;/* IE5.x/win sees this.. */
  voice-family: "\"}\"";
  voice-family: inherit;
  top:209px;/* ..but not this "standards" top value.. */
	display:block;
	padding-right:18px;
	z-index:20;
}
ul#nav { background:url(images/NAVBG.png) no-repeat; margin:0;}
ul#nav li { list-style-type:none; margin: 0; padding: 0; float: right; width: 100%;}
ul#nav li a { height:34px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none;}

li#navHome a, li#navFaq a, li#navContact a, li#navLinks a, li#navTestimonials a{background:url(images/NAVBG.png) no-repeat; }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 34px
	selected state = 68px

	The distance from the far-left to the...

	Home button = 0
	faq button = 64px
	contact button = 128px
	links button = 207px

	The width of the...

	company button = 64px
	services button = 64px
	contact button = 80px
	links button = 64px
	
*/

li#navHome a 						{ background-position:0 0; width:64px; left:0 }
li#navHome a:hover					{ background-position:0 -34px }
body#Home li#navHome a 			{ background-position:0 -34px }

li#navFaq a 						{ background-position:-64px 0; width:64px; left:64px }
li#navFaq a:hover					{ background-position:-64px -34px }
body#Faq li#navFaq a 				{ background-position:-64px -34px }

li#navContact a 					{ background-position:-128px 0; width:80px; left:128px }
li#navContact a:hover				{ background-position:-128px -34px }
body#Contact li#navContact a 				{ background-position:-128px -34px }

li#navLinks a 					{ background-position:-207px 0; width:64px; left:207px }
li#navLinks a:hover				{ background-position:-207px -34px }
body#Links li#navLinks a 				{ background-position:-207px -34px }

li#navTestimonials a 					{ background-position:-271px 0; width:124px; left:271px }
li#navTestimonials a:hover				{ background-position:-271px -34px }
body#Testimonials li#navTestimonials a 				{ background-position:-271px -34px }



element.style{ background:none:}
