/* CSS Document */

* { margin : 0; padding : 0; border: 0;}
h2, h3, h4, h5, p, ul, ol, li  { margin: 0; padding: 0; border: 0; font-weight: 500; list-style: none}

/* =Body */
body {
	text-align: center;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0 0px 0px 0px;
	border: 0;
	background: url(images/bg_top.gif) top repeat-x;
	background-color: #fefefe;
	font-family:verdana, arial, sans-serif;
	line-height: 118%;
}
body { }


h1 { }
h2 { font-size: 1.4em; color: #d84b10; margin: 10px 0 26px 0; clear: both; font-weight: bold;}
h3 {
	font-size: 1.2em;
	color: #d84b10;
	margin: 0px 0 16px 0;
	clear: both;
	font-weight: bold;
}
h4 { font-size: 0.9em; color: #d84b10; margin: 0px 0 6px 0;}
p { font-size: 0.8em; margin: 0 0 1em 0; color: #535353;}
#contentWrap ul li { font-size: 0.8em; margin: 0 0 1em 3em; color: #535353; list-style: disc}
p a:link, p a:visited { color: #126dc1; text-decoration: none; border-bottom: 1px dashed #5ea5e2;}
p a:hover { color: #5ea5e2; text-decoration: none; border-bottom: 1px dashed #d84b10;}

#top {
background: url(images/bg_head.gif) top left no-repeat; height: 165px; padding: 0px 0px 0px 10px;

}	
#header {width:780px;
	height:75px;
	margin:auto;
	padding:0
}

h1 {
	float:left;
	margin:0 0 0 15px;
	font-size: 1.6em;
	font-weight: bold;
	line-height:80px;
	color:#000066
}
.top_title h2{
	float:left;
	margin:0 0 0 15px;
	font-size: 1.6em;
	font-weight: bold;
	line-height:80px
}
.top_logo { float:left; margin:0 0 0 0;}

#mainMenu { float: right; margin: 0px auto 0px auto; padding: 0px 20px 0px 0px; border: 0; font-weight: 800; 
	font-family:verdana, arial, sans-serif; text-align: right;}
#mainMenu ul#mainNav{
	position: relative;
	top: -10px;
	padding: 0;
	margin: 0 0 -16px 0;
	font-size: 0.7em;
}
#mainMenu ul#mainNav li{ display: inline;  padding: 0; margin: 0; line-height: 60px;}
#mainMenu ul#mainNav li a:link{ color: #dbe4ec; text-decoration: none; padding: 36px 16px 16px 16px; margin: 0; font-weight: 800; }
#mainMenu ul#mainNav li a:visited{ color: #dbe4ec; text-decoration: none; padding: 36px 16px 16px 16px; margin: 0; font-weight: 800;}
#mainMenu ul#mainNav li a:hover{background: url(images/bg_hover.gif) top repeat-x; color: #fff; text-decoration: none; 
		text-decoration: none; padding: 37px 16px 16px 16px; margin: 0; font-weight: 800;}

/* =Containers and Wraps */
#div {
	background-image: url(images/world.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#f_right { float:right; margin:-10px 0 0 0}
#main_wrap { width: 780px; border: none; height: auto; text-align: left; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: 0;}
#contentWrap{width: 743px; float:left; border-left: 3px double #d2d6d8; border-right: 3px double #d2d6d8; margin:0 10px;padding:20px 20px 50px 20px; background: #fff url(images/bg_content.gif) top repeat-x;}

#content{padding: 0px; margin: 0;width: 743px;overflow:auto;font-size: 0.8em;}
#feature_wrap{clear: both; background: #f8f7f7 url(images/bg_foot.gif) top center repeat-x; margin: 0px 0px 0px 0px; clear: both;
		width: 100%; float: right; text-align: center; padding: 20px 0px 20px 0;}
