/* 

Client:
Created: 
Last Modified:

*/

/* ---- DEFAULT STYLES ------
-------------------------------------------------------------------- */
	body {
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 70%;
	}

	#wrapper {
		width: 815px;
		padding-left: 15px;
		margin: 0 auto;
		background:url(../images/wrapper-bg.gif) repeat-y;
	}
	
	img {
		padding:0; 
		margin:0; 
		line-height: 0;
	}
		
	.clear {
		clear:both;
		position:relative;
		font-size:0px;
		height:0;
		line-height:0; 
	}
		
	h1, h2, h3, h4, h5, h6 {
		padding:0;
		margin: 0;
	}
	
	.healthpoint {
		background:url('../images/heathpoint-content-bg.gif');
		float:left;
	}
	
	a {
		color: #dc6800;
		font-weight: 700;
	}
	
	a:hover {
		color: #0999ba;
	}
	
	h1 {
		font-size:16px;
		padding:0;
		margin: 15px 0 15px 0;
		color: #004E6E;
	}
	
	h2 {
		font-size: 11px;
		color: #004E6E;
		padding-bottom: 15px;
	}
	
	
	.style1 {
		color: #004E6E
	}
	
	.style2 {
		color: #FFFFFF;
	}
	
	.style4 {
		color: #FFFFFF;
		font-weight: bold;
	}
	
	.style5 {
		color: #FF0000;
	}
	
	.xpos label {
		width: 250px;
	}
	
	
	.contentXpos h2 {
		padding:0 0 20px 0; 
		margin:0;
	}
	
	#navbuttons {
		margin-left: 182px;
		background-position: top;
	}
	
	#quickForm {
		width: 760px;
		padding: 0 20px;
		color: #ffffff;
		background: url('../images/slideBackground.jpg')
	}
	
	#quickForm a {
		color: #4AACD1;
		text-decoration: none;
	}
	
	#quickForm a.close {
		float: right;
		color: #FFFFFF;
		font-weight: 700;
	}
	
	form {
		padding: 0;
		margin: 0;
	}
	
	p { 
		margin: 0 0 1.2em;
		line-height: 1.4em;
	}

	.star {
		float: right;
	}


/* ---- COLUMN GRIDS ------
-------------------------------------------------------------------- */		

	#content {
		width: 800px;
		background: url('../images/content-bg.gif') repeat-y;
	}
	
	#contentAlt {
		width: 800px;
	}

	#leftPanel {
		float: left;
		width: 210px;
		min-height: 600px;
		/* min-height hack for ie6 */
		height: auto !important;
		height: 600px;
	}

	#rightPanel {
		width: 550px;
		float: left;
		padding: 0 20px;
		color: #333333;
	}
	
	#contentHealth {
		width: 560px;
		float: left;
		background-color: #eeeeee;
		padding-left: 20px;
		padding-right: 25px;
		padding-bottom: 20px;
		color: #333333;
	}
	
	
	.contentXpos {
		width: 580px;
		background-color: #eeeeee;
		background:url('../images/heathpoint-content-bg.gif') repeat-y;
		padding: 30px 0 30px 250px;
		color: #333333;
	}
	
