* {
	margin:0;
	padding:35;
}
body {
	background: #6ab5db;
}
#page {
	margin:auto;
	width:779px;
	background: url(../images/bg.gif) repeat-y;
}
#Bottom { margin:auto; width:779px; background: url(../images/footer.gif) repeat-y; height:35px;}
#container { margin:auto; width:749px;}
#header {
	background: url(../images/bedatec-technology.gif) no-repeat;
	height:100px;
}
#logo {
	float:left;
	width:248px;
	height:82px;
}
#logo h1 {width:248px; height:82px; }
#logo h1 span { display:none;}
#logo h1 a {width:248px; height:82px; display: block; margin-top:18px;}
#HeaderIcon { float:right; margin:18px 8px 0 0; }
#nav {
	height:37px;
	background: url(../images/nav-bg.gif) repeat-x;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#nav li{
float: left;
list-style:none;
}
#nav li a {
float:left;
height:37px;
}
#nav li a span{
display: none;
}
.home a, .about a, .products a, .feedback a, .contact a, .agents a, .home a:hover, .about a:hover, .products a:hover, .feedback a:hover, .contact a:hover, .agents a:hover {
	background: url(../images/navigration.gif) no-repeat;
}
.home a {background-position:0 0; width:73px;}
.about a {background-position:-73px 0; width:103px;}
.products a {background-position:-176px 0; width:106px;}
.feedback a {background-position:-282px 0; width:104px;}
.contact a {background-position:-386px 0; width:117px;}
.agents a {background-position:-503px 0; width:88px;}

.home a:hover {background-position:0 -37px; width:73px;}
.about a:hover {background-position:-73px -37px; width:103px;}
.products a:hover {background-position:-176px -37px; width:106px;}
.feedback a:hover {background-position:-282px -37px; width:104px;}
.contact a:hover {background-position:-386px -37px; width:117px;}
.agents a:hover {background-position:-503px -37px; width:88px;}

#Breadcrum {
	color:#03399b;
	margin:10px;
	border: 1px solid #dddab5;
	padding:10px 5px 10px 40px;
	background-color: #BFE1EF;
	background-repeat: no-repeat;
	background-position: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-transform: capitalize;
}
#Breadcrum a { color:#03399b; text-decoration:none; }
#Content {
	margin:0 10px;
	padding-left: 25px;
	padding-right: 25px;
}
#Content h2 { padding:10px 0;}
#Content p {
	color:#03399b;
	text-align:justify;
	line-height:22px;
	padding-bottom:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#Content li {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#03399b;
	list-style:disc;
	padding:0 0 5px 0;
	margin:0 0 5px 20px;
	}
#footer {
	background:#f4f4f4;
	border-top: 1px dashed #CCCCCC;
	padding:20px 0 10px 15px;
	margin-top:10px;
}
#footer p {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	line-height:18px;
}
#footer p a {
	color:#a2b04b;
	text-decoration:none;
}
#footer p a:hover{
	color:#999999;
	text-decoration:underline;
}

.footercol { width:170px; float:left; height:100px;}
.vline { border-left:1px dashed #CCCCCC; padding-left:10px;}


#nav li ul {
	height: auto !important;
	list-style: none;
	position: absolute;
	clear: both;
	background:#d4eefb;
	display: none;
	top:137px;
}
#nav li.over ul, #nav li:hover ul { display: block }
#nav li>ul {
	position: absolute;
	width: 180px;
	height: auto;
}
#nav li li { 
	clear: both;
	width: 180px;
	text-align: left;
	float: left;
	height: 31px !important;
	margin: 0;
	padding: 0;	
	border-bottom:1px solid #1c4579;
	border-left:1px solid #1c4579;
	border-right:1px solid #1c4579;
}

#nav li li a, #nav li li a:visited {
	color: #000 !important;
	height: 21px !important; /*31*/
	/*line-height: 2.7em;*/
	padding: 10px 0 0 10px !important;
	margin: 0 !important;
	width: 170px;
	font-weight: bold !important;
	background:#d4eefb;
	text-decoration:none;
}


#nav li li a:hover, #nav li li.selected, #nav li li.selected a {
background:#000 !important;  color: #FFF !important; }
#nav li:hover ul, #nav li.over ul {
	display: block;
}

.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #03399B;
	font-weight: bold;
}