body {
margin:0;
background:url(../img/bg.jpg) fixed;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

}
a{color:#000000;
text-decoration:none;
line-height:17px;
}
a:hover{text-decoration:underline;
}
.main{width:985px;
margin:20px auto;
}
.main1{width:985px;
background-color:#FFFFFF;
}

* html .main{width:985px;
margin:0 auto;
padding:20px 0;
}
.head{background: url(../img/top-main.gif) no-repeat;
width:985px;
height:117px;
}

.top{ background:url(../img/top.gif) no-repeat;
height:11px;
width:985px;
overflow:hidden;
}
.top-right{float:right;
width:270px;
}

.top-left{float:left;
width:700px;
}
.top-left h1{font-family: Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;
margin:0;
padding:4px 0 0 120px;
}
.top h1{font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
color:#000000;
margin:0;
padding:5px 0 0 0;
text-align:center;
}
.logo{float:left;
width:520px;
padding:0;
}

.top-menu{float:right;
padding:0 0 0 0;
width:270px;
}
.top-menu ul{padding:0;
margin:0;
list-style-type:none;
}
.top-menu ul li{float:left;
}
.top-menu ul li a{text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
padding:0 25px 0 18px;
display:block;
}
.top-menu ul li a:hover{text-decoration:underline;
}
.home{background:url(../img/home.gif) no-repeat  left center;
}
.sitemap{background:url(../img/sitemap.gif) no-repeat left center;
}
.contact{background:url(../img/contact.gif) no-repeat left center;
}
.menu{background:url(../img/menu-bg.gif) repeat-x;
height:32px;
width:985px;
}
.menu ul{padding:0;
margin:0;
list-style-type:none;
}
.menu ul li{float:left;
}
.menu ul li a{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:none;
padding:0 20px;
line-height:32px;
display:block;
}
.menu ul li a:hover{ background:url(../img/menu-hover.gif) repeat-x;
text-decoration:none;
}
.ban{background-color:#232323;
border-top:1px solid #FFFFFF;
height:242px;
overflow:hidden;
width:985px;
}
.softlink{float:left;
width:196px;
height:202px;
padding:20px 8px;
}
.softlink ul{padding:10px;
margin:0;
list-style-type:none;
}
.softlink ul li{ padding: 5px 0;
}
.softlink ul li a{text-decoration:none;
background:url(../img/arrow.gif) no-repeat left center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
padding:0 0 0 20px;

}
.softlink ul li a:hover{text-decoration:underline;
}
.yellow{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
background:url(../img/line.gif) left bottom no-repeat;;
padding:5px 0 10px 10px;
color:#ffd800;
}
.banner{float:right;
padding:1px 1px 1px 0;
width:772px;
height:242px;
overflow:hidden;
}
.content{ background: url(../img/content.gif) repeat-y;
width:985px;
}
.content1{ padding:5px 10px;
}
.right{float:right;
width:162px; 
padding:10px;
}

.left{float: left;
width:192px;
padding:10px;
}
.green-arrow{ padding:5px;
}
.green-arrow ul{padding:0;
margin:0;
list-style-type:none;
}
.green-arrow ul li{ padding:4px 0;
}
.green-arrow ul li a{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background:url(../img/green-arrow.gif) left center no-repeat;
padding:0 0 0 20px;
text-decoration:none;
}
.green-arrow ul li a:hover{text-decoration:underline;
}
.text{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#232323;
border-bottom:1px solid #d4be6a;
padding:5px 0 5px 5px;
}
.mid{float:left;
width:571px;
padding:10px;
}
.mid h2{font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#2d7b02;
padding:0;
margin:0;
font-weight:bold;
}
.mid p{padding:5px 0 10px 0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
text-align:justify;
}

.content-ani{ 

	width:985px;
}
.mid-ani{float:left;
width:985px;
}
.ani-demo{
	margin:10px 0 10px 10px;
}
.mid-ani h2{font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#2d7b02;
padding:5px 0 0 0;
margin:0;
font-weight:bold;
}
.mid-ani p{padding:5px 0 10px 0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
text-align:justify;
}


.mid1{float:left;
width:591px;
}
.mid1 h2{font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#2d7b02;
padding:5px 0 0 0;
margin:0;
font-weight:bold;
}
.mid1 p{padding:5px 0 10px 0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
text-align:justify;
}

