body{ margin:0; padding:0; background-color:#E6E6E6; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
img{ border:0 none; padding:0; margin:0; }
.floatLeft{ float:left; }
.floatRight{ float:right; }
.clearer{ clear:both; }

div#container{ width:950px; margin:0 auto; }
div#bgLeft{ width:10px; height:580px; background:url(../images/layout/bg_cont_left.png) no-repeat; }
div#bgRight{ width:10px; height:580px; background:url(../images/layout/bg_cont_right.png) no-repeat; }
div#mainBody{ width:910px; height:700px; margin:0 auto; padding:30px 10px 0 10px; background:url(../images/layout/bg-body.png) repeat-x; }
div#header{ position:relative; margin:0 auto; height:75px; width:865px; }
#header #headerLogo{ position:absolute; left:0; top:0; }
#header #headerMenu{ position:absolute; right:0; top:0; }




div#flashContainer{ width:855px; height:310px; margin:10px auto 0 auto; padding:7px 17px 0 17px; background:url(../images/layout/bg-flash.png) no-repeat; }
div#contentsField{ width:865px; margin:15px auto 0 auto; }

#footer{ width:865px; margin:100px auto 7px auto; color:#777; font-size:11px; text-align:center; }

div.about{ width:865px; margin:20px auto 0 auto; font-family:Verdana, Geneva, sans-serif; color:#333; letter-spacing:1px }
.about > p{ line-height:20px; }

div.contact{ width:865px; margin:20px auto 0 auto; font-family:Verdana, Geneva, sans-serif; color:#333; letter-spacing:1px }
.contact h2{ color:#DB1F30; padding:0; margin:20px 0 5px 0; }
.contact > p{ line-height:12px; margin:3px 0; padding:0; }

div.products{ width:865px; margin:20px auto 0 auto; font-family:Verdana, Geneva, sans-serif; }
.products a, .products a:link, .products a:visited, .products a:active{ text-decoration:none; color:#000; }
.products a:hover{ text-decoration:underline; color:#333; }



/* Vertical Navigation */
#vertical-navigation{ 
	list-style: none; 
	padding: 0;
	float: left;
	position: relative;
	margin:40px 0 0 0;
}

/* CSS for each Parent Item */
#vertical-navigation li{
	display:inline;
	float:left;
	position: relative;
	background:url(../images/layout/menu_seperator.gif) right no-repeat;
	margin:0 -2px;
	padding:0 15px;
	text-align:center;
	height:15px;
}
 
#vertical-navigation li.last{ background:none; padding:0 0 0 15px; }
#vertical-navigation li a{
	float: left;
	display: block;
	color:#ddd;
	height:30px;
	text-decoration:none;
	font-weight:bold;
}

/* 
Change background color and font color 
of parent items when mouse hover 
*/
#vertical-navigation li:hover a, #vertical-navigation li a:hover{
	color: #fff;
	/*border-bottom:2px solid #FFF;*/
}


#vertical-navigation ul{
	display: none;
	float: none;
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 1.8em;
	left: 0;
	width:300px;
}

/* Each Child Item will be visible if mouse hover */
#vertical-navigation li:hover ul{ display: block; }

#vertical-navigation ul li{
	float: left;
	clear: none;
	margin:0;
	padding:0 15px;
	text-align:center;
	width: auto;
	color: #999;
}

/* Reset and re style link of each child item */
#vertical-navigation li:hover ul li a,#vertical-navigation ul li a{
	display: block;
	float: left;
	padding: 0 6px 0 0;
	color: #ddd;
	background: none;
}

#vertical-navigation li:hover ul li a:hover, #vertical-navigation ul li a:hover{
	background: none;
	color: #fff;
}