* {margin:0; padding:0; }
html, body, h1, h2, h3, h4, h5, h6, p, form, fieldset, input, a, ul, ol, li, dl, dd, dt {margin:0; padding:0; }
html {background-color:#ffff66; }

#wrapper {
	display:block; 
	margin:0px auto; 
	width:900px; 
}

#content {
	clear:both;
	background-color:#ffff66; 
	padding-top:10px; 
	width:900px; 
	overflow:auto; 
}

/**
 ********** PopBox Classes *********
 **/
.PopBoxImageSmall
{
   border: none 0px white;
   cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
   border: solid thin #CCCCFF;
   cursor: url("images/magminus.cur"), pointer;
}

/**
 ********** #main STYLING **********
 **/
#content #main {
	background-color:#c13100; 
	display:block; 
	float:left;
	position:relative;
	width:900px;
	height:800px;
}

#content #main #main_top {
	background: url('images/main_top.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute;
	clear:both;
	left:0px; 
	top:0px; 
	width:900px; 
	z-index:0; 
}

#content #main #main_left {
	background: url('images/main_left.jpg') 
	top left no-repeat; 
	display:block; 
	height:760px; 
	position:absolute; 
	left:0px; 
	top:20px; 
	width:20px; 
	z-index:0; 
}

#content #main #main_right {
	background: url('images/main_right.jpg') 
	top left no-repeat; 
	display:block; 
	height:760px; 
	position:absolute; 
	left:880px; 
	top:20px; 
	width:20px; 
	z-index:0; 
}


#content #main #main_bottom {
	background: url('images/main_bottom.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	left:0px; 
	bottom:0px; 
	width:900px; 
	z-index:0; 
}

/**
 ********** #logo STYLING **********
 **/
#content #main #logo {	
	display:block; 
	height:200px;
	width:170px;
	float:left;
	position:relative;
	padding:10px;
	left:25px;
	z-index:1;
}

/**
 ********** #nav STYLING **********
 **/
#content #main #nav {
	background-color:#fffbd0;
	background: url('images/nav.jpg') top left no-repeat;
	display:block;
	position:absolute;
	top:20px;
	right:20px;
	width:500px;
	height:40px;
	z-index:0;
}

#content #main #nav.tracker {
	background: url('images/nav_tracker.png') top left no-repeat;
	color:#cc0000; 
	font-family:Palatino Linotype, Monaco, Arial, sans-serif; 
	font-size:14px;
}

#content #main #nav.tracker span {
	position: absolute;
	top:8px;
	left:10px;
	margin:auto;
	text-align:center;
}

#content #main #nav a img { 
	border:0; 
}

#content #main #nav #nav_home a {
	background: url('images/nav_home.png') top left no-repeat; 
	display:block;
	position:relative;
	width:70px;
	height:40px;
	float:left;
	text-indent:-10000px;
}

#content #main #nav #nav_home a:hover {
	background-position: -70px 0; 
}

#content #main #nav #nav_web a {
	background: url('images/nav_web.png') top left no-repeat;
	display:block;
	position:relative;
	width:105px;
	height:40px;
	float:left;
	text-indent:-10000px;
}

#content #main #nav #nav_web a:hover {
	background-position: -105px 0; 
}

#content #main #nav #nav_print a {
	background: url('images/nav_print.png') top left no-repeat;
	display:block;
	position:relative;
	width:128px;
	height:40px;
	float:left;
	text-indent:-10000px;
}

#content #main #nav #nav_print a:hover {
	background-position: -128px 0; 
}

#content #main #nav #nav_folio a {
	background: url('images/nav_folio.png') top left no-repeat;
	display:block;
	position:relative;
	width:88px;
	height:40px;
	float:left;
	text-indent:-10000px;
}

#content #main #nav #nav_folio a:hover {
	background-position: -88px 0; 
}

#content #main #nav #nav_who a {
	background: url('images/nav_who.png') top left no-repeat;
	display:block;
	position:relative;
	width:109px;
	height:40px;
	float:left;
	text-indent:-10000px;
}

#content #main #nav #nav_who a:hover {
	background-position: -109px 0; 
}

/**
 ********** #info STYLING **********
 **/
#content #main #info {
	background-color:#fffbd0; 
	display:block; 
	position:absolute;
	bottom:20px;
	left:20px;
	width:230px;
	height:590px;
}

#content #main #info table {
	margin:0 auto;
}