/* ---- HEADER ------
-------------------------------------------------------------------- */	
	
	
	#header {
		position: relative;
		height: 156px;
		width: 800px;
		background: url('../images/header.jpg') no-repeat;
	}
	
	.logoMain {
		position: absolute;
		width: 234px;
		height: 83px;
		left: 550px;
		top: 15px;
		text-indent: -9999px;
		background: url('../images/logo-main.gif') 0 0 no-repeat;
	}
	
	
	
	/* ---- NAV 1 ------
-------------------------------------------------------------------- */

	#nav1Container {
		height: 36px;
		padding:0;
		position:relative;
		top:120px;
		width: 650px;
		background: url('../images/nav/nav1-bg.gif') 0 0 no-repeat;
		
		}
		
	ul#nav1 {
		margin:0;
		padding:0;
		position:absolute;
		top:0;
		left: 169px;
		}

	#nav1 li {
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		z-index: 999
		
		}

	#nav1 li a {
		display:block;
		height:36px;
		text-indent:-9999px;
		position: relative;
		overflow:hidden;
		}
		
	#nav1 li:hover ul, #nav1 li.hover ul {
		display:block
		}

	#nav1 li a:hover {
		background-position:0 -36px !important;
		height: 36px;
		}

	#nav1 li a.nav1Home {
		background:url(../images/nav/nav1-home.gif) no-repeat left top;
		width:66px
		}
		
	#nav1 li a.nav1About {
		background:url(../images/nav/nav1-about.gif) no-repeat left top;
		width:121px
		}

	#nav1 li a.nav1BestValue {
		background:url(../images/nav/nav1-best-value.gif) no-repeat left top;
		width:74px
		}

	#nav1 li a.nav1Terminal {
		background:url(../images/nav/nav1-products.gif) no-repeat left top;
		width:87px;
		}
		
	#nav1 li a.nav1FAQ {
		background:url(../images/nav/nav1-faq.gif) no-repeat left top;
		width:42px
		}

	#nav1 li a.nav1Contact {
		background:url(../images/nav/nav1-contact.gif) no-repeat left top;
		width:69px
		}
				
	/* selected nav */

	#nav1 li a#active { 
		height: 36px;
		background-position:0 -72px !important
	 }
	 
	 
	 	/* dropdown */
	
	#nav1 li ul {
		position:absolute;
		top:26px;
		left: -999em;
		margin:0;
		padding:0;
		width:171px;
		z-index: 5000;

		}

	#nav1 li ul li {
		float: none;
		padding:0;
		margin: 0;
		width:200px;
		border-bottom: 1px solid #4bb5e5;
		background:#0089c7
		}

	#nav1 li ul li a {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		float:none;
		width:179px;
		height:auto;
		line-height:14px;
		text-indent:0;
		font-size:0.85em;
		color:#fff;
		padding:4px 10px 4px 11px;
		overflow:visible;
		text-decoration:none;
		font-weight: normal;
		}

	#nav1 li ul li a:hover {
		color:#ffffff;
		background:#333333;
		width: 179px;
		padding:4px 10px 4px 11px;
		height: auto;
		}

	#nav1 li:hover ul,
	#nav1 li.sfhover ul {
		display:block; left: auto;

		} 
	 
	 .save {
		 position: absolute;
		 left: 630px;
	 }
	 
	 
	 /* ---- LANDING PAGE SPECIFIC ------
-------------------------------------------------------------------- */		
	 
	 .landingMain {
		float: left;
		width: 580px;
		padding: 0 5px;
	 }
	 
	 .landingSide {
		 float: right;
		 width: 200px;
	 }
	 
	
	/* ---- HOME PAGE SPECIFIC ------
-------------------------------------------------------------------- */		
	
	
	#clickStarLeft {
		width: 350px;
		float:left
	}
	
	
	#clickStarRight {
		width: 154px;
		float:right;
		padding-right: 20px;
	}
	
	
	/* ---- CONTACT SPECIFIC ------
-------------------------------------------------------------------- */	
	
	#contactForm {
		height: 34px;
		width: 225px;
		background-image: url('../images/blueBackground.jpg');
		float: left;
		clear: left;
		font-size: 10px;
		font-style: italic;
		color: #FFFFFF;
		font-weight: bold;
	}
	

/* ---- FOOTER ------
-------------------------------------------------------------------- */		
	
	#footer {
		position: relative;
		width: 780px;
		height: 16px;
		margin: 0 auto;
		padding: 20px 0 0 20px;
		color: #004E6E;
		font-size: 10px;
		background: url('../images/footer.gif') top no-repeat;
	}
	
	#footer a {
		color: #007DB0;
		text-decoration:none;
	}
	
	.ticktock {
		position:absolute;
		left: 670px;
		top: 20px;
	}
