/* CSS Document */

body {
	font:normal 11px Arial;
	color:#444;
}

#wrapper {
	margin:0 auto;
	padding:0;
	width:900px;
}
#header {
	margin:0;
	padding:0;
	/*height:150px;*/
	/*background:url(../images/header-bg.gif) repeat-x;*/
}
#top-menu {
	margin:0;
	padding:0;
	height:26px;
	border:solid 1px #ccc;
	background:url(../images/topmenu-bg.gif) repeat-x;
}
/*#top-menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#top-menu li {
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	float:left;
	font:bold 12px arial;
	color:#666;
}
#top-menu li a {
	list-style:none;
	margin:0;
	padding:6px 20px;
	text-decoration:none;
	color:#666;
	font:bold 12px arial;
	display:block;
	background:url(../images/topmenu-bg.gif) repeat-x;
}
#top-menu li a:hover {
	list-style:none;
	margin:0;
	padding:6px 20px;
	text-decoration:none;
	color:#666;
	font:bold 12px arial;
	display:block;
	background:#fff;
	border-bottom:#fff;
}
#top-menu li a.active {
	background:#fff;
	border-bottom:#fff;
	color:#007ab6;
}

#top-menu ul ul {
	list-style:none;
	visibility:hidden;
}
#top-menu ul ul li {
	float:inherit;
}
#top-menu li:hover a, #top-menu li.hover a {
	background:#ffc;
	border:none;
}
#top-menu ul li:hover ul,
#top-menu ul a:hover ul{
	visibility:visible;
}


#top-submenu {
	margin:0;
	padding:0;
	height:26px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
#top-submenu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#top-submenu li {
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	float:left;
	border-right:dotted 1px #ccc;
	font:bold 12px arial;
	color:#666;
}
#top-submenu li a {
	list-style:none;
	margin:0;
	padding:6px 20px;
	text-decoration:none;
	color:#666;
	font:bold 12px arial;
	display:block;
	color:#007ab6;
}
#top-submenu li a:hover {
	list-style:none;
	margin:0;
	padding:6px 20px;
	text-decoration:none;
	color:#666;
	font:bold 12px arial;
	display:block;
	color:#007ab6;
}*/

#top-nav, #top-nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#top-nav li {
	float:left;
	margin-right:3px;
}
#top-nav li a {
	line-height:26px;
	padding:0 6px;
	display:block;
	color:#333;
	text-decoration:none;
}
#top-nav ul{
	position:absolute;
	width:200px;
	z-index:99;
	left:-999px;
}
#top-nav li:hover ul, #top-nav li.hover ul {
	left: auto;
	border-left:1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-left:-1px;
}
#top-nav li:hover, #top-nav li.hover, #top-nav li.active{
	background:#fff;
	position:static;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
#top-nav li:hover a, #top-nav li.hover a{
	background:#fff; 
	color:#111;
}
#top-nav li li{
	width:100%;
	border-right:none;
	margin: 0px;
}
#top-nav li li a{
	background:#fff !important;
	display:block;
	line-height:25px;
	width:200px;
	width:190px;
	margin:0;
	border-bottom:1px solid #ccc;
	padding:0px 5px;
}
#top-nav li li a:hover{
	background:#ebebeb !important; 
	text-decoration:none; 
	color:#000;
}
#top-nav li ul li:hover, #top-nav li ul li.hover{
	border:none !important;
}
#top-nav li.active li.active{ 
	border: none !important;
}
.children{
	margin: 0; 
	padding: 0 20px; 
	list-style: none; 
	font-weight: normal;
}

#container {
	margin:0;
	padding:0;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