#content #main #info #info_topleft {
	background: url('images/inner_topleft.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #info #info_right {
	background: url('images/info_right.jpg') 
	top left no-repeat; 
	display:block; 
	height:590px; 
	position:absolute; 
	right:0px; 
	top:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #info #info_bottom {
	background: url('images/info_bottom.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	left:0px; 
	bottom:0px; 
	width:210px; 
	z-index:0; 
}

#content #main #info #info_blurb {
	background-color:fffbd0;
	position:relative;
	/*top:10px;
	left:0px;
	z-index:1;*/
	float:left;
	clear:left;
	padding-top:10px;
	padding-bottom:10px;
}

#content #main #info #info_blurb p {
	color:#cc0000; 
	font-family:Palatino Linotype, Monaco, Arial, sans-serif; 
	font-size:12px; 
	text-indent:0.5em;
	z-index:1;
}

#content #main #info a img { 
	border:0; 
}

#content #main #info #changepass a {
	background: url('images/changepass_button.png') top left no-repeat; 
	display:block;
	position:absolute;
	bottom:70px;
	left:5px;
	width:215px;
	height:50px;
	text-indent:-10000px;
}

#content #main #info #changepass a:hover {
	background-position: -215px 0; 
}

#content #main #info #logout a {
	background: url('images/logout_button.png') top left no-repeat; 
	display:block;
	position:absolute;
	bottom:15px;
	left:5px;
	width:215px;
	height:50px;
	text-indent:-10000px;
}

#content #main #info #logout a:hover {
	background-position: -215px 0; 
}

/**
 ********** #contact STYLING **********
 **/
#content #main #info #contact {
	background-color:#ff9900;
	display:block;
	position:relative;
	width:215px;
	height:250px;
	/*bottom:15px;
	left:5px;*/
	float:left;
	clear:left;
	left:5px;
	top:20px;
}

#content #main #info #contact.tracker {
	height: 350px;
	text-indent:0em;
}

#content #main #info #contact.tracker p {
	text-indent:0.5em;
}

#content #main #info #contact #contact_topleft {
	background: url('images/contact_topleft.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #info #contact #contact_topright {
	background: url('images/contact_topright.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	right:0px; 
	top:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #info #contact #contact_bottomleft {
	background: url('images/contact_bottomleft.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	left:0px; 
	bottom:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #info #contact #contact_bottomright {
	background: url('images/contact_bottomright.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	right:0px; 
	bottom:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #info #contact {
	color:#fffbd0; 
	font-family:Palatino Linotype, Monaco, Arial, sans-serif; 
	font-size:12px; 
	text-indent:0.5em;
}

/**
 ********** #client STYLING **********
 **/
#content #main #info #client {
	background-color:#ff9900;
	display:block;
	position:relative;
	width:215px;
	height:120px;
	float:left;
	clear:left;
	left:5px;
	top:30px;
}

#content #main #info #client #client_topleft {
	background: url('images/contact_topleft.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #info #client #client_topright {
	background: url('images/contact_topright.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	right:0px; 
	top:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #info #client #client_bottomleft {
	background: url('images/contact_bottomleft.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	left:0px; 
	bottom:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #info #client #client_bottomright {
	background: url('images/contact_bottomright.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	right:0px; 
	bottom:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #info #client {
	color:#fffbd0; 
	font-family:Palatino Linotype, Monaco, Arial, sans-serif; 
	font-size:12px; 
	text-indent:0.5em;
}

#content #main #info #client strong {
	font-size:18px;
}

/**
 ********** #inner_content STYLING **********
 **/	
#content #main #inner_content {
	background-color:#fffbd0; 
	display:block; 
	position:absolute;
	bottom:20px;
	right:20px;
	width:600px;
	height:700px;
	z-index:1;
}

#content #main #inner_content #inner_right {
	background: url('images/inner_right.jpg') 
	top left no-repeat; 
	display:block; 
	height:700px; 
	position:absolute; 
	right:0px; 
	top:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #inner_content #inner_bottom {
	background: url('images/inner_bottom.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	left:0px; 
	bottom:0px; 
	width:580px; 
	z-index:0; 
}

#content #main #inner_content #inner_topleft {
	background: url('images/inner_topleft.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #inner_content #header_home {
	background: url('images/header_home.jpg') top left no-repeat;
	display:block;
	height:125px;
	position:absolute;
	left:25px;
	top:5px;
	width:550px;
	z-index:1;
}

#content #main #inner_content #header_web {
	background: url('images/header_web.jpg') top left no-repeat;
	display:block;
	height:125px;
	position:absolute;
	left:25px;
	top:5px;
	width:550px;
	z-index:1;
}

#content #main #inner_content #header_print {
	background: url('images/header_print.jpg') top left no-repeat;
	display:block;
	height:125px;
	position:absolute;
	left:25px;
	top:5px;
	width:550px;
	z-index:1;
}

#content #main #inner_content #header_folio {
	background: url('images/header_folio.jpg') top left no-repeat;
	display:block;
	height:125px;
	position:absolute;
	left:25px;
	top:5px;
	width:550px;
	z-index:1;
}

