/* KISCO MANUFACTURING STYLESHEET
---------------------------------------------------------------*/

/* GENERAL ELEMENTS
---------------------------------------------------------------*/	
body, html {
	height:100%;
	}
	
body { 
	margin:0; 
	padding:0; 
	background:#CBCBCB url(../images/bg_gradient.gif) repeat-x left top;
	color:#000; 
	text-align:center; 
	font:76% "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	}	
	
h1 {
	margin:0 0 25px 0;
	font-size:1.3em;
	font-weight:normal;
	}	
	
h2 {}
	
h3 {}	

ul, li {
	margin:0; 
	padding:0;
	list-style:none;
	}

a:link, a:visited { 
	text-decoration:underline; 
	color:#0033FF; 
	}	
	
a:hover, a:active { 
	text-decoration:none; 
	color:#FF0000; 
	}	

form, fieldset, legend {
	margin:0; 
	padding:0;
	}
	
fieldset {
	border:none;
	}	
	
input, select, textarea {
	font:1em "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	}

img { 
	border:none; 
	}

hr { 
	display:none; 
	}		

/* CORE LAYOUT
---------------------------------------------------------------*/	
#accessibility { 
	display:none;
	}	

#wrapper {
	min-height:100%;
	background:url(../images/bg_faux.gif) repeat-y 50% 0; 
	}
			
#container {
	position:relative;
	width:820px; 
	w\idth:800px;
	margin:0 auto;
	padding:0 10px;
	min-height:660px;
	background:url(../images/bg_container.gif) no-repeat center top;
	text-align:left; 
	font-size:1em; 
	}
	
#header {
	background:#FFF url(../images/bg_header.jpg) no-repeat center top;
	padding-bottom:1px;
	}	

#main {
	overflow:hidden;
	width:800px;
	w\idth:740px;
	padding:28px 30px 100px 30px;
	background:#484848 url(../images/bg_gradient_main.gif) repeat-x center top;
	color:#C1C1C1;
	line-height:1.5em;
	}
	
#content {
	float:left;
	width:527px;
	padding-bottom:6px;
	margin-bottom:20px;
	background:#CCC url(../images/bg_content_bottom.gif) no-repeat center bottom;
	color:#000;
	}
	
#content div { 
	background:url(../images/bg_content.gif) repeat-y center top;
	}
	
#content div div {
	padding:35px 34px 20px 34px;
	background:url(../images/bg_content_top.gif) no-repeat center top;
	}
	
#sidebar {
	float:right;
	width:188px;
	}		
	
#footer {
	width:740px;
	clear:both;
	padding:0;
	background:url(../images/bg_footer.gif) repeat-x 0 0;
	font-size:0.9em;
	text-align:center;
	}
	
#tubes {
	position:absolute; 
	left:558px; 
	top:67px; 
	z-index:1;
	}	

/* HEADER
---------------------------------------------------------------*/	
#header h1 {
	margin:0 0 253px 0;
	position:relative;
	left:27px; top:17px;
	font-size:1.2em;
	}

#header h1, #header h1 a {
	width:190px;
	height:48px;
	}	
	
#header h1 a {
	position:absolute;
	left:0; top:0;
	z-index:1;	
	background:url(../images/logo.gif) no-repeat;
	}

/* NAVIGATION
---------------------------------------------------------------*/	
#navigation {
	overflow:hidden;
	width:800px;
	border-top:1px solid #FFF;
	list-style:none;
	background:#363636 url(../images/navigation.gif); 
	line-height:1;
	font-size:0.8em;
	}

.navIR li {
	margin:0;
	padding:0;
	position:relative;
	float:left; 
	left:0; top:0;
	z-index:2;
	} 	

.navIR a:link, 
.navIR a:visited,
.navIR a:hover, 
.navIR a:active {
	text-decoration:none;
	}	
	
#navigation em {
	display:block;
	position:absolute;
	top:0; left:0;
	z-index:10
	}	
	
#navigation li, 
#navigation li em { 
	height:54px;
	}	

#navigation a { 
	display:block; 
	height:54px;
	line-height:54px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#FFF; 
	}
	
#navigation a:hover, 
#navigation a:active, 
#navigation a.current, 
#navigation a.current:visited {
	color:#FFF;
	background-color:#E30902;
	} 
	
#navigation #nav-home em, 
#navigation #nav-bulk-handling-systems em, 
#navigation #nav-water-meters em,
#navigation #nav-chocolate-warmers em,
#navigation #nav-about-us em,
#navigation #nav-contact-us em { 
	background:url(../images/navigation.gif) no-repeat; 
	cursor:pointer;
	}
 
#navigation #nav-home, #navigation #nav-home em { width:58px;}
#navigation #nav-home em { background-position:0 0; }
#navigation #nav-home:hover em, #navigation #nav-home .current em { background-position:0 -54px; }

#navigation #nav-bulk-handling-systems, #navigation #nav-bulk-handling-systems em { width:147px; }
#navigation #nav-bulk-handling-systems em { background-position:-58px 0; }
#navigation #nav-bulk-handling-systems:hover em, #navigation #nav-bulk-handling-systems .current em { background-position:-58px -54px; }

#navigation #nav-water-meters, #navigation #nav-water-meters em { width:95px; }
#navigation #nav-water-meters em { background-position:-205px 0; }
#navigation #nav-water-meters:hover em, #navigation #nav-water-meters .current em { background-position:-205px -54px; }

#navigation #nav-chocolate-warmers, #navigation #nav-chocolate-warmers em { width:129px;}
#navigation #nav-chocolate-warmers em { background-position:-300px 0; }
#navigation #nav-chocolate-warmers:hover em, #navigation #nav-chocolate-warmers .current em { background-position:-300px -54px; }

#navigation #nav-about-us, #navigation #nav-about-us em { width:71px; }
#navigation #nav-about-us em { background-position:-429px 0; }
#navigation #nav-about-us:hover em, #navigation #nav-about-us .current em { background-position:-429px -54px; }

#navigation #nav-contact-us, #navigation #nav-contact-us em { width:88px; }
#navigation #nav-contact-us em { background-position:-500px 0; }
#navigation #nav-contact-us:hover em, #navigation #nav-contact-us .current em { background-position:-500px -54px; }


/* CONTENT
---------------------------------------------------------------*/	
#content p {
	margin:14px 0 0 0; }

/* SIDEBAR
---------------------------------------------------------------*/	
#sidebar .box {
	width:188px;
	margin-bottom:22px;
	background:url(../images/bg_sidebar_box_bottom.gif) no-repeat center bottom;
 	}
	
#sidebar .box div { 
	background:url(../images/bg_sidebar_box.gif) repeat-y center top;
	}
	
#sidebar .box div div {
	padding:6px 6px 3px 6px;
	background:url(../images/bg_sidebar_box_top_02.gif) no-repeat center top;
	}
	
#sidebar .first div div {
	background:url(../images/bg_sidebar_box_top_01.gif) no-repeat center top;
	}

#sidebar .box div div img {
	vertical-align:bottom;
	}	


/* FOOTER
---------------------------------------------------------------*/
#footer p {
	padding:22px 0 0 0;
	}
		
#footer li { 
	display:inline; 
	border-left:solid 1px #000; 
	}
	
#footer li a { 
	padding:0 5px 0 4px; 
	text-decoration:none; 
	}
	
/* COMMON ELEMENTS
---------------------------------------------------------------*/	
.clear { 
	clear:both;
	font-size:0; 
	line-height:0.0; 
	height:0;
	}	
	
/* CUSTOM SECTIONS
---------------------------------------------------------------*/	
