/* CSS Document 
Author: Nick Fitzpatrick > KaaBa Interactive > www.kaabainteractive.com
Date: 2007.06.18
*/

* {
	margin: 0px;
	padding: 0px;
	}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333;
	text-align: center;
	background: #a5a5a5 url(../images/bg_container.png) top center repeat-y;
	}

/* adjustment for IE5 */
body {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}

#container {
	width: 980px;
	margin: 0px auto;
	padding: 0px 20px 20px 20px;
	font-size: 95%; /* slight adjustment */
	text-align: left;
	}
	
	.p {
		float: left;
		padding: 0px 10px 10px 0px;
		margin: 0px 0px 20px 0px;
		border-bottom: 1px dotted #ccc;
		width: 100%;
		}
	.p a.more  {
		color: #900;
		float: left;
		text-align: right;
		text-decoration: none;
		width: 100%;
		}
	.p .stock_img {
		float: left;
		margin: 4px 10px 10px 0px;
		}
	.p a.more:hover{
		color: #060;
		}
	.p.note {
		padding: 0px 0px 10px 20px;
		margin: 0px 0px 10px 0px;
		border-bottom: 0px dotted #fff;
		}
		.p h3 {
			color: #000;
			font-size: 140%;
			font-weight: normal;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;		
			}
			.p h3 a {
				color: #000;
				text-decoration: none;
				}
			.p h3 a:hover {
				color: #900;
				}
	h1 {
		background: url(../images/bg_h1.png) bottom left no-repeat;
		font-size: 170%;
		font-weight: normal;
		padding: 0px 0px 15px 0px;
		width: 100%;
		}
	h3 {
		color: #000;
		font-size: 140%;
		font-weight: normal;
		padding: 0px 0px 10px 0px;
		}
	a {
		border: 0px;
		}
	a img {
		border: 0px;
		}

	#h_bar {
		background: #000;
		color: #fff;
		float: left;
		margin-bottom: 5px;
		width: 100%;
		}
	
	#header {
		float: left;
		width: 100%;
		}
		#logo {
			float: left;
			margin-bottom: 5px;
			}
		#features {
			float: right;
			margin-bottom: 0px;
			}

	
	#headeri {
		float: left;
		width: 100%;
		}
		#logo {
			float: left;
			margin-bottom: 5px;
			}
		#features {
			float: right;
			margin-bottom: 0px;
			}

			
	#m_1 {
		color: #fff;
		float: left;
		height: 415px;
		padding: 0px 0px 10px 0px;
		width: 240px;
		}
	#m_2 {
		background: url(../images/bg_m_2.png) top left repeat-x;
		float: left;
		width: 490px;
		padding: 10px 0px;
		}
	#m_3 {
		float: right;
		padding: 0px 0px 0px 10px;
		width: 235px;
		}
		#login_win {
			background: #ccc url(../images/bg_login.png) bottom left repeat-x;
			border: 1px solid #000;
			color: #333;
			margin-bottom: 10px;
			width: 100%;
			}
			#login_win form {
				border: 2px solid #fff;
				padding: 28px 8px 28px 28px;
				}
			#login_win form .input {
				border: 1px solid #000;
				padding: 2px 3px;
				margin: 1px;
				}
			#login_win form .button {
				margin: 2px;
				}
	#m_23 {
		background: url(../images/bg_m_2.png) top left repeat-x;
		float: left;
		width: 730px;
		padding: 10px 0px;
		}
	#m_3i {
		background: url(../images/bg_m_2.png) top left repeat-x;
		float: right;
		padding: 10px 0px 0px 10px;
		width: 239px;
		}
/*
--------------------------------------- */
#main_nav_hldr {
	background: url(../images/bg_m_1.png) top left no-repeat;
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width: 100%;
}
#main_nav_ftr {
	background: url(../images/bg_m_1b.png) top left no-repeat;
	float: left;
	clear: left;
	height: 180px;
	width: 100%;
	color: #000;
}

#main_nav {
	float: right;
	width: 100%;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	list-style: none;
	width: 195px;
	}
	#main_nav li {
		margin: 0px 6px 0px 0px;
		padding: 0px;
		font-family: "Lucida Grande", sans-serif;
		font-size: 130%;
		border-top: 1px solid #fff;
		}
	#main_nav li#lev2 {
		background: #666;
		margin: 0px 6px 0px 0px;
		padding: 0px;
		font-family: "Lucida Grande", sans-serif;
		font-size: 100%;
		border-top: 0px solid #fff;
		}	
	#main_nav a {
		display: block;
		margin: 0px;
		padding: 6px 8px;
		color: #fff;
		text-decoration: none;
		}
		
		#main_nav a:hover {
			color: #fff;
			background: #000;			
			}
		
		body#home #t-home a, 
		body#news #t-news a, 
		body#dist #t-dist a, 
		body#trans #t-trans a, 
		body#wh #t-wh a, 
		body#jo #t-jo a,
		body#et #t-et a,
		body#qs #t-qs a,
		body#contact #t-contact a {
			color: #fff;
			background: #666;
			}
/*
--------------------------------------- */
#i_nav {
	background: #666;
	float: left;
	width: 100%;
	margin: 0px 0px 7px 0px;
	padding: 3px 0px 0px 0px;
	list-style: none;
	}
#i_nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
#i_nav a {
	border-bottom: 1px solid #666;
	float: left;
	display: block;
	margin: 0 0 0 2px;
	padding: 4px 8px;
	color: #333;
	text-decoration: none;
	background: #ccc;
	}
#i_nav a:hover, #i_nav a.on {
	border-bottom: 1px solid #fff;
	color: #333;
	background: #fff;
	}

/*
--------------------------------------- */
ul {
	clear: both;
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 100%;
	}
	ul li {
		margin: 3px 0px 0px 40px;
		padding: 0px;
		}


/*
--------------------------------------- */
#footer {
	clear: both;
	color: #666;
	float: left;
	font-size: 90%;
	margin: 30px 0px 20px 0px;
	text-align: center;
	width: 100%;
	}
	
/*
--------------------------------------- */
#dropmenudiv{
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0;
	margin: 0px;
	padding: 0px;
	background: #666;
	line-height:20px;
	z-index:100;
	}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	color: #fff;
	}

#dropmenudiv a:hover{ /*hover background color*/
	color: #fff;
	background: #000;
	}