#feature { font-size: 0.9em; width: 782px; border: none; height: auto; text-align: left; margin: 0px auto 0px auto; padding: 0px 0px 0px 10px;}
#feature_mod1 { width: 500px; float: left; padding: 0 18px; overflow:auto; }
.side_mod{ font-size: 1.1em; float: right; border: 1px solid #d0372d; margin: 0 0 20px 20px; padding: 190px 10px 10px 10px; width: 220px; 
		background: #fff url(images/olap2.gif) top center no-repeat;}
.wedo_mod{ font-size: 1.1em; float: right; border: 1px solid #5ea5e2; margin: 0 0 20px 20px; padding: 120px 10px 10px 10px; width: 220px; 
		background: #c2b9ba url(images/bg_wedo.gif) top center no-repeat;}
.side_mod p{ color: #000;}
.wedo_mod p{ color: #fff;}
.side_img{ float: right; margin: 0 0 0px 20px;}
.side_img img{ margin: 0; padding: 0; border: 3px double #d2d6d8; background-color: #fff;}
.col_left{ width: 350px; float: left; border-right: 1px solid #e7e6e6; padding-right: 18px; margin-bottom: 30px;}
.col_right{width: 346px; float: right; }



/* =Footer */
#footer{clear: both; position: relative; top: 0px; background: #fff url(images/bg_footer.gif) top center repeat-x; margin: 0px 0px 0px 0px; clear: both;
		width: 100%; float: right; text-align: right; padding: 20px 0px 20px 0;}
#footer ul {width: 780px; text-align: right; margin: 0px auto 0px auto; padding: 0 0 30px 0;}
#footer ul li{list-style: none; font-size: 0.6em; margin-top: 1px; line-height: 1.4em; color:#999}
#footer ul li a:link, #footer ul li a:visited{color: #cac7b7; text-decoration: none; border-bottom: 1px solid #faf9f5;}
#footer ul li a:hover{color: #666; border-bottom: 1px dashed #cac7b7;}
#header ul {
	float: right;
}
#header li {
	padding-top: 1px;
}





#header_logo {
	height: 75px;
	overflow: hidden;
	float: left;
	clear: left;
	margin-right: 10px;
	vertical-align: middle;
}
#morepage {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}
.box01 {
	padding-left: 20px;
	text-align: left;
}
.BDsp{
    text-align:left;
}









.showNavBar {
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.ShowNav-mid {
	font-size: 12px;
	font-weight: normal;
}
.button2-106 {
	background-image: url(images/button2-106.gif);
	font-size: 16px;
	color: #6F4A00;
	font-family: "Arial", "Helvetica", "sans-serif";
	padding: 0px;
	margin: 0px;
	height: 20px;
	width: 106px;
	border: 0px solid #FFFFFF;
	text-align: center;
	background-color: #FFFFFF;
	text-decoration: none;
}
.button2-145 {
	background-image: url(images/button2-145.gif);
	font-size: 16px;
	color: #6F4A00;
	font-family: "Arial", "Helvetica", "sans-serif";
	padding: 0px;
	margin: 0px;
	height: 20px;
	width: 145px;
	border: 0px solid #FFFFFF;
	text-align: center;
	background-color: #FFFFFF;
	text-decoration: none;
	cursor: hand;
}
a.button2-145 {
	background-image: url(images/button2-145.gif);
	font-size: 16px;
	color: #6F4A00;
	font-family: "Arial", "Helvetica", "sans-serif";
	padding: 0px;
	margin: 0px;
	height: 20px;
	width: 145px;
	border: 0px solid #FFFFFF;
	text-align: center;
	background-color: #FFFFFF;
	text-decoration: none;
	cursor: hand;
}
a.button2-106 {
	background-image: url(images/button2-106.gif);
	font-size: 16px;
	color: #6F4A00;
	font-family: "Arial", "Helvetica", "sans-serif";
	padding: 0px;
	margin: 0px;
	height: 20px;
	width: 106px;
	border: 0px solid #FFFFFF;
	text-align: center;
	background-color: #FFFFFF;
	text-decoration: none;
}
a.button2-145:hover {
	background-image: url(images/button2-145.gif);
	font-size: 16px;
	color: #6F4A00;
	font-family: "Arial", "Helvetica", "sans-serif";
	padding: 0px;
	margin: 0px;
	height: 20px;
	width: 145px;
	border: 0px solid #FFFFFF;
	text-align: center;
	background-color: #FFFFFF;
	text-decoration: none;
	cursor: hand;
}
a.button2-106:hover {
	background-image: url(images/button2-106.gif);
	font-size: 16px;
	color: #6F4A00;
	font-family: "Arial", "Helvetica", "sans-serif";
	padding: 0px;
	margin: 0px;
	height: 20px;
	width: 106px;
	border: 0px solid #FFFFFF;
	text-align: center;
	background-color: #FFFFFF;
	text-decoration: none;
	cursor: hand;
}
.cat-bg {
	text-decoration: underline;
	background-image: url(images/cat-bg.gif);
	background-repeat: no-repeat;
	height: 122px;
	width: 140px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.f1 {
	font-size: 14px;
	color: #000099;
	font-weight: bold;
}
a.showProd-title {
	font-size: 14px;
	font-weight: bold;
	color: #0033FF;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
a.showProd-title:hover {
	font-size: 14px;
	color: #0099FF;
	font-weight: bold;
}
hr {
	text-decoration: none;
	border: 1px dashed #CCCCCC;
	height: 1px;
}