#content #main #inner_content #header_who {
	background: url('images/header_who.jpg') top left no-repeat;
	display:block;
	height:125px;
	position:absolute;
	left:25px;
	top:5px;
	width:550px;
	z-index:1;
}

#content #main #inner_content #header_sent {
	background: url('images/header_sent.jpg') top left no-repeat;
	display:block;
	height:125px;
	position:absolute;
	left:25px;
	top:5px;
	width:550px;
	z-index:1;
}

#content #main #inner_content #header_tracker {
	background: url('images/hydratracker_large.png') top left no-repeat;
	display:block;
	height:125px;
	position:absolute;
	left:25px;
	top:5px;
	width:550px;
	z-index:1;
}

/**
 ********** #body STYLING **********
 **/
#content #main #inner_content #body {
	background-color:#fffbd0;
	display:block;
	height:525px;
	width:380px;
	position:absolute;
	left:5px;
	bottom:10px;
	z-index:1;
	
	color:#cc0000; 
	font-family:Palatino Linotype, Monaco, Arial, sans-serif; 
	font-size:24px;
	overflow:hidden;
}

#content #main #inner_content #body.tracker {
	width:580px;
	font-size:14px;
}

#content #main #inner_content #body strong {
	color:#cc0000;
	font-family:Arial, sans-serif;
	font-size:16px;
}

#content #main #inner_content #body p {
	color:#ff6600;
	font-family:Palatino Linotype, Monaco, Arial, sans-serif;
	font-size:12px;
}

#content #main #inner_content #body a {
	color:#cc0000;
	text-decoration:none;
}

#content #main #inner_content #body a:hover {
	text-decoration:underline;
}

#content #main #inner_content #body #thumbs {
	background-color:#fffbd0;
	display:block;
	height:75px;
	width:380px;
	position:relative;
	float:left;
	clear:right;
}

#content #main #inner_content #body #go a {
	background-color:#cc0000;
	background: url('images/go.jpg') top left no-repeat;
	display:block;
	height:75px;
	width:380px;
	position:absolute;
	/*float:left;
	clear:right;*/
	left:0px;
	bottom:0px;
	text-indent:-10000px;
}

#content #main #inner_content #body #go a:hover {
	background-position: -380px 0;
}

/**
 ********** #pass STYLING **********
 **/
#content #main #inner_content #body #pass {
	background-color:#fffbd0;
	display:block;
	width:300px;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
	padding-top:100px;
}

/**
 ********** #services STYLING **********
 **/
#content #main #inner_content #services {
	background-color:#ff9900;
	display:block;
	height:525px;
	width:200px;
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:1;
}

#content #main #inner_content #services strong {
	color:#fffbd0;
	font-family:Arial, sans-serif;
	font-size:16px;
}

#content #main #inner_content #services p {
	color:#fffbd0;
	font-family:Palatino Linotype, Monaco, Arial, sans-serif;
	font-size:12px;
	text-indent:0.5em;
}

#content #main #inner_content #services p.current {
	color:#cc0000;
	font-family:Palatino Linotype, Monaco, Arial, sans-serif;
	font-size:12px;
	text-indent:0.5em;
}

#content #main #inner_content #services a {
	color:#fffbd0;
	text-decoration:none;
}

#content #main #inner_content #services a:hover {
	text-decoration:underline;
}

#content #main #inner_content #services #services_topleft {
	background: url('images/contact_topleft.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #inner_content #services #services_topright {
	background: url('images/contact_topright.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	right:0px; 
	top:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #inner_content #services #services_bottomleft {
	background: url('images/contact_bottomleft.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	left:0px; 
	bottom:0px; 
	width:20px; 
	z-index:0; 
}

#content #main #inner_content #services #services_bottomright {
	background: url('images/contact_bottomright.jpg') 
	top left no-repeat; 
	display:block; 
	height:20px; 
	position:absolute; 
	right:0px; 
	bottom:0px; 
	width:20px; 
	z-index:0; 
}

/**
 ********** #footer STYLING **********
 **/
#footer {
	clear:both; 
	color:#c13100; 
	display:block; 
	font-family:Palatino Linotype, Monaco, Arial, sans-serif; 
	font-size:12px; 
	line-height:15px; 
	overflow:auto; 
	margin:5px auto; 
	padding-bottom:15px; 
	text-align:center; 
	}
	
#footer p{
	clear:left; 
	display:block; 
	float:left; 
	text-align:center; 
	width:900px; 
	}