#content {
	width:630px;
	margin:0;
	padding:0;
	float:left;
}
#content a {
	color:#069;
	text-decoration:underline;
}
#content a:hover {
	color:#333;
	text-decoration:none;
}
#content h1 {
	margin:10px 0 10px 10px;
	padding:0;
	font:bold 18px arial;
	letter-spacing:1px;
}
#content .small {
	margin:0;
	padding:10px 0 0 10px;
	font:small;
}
#content p {
	margin:0;
	padding:0 0 10px 10px;
	text-align:left;
}
#slider {
	margin:5px 10px 10px 10px;
	padding:0;
	width:610px;
	height:230px;
	background:#ccc;
}
#quick {
	margin:0 0 0 10px;
	padding:0;
}
#quick ul {
	list-style:none;
	margin:0;
	padding:0;
}
#quick ul li {
	margin:0 10px 0 0;
	padding:0;
	display:block;
	float:left;
}
#main {
	margin:10px 0 0 0;
	padding:0;
	background:#a4fafa
}
#main h2 {
	margin:0 0 10px 0;
	padding:0;
	font:bold 16px arial;
	border-bottom:solid 2px #0091d0;
}
#main img {
	margin:0 10px 10px 0;
	float:left;
	padding:0;
}
#main p {
	margin:0;
	padding:0 0 10px 0;
	text-align:left;
	font-size: 12px;
}
#main-content {
	margin:0 10px;
	padding:0;
}
#main-content ol {
	margin:0 0 10px 30px;
	padding:0;
}
#main-left {
	margin:0 0 0 10px;
	padding:0;
	width:290px;
	float:left;
}
#main-right {
	margin:0 10px 0 0;
	padding:0;
	width:290px;
	float:right;
}
#sidebar {
	margin:0;
	padding:15px 10px 0 0;
	float:right;
	width:258px;
}
#sociable {
	margin:0 0 10px 0;
	padding:0;
	border:none;
}
#sociable img {
	border:none;
	margin:0 2px 0 0;
	padding:0;
}
#sidebar-box {
	margin:0 0 10px 0;
	padding:0;
	border:solid 1px #ccc;
}
#sidebar-box h3 {
	margin:0;
	padding:5px;
	background:url(../images/blue-bg.gif) repeat-x;
	font:bold 14px Arial;
	color:#fff;
	border-bottom:solid 1px #ccc;
}
#sidebar-box img {
	margin:5px 5px 5px 5px;
	padding:0;
	width:45px;
	height:45px;
	float:left;
}
#sidebar-box ul {
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar-box li {
	margin:0 0 0 20px;
	padding:3px 0 2px 0;
	list-style:square outside;
	color:#069;
}
#sidebar-box li a {
	color:#069;
	text-decoration:underline;
}
#sidebar-box li a:hover {
	color:#333;
	text-decoration:none;
}
#sidebar-box p {
	padding:5px;
	margin:0;
}
#sidebar-box form {
	padding:5px;
	margin:0;
}
#sidebar a {
	color:#069;
	text-decoration:underline;
}
#sidebar a:hover {
	color:#333;
	text-decoration:none;
}

#footer {
	margin:0;
	padding:0;
	border-top:solid 3px #0091d0;
}
#footer p {
	margin:10px 0;
	padding:0;
	text-align:center;
	color:#0091d0;
}
#footer p a {
	text-decoration:none;
	color:#0091d0;
}
#footer p a:hover {
	text-decoration:underline;
	color:#333;
}
#footer-content {
	margin:10px 0 10px 0;
	padding:0;
}
#footer-content ul {
	list-style:none;
	margin:0;
	padding:0;
}
#footer-content li {
	margin:0 10px 0 10px;
	padding:0;
	width:204px;
	float:left;
}
#footer-content li h3 {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	font:bold 14px Arial;
	border-bottom:solid 1px #444;
}

.clear {
	clear:both;
}

form label {
	display:block;
	margin:10px 0 0 0;
}

/* button download brochure */
.download {
	width:131px;
	height:50px;
	background:url(../images/icon/button.png) no-repeat;
	margin:20px 0 20px 10px;
	padding:0;
	float:left;
	color:#fff;
	font:bold 12px Arial, Helvetica, sans-serif;
}
.download p {
	margin:10px 0 0 0;
	padding:20px;
	text-align:center;
}