/*****************************/
/*** Hydropose Demonstration Page ***/
/*****************************/



body {
font-family:  "Lucida Sans Unicode", "Lucida Grande ", "Lucida Sans", "Lucida", "Trebuchet MS", "Helvetica", "Arial", "Verdana", sans-serif; 
font-size: 12px;
text-align: center;   /* This is a hack to correctly center the container in IE */
}

img {
border: 0px;
}

#wrapper { 
margin: 0 auto;
margin-top: 40px;
margin-bottom: 10px;
width: 800px;
border: 1px solid #999999;
background: #ffffff;
text-align: center;  /*This is a hack to correctly center the container in IE */
}

* html div#wrapper {  
	width: 802px; 
	w\idth: 800px; 
}
/* This is the Tan box-model hack */

#header {
width: 798px;
color: #333;
padding: 0px;
border: 0px solid #ffffff;
height: 100%;
margin: 0px 0px 0px 0px;
background: #ffffff;
float: left;
}

#navigation {
width: 780px;
height: 17px;
color: #333;
padding: 0px;
border: 0px;
margin: 0 auto;
background: #ffffff;
text-align: center;
clear: left;
}

#nav {
margin: 0px;
padding: 0px;
background: #ffffff;
list-style-type: none;
width: 780px;
float: left; /* Contain floated list items */ 
}

#nav li {
font-family:  "Lucida Sans Unicode", "Lucida Grande ", "Lucida Sans", "Lucida", "Trebuchet MS", "Helvetica", "Arial", "Verdana", sans-serif; 
font-size: 10px;
margin: 0px;
padding: 0px;
float: left;
}

#nav a {
float: left;
color: #999999;
text-decoration: none;
line-height: 0;
border-right: 0px;
}


#navigation2 {
width: 780px;
height: 19px;
color: #333;
padding: 0px;
border: 0px;
margin: 0 auto;
background: #998643; /*This is equivalent to PMS 4505 */
text-align: center;  /*This is a hack to correctly center the container in IE */
}

#content { 
width: 780px;
color: #ffffff;
border: 0px solid #000;
background: #000000;
margin: 0 auto;
text-align: left;
padding: 0px;
height: 60px;
}

#content h1 {
margin:  0px 0px 0px 20px;
padding: 10px 0px 10px 0px;
font-size: 14px;
}


#leftcolumn { 
color: #000000;
border: 0px solid;
background: #ffffff;
margin: 10px 0px 0px 10px;
padding: 0px;
width: 780px;
float: left;
text-align: left;
}

#Imgcolumn { 
color: #000000;
border: 0px solid;
background: #ffffff;
margin: 10px 0px 0px 10px;
padding: 0px;
width: 780px;
float: left;
text-align: center;
}


p.columnLeft {
margin: 0px 20px 0px 10px;
}


#footer { 
width: 798px;
color: #333;
border: 0px solid;
background: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
}

a:link { 
color: #cc092f; /* PMS 186*/
text-decoration: none; 
}
	
a:hover { 
color: #cc092f; /* PMS 186*/ 
text-decoration: none;
font-weight: bold; 
}

a:active { 
color: #cc092f; /* PMS 186*/
text-decoration: none; 
}

a:visited { 
color: #cc092f; /* PMS 186*/
text-decoration: none; 
}



	a.rollover_products { 
		display: block; 
		width: 76px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-products.jpg"); 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		/* The last five rules are used to hide text off the left side of the page for blind users,
			but can enable screen readers to "see" it on the page.  It will also create it 
			as a seemingly inline element, so you can include it inline, but still give it a
			height and width. */
		}

	a.rollover_products:hover { 
		background-position: -76px 0; 
		}

	a.rollover_design { 
		display: block; 
		width: 96px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-design.jpg"); 
		text-indent: -3109px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		}

	a.rollover_design:hover { 
		background-position: -96px 0; 
		}

	a.rollover_ideas { 
		display: block; 
		width: 91px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-ideas.jpg"); 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		}

	a.rollover_ideas:hover { 
		background-position: -91px 0; 
		}

	a.rollover_hydro { 
		display: block; 
		width: 83px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-hydropose.jpg"); 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		}

	a.rollover_hydro:hover { 
		background-position: -83px 0; 
		}

	a.rollover_proceed { 
		display: block; 
		width: 119px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-how-to-proceed.jpg"); 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		}

	a.rollover_proceed:hover { 
		background-position: -119px 0; 
		}

	a.rollover_press { 
		display: block; 
		width: 84px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-press-room.jpg"); 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		}

	a.rollover_press:hover { 
		background-position: -84px 0; 
		}

	a.rollover_contact { 
		display: block; 
		width: 90px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-contact.jpg"); 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		}

	a.rollover_contact:hover { 
		background-position: -90px 0; 
		}

	a.rollover_general { 
		display: block; 
		width: 92px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-general-info.jpg"); 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		}

	a.rollover_general:hover { 
		background-position: -92px 0; 
		}

	a.rollover_home { 
		display: block; 
		width: 48px; 
		height: 17px; 
		text-decoration: none; 
		background: url("../images/navigation/ktp_secondary_nav/ktp-home.jpg"); 
		text-indent: -3000px;
		color: rgb(0,0,0);
		display:-moz-inline-box;
		display:inline-block;
		overflow:hidden;
		} 

	a.rollover_home:hover { 
		background-position: -48px 0; 
		}