/* 
------------------
: Stylesheet CSS WebDesign 
: W3C CSS Document Validates as CSS level 2.1 ! 
------------------
Sasin
Design By NHSintercon.com
Created: 08/10/2008 
------------------
*/
/*******************
	 main menu
********************/
/* work all IE hover do not work ie 7x */
body {behavior:url("css/csshover2.htc");}
#images-show {
	font: 76%/1.3 Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background: url(../images/bottom_line.gif) repeat-x bottom;
	width: 930px;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 12px;
	position: relative;
	height: 320px;
}
#images-show * {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#navigation {
	background: url(../images/nav_bg.png) repeat-x top;
	width: 100%;
	list-style: none;
	height: 32px;
	position: relative;	
	z-index: 2;
	font-size: 14px;
}
#navigation * {
	display: block;
}
#navigation li {
	position: relative;
	float: left;
}
* html #navigation li {display: inline}
#navigation li a {
	background: url(../images/nav_line.gif) no-repeat top right;
	width: 127px;
	height: 32px;	
	line-height: 25px;
	text-align: center;
	color: #fff;
}
#navigation li.last a {background: none}
#navigation li.first {margin-left: 20px}
#navigation li.first ul {margin-left: -20px}
#navigation ul {display: none}
#navigation li:hover ul {display: block}
#navigation li ul {
	background-color: #20232e;
	position: absolute;
	top: 100%;
	width: 200px;
	float: none;
	left: 0;
}
#navigation li.last ul {
	right: 0 ;
	left: auto;
	margin-right: -22px;
}
#navigation li ul li {width: 100%}
#navigation li ul li a {
	background: none;
	height: auto;
	padding: 5px 5%;
	line-height: 15px;
	width: 90%;
	text-align: left;
	font-size: 12px;
}
#navigation li:hover a {background: url(../images/nav_hover.png) repeat-x top}
#navigation li:hover ul li a {background: none}
#navigation li ul li a:hover {background: #6a7078 !important}
#navigation strong.on a {background: url(../images/nav_on.png) repeat-x top !important}
/* end main menu */
/* menu 2 */
#menu {
	position: absolute;
	top: 32px;
	z-index: 1;
	left: 0;
	height: 290px;
}
#navigation2 {
	background: url(../images/nav_tran.png);
	width: 243px;
	list-style: none;
	/*normal height: 242px;*/
	height: 230px;
	padding-top: 12px;
	font-size: 16px;
	overflow: hidden;
}
* html #navigation2 {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav_tran.png", sizingMethod="scale");
}
#navigation2 li {
	width: 100%;
	float: left;
	clear: left;
	position: relative;
	z-index: 999;
}
#navigation2 li a {
	background: url(../images/arrow.png) no-repeat 99% 13px;
	width: 85%;
	display: block;
	height: 36px;
	margin: 0 5% 0 10%;
	line-height: 35px;
	border-top: 1px solid #bfbcb9;	
	color: #f2f2f2;
}
#navigation2 li a:hover {text-decoration: underline}
#navigation2 li.first a {border-top: 0}
.img-top {
	width: 930px;
	height: 300px;
	position: relative;
	overflow: hidden;
}
/* end  menu 2 */