.features{padding:0 0 15px  0;
}
.features ul{padding:0;
margin:0;
list-style-type:none;
}
.features ul li{background:url(../img/red-dot.gif) left 9px no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding:5px 0 5px 15px;
}
.clr{clear:both;
}
.feature{font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding:10px 0;
color:#000000;
}
.footer{background:url(../img/footer.gif) no-repeat;
height:36px;
width:985px;
}
.footer-left{float:left;
width:500px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#d7c60e;
line-height:36px;
padding-left:20px;
}
.footr-right{float:right;
width:450px;
padding-right:10px;
}
.footr-right ul{padding:0;
margin:0;
list-style-type:none;
}
.footr-right ul li{float:left;
}
.footr-right ul li a{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
padding:0 15px ;
display:block;
line-height:36px;
}
.footr-right ul li a:hover{color:#FFCC00;
}
.nav{background:url(../img/nav.gif) repeat-x ;
height:30px;
}
.nav ul{padding:0;
margin:0;
list-style-type:none;
}
.nav ul li{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
float:left;
background:none;
line-height:28px;
padding:0 0 0 10px;

}
.nav ul li a{text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#9e1204;
font-weight:normal;
line-height:28px;
padding:0 10px 0 0;
}
.nav ul li a:hover{text-decoration:underline;
}
.screen{width:400px;
padding:10px;
background:#fff7d9;
border:1px solid #ffb502;
margin:5px 0;
}

.boxContact{
	float:left;
	height:170px;
	width:260px;
	border:1px solid #CCCCCC;
	margin-right:10px;
	margin-top:10px;
	text-align:left;
	padding:5px;
	line-height:15px;
	position:relative;
	overflow:hidden;

	}

.headContact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#5050ff;
	}
.supportIcon{
	float:left;
	width:100px;
	margin:20px 0 0 0;
	}
.listSupport{
	margin:20px 0 0px 20px;
	}
.listSupport ul li {
	padding:0 0 0 10px;
	list-style:inside;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.boxContact img{
	margin:0px 0 0 20px;
	}
.site-map{
padding:10px;
width:130px;
}
.site-map ul{padding:0;
margin:0;
list-style-type:none;
}
.site-map ul li{ padding:5px 0;
}
.site-map ul li a{text-decoration:none;
background:url(../img/dot.gif) no-repeat left center;
padding-left:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
}
.site-map ul li a:hover{background:url(../img/dot-hover.gif) no-repeat left center;
}

table#bor{border-left:1px solid #c5c5c5;
border-top:1px solid #c5c5c5;
}

table#bor td{border-bottom:1px solid #c5c5c5;
border-right:1px solid #c5c5c5;
}
.t-head{background-color:#3977b5;
padding-left:15px;
line-height:28px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}
.licance{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:15px;
line-height:30px;
}
.price{padding-left:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #CC0000;
line-height:30px;
}
label{margin-left:5px;
color:#CC0000;
}

.red{color:#CC0000;
font-size:14px;
font-weight:bold;
}
	/*Loader-Image*/
.image-holder{
	float:left;
	width:auto;
	height: auto;
	border:1px solid #ddd;
	background:#fff url(../loading.gif) 50% 50% no-repeat;
	display:inline;
}	
/*End-Loader-Image*/

/*ROI-CSS-START*/
.roi-field{
	height:85px;
	background:#FFFFFF;
	border:#7f9db9 1px solid;
	width:140px;
	padding:0 0 0 5px;
}
.roid{
	margin: 2px 0;
}
.roim{
	margin: 4px 0 2px;
}
.cal1{
	padding:5px 0;
}
.cal{
	background: url(../img/cal-roi.gif) no-repeat;
	width:142px;
	height:29px;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58545b;
	font-weight:bold;
	padding:5px 0;
}
.roi-cal{
	width:160px;
}
.roi-bg{
	background:#a7d602;
	/*border:1px solid #FF6633;*/
	padding:0 5px;
	width:150px;
}
.roi-top{
	background:url(../img/top-roi.gif) no-repeat bottom;
	height:9px;
	width:160px;
}
.roi-bottom{
	background:url(../img/bot-roi.gif) no-repeat top left;
	height:9px;
	width:160px;
}
.roi-txt{
	font-family:Tahoma;
	color:#000000;
	padding:3px 0 3px 2px;
	font-weight:bold;
}
.roi-day{
	font-family:Tahoma;
	font-weight:normal;
	color: #999999;
	margin: 2px 0 0 5px;
}
select.roi-sel{
	width:145px;
	color: #006600;
	font-family:Tahoma;
}
.dol{
	color: #CC0000;
	font-weight:normal;
}
/*ROI-CSS-END*/