/* common */
body { padding-bottom: 50px; }
em{ line-height: 20px;}
.clear-fix { overflow: hidden; }
* html .clear-fix { height: 1%; }

.wrapper { margin: 0 auto; width: 960px; }
.hide { display: none; }

#container { font-size: .75em; text-align: left; }

/* footer */
#footer { background-color: #2c2c2c; color: #7a7a7a; margin: 0 auto; padding: 15px; width: 930px; }
#footer a { color: #7a7a7a; }
#footer .logo a { background: url(images/mm_logo.png) no-repeat; display: block; float: left; height: 34px; text-indent: -1984em; width: 193px; }
#footer .info { float: right; margin-left: 200px; text-align: right; }
#footer .info ul { float: right; }
#footer .info ul li { float: left; padding: 0 5px; }
a:link, a:visited { color: #D58000; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }*/

#vtab {
    /*margin: auto;*/
    width: 950px;
    height: 100%;
    /*margin-bottom:7px;*/
}
#vtab > ul > li {
    width: 70px;
    height: 70px;
    background-color: #fff !important;
    list-style-type: none;
    display: block;
    text-align: center;
    margin: auto;
    padding-bottom: 10px;
    border: 1px solid #fff;
    position: relative;
    border-right: none;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
}
#vtab > ul > li.demo {
    background: url('images/demo.png') no-repeat center center;
}
#vtab > ul > li.download {
    background: url('images/download.png') no-repeat center center;
}
#vtab > ul > li.pay {
    background: url('images/pay.png') no-repeat center center;
}
#vtab > ul > li.selected {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    border: 1px solid #e1e1e1;
    border-right: none;
    z-index: 10;
    background-color: #f5f5f5 !important;
    position: relative;
}
#vtab > ul {
    float: left;
    width: 70px;
    text-align: left;
    display: block;
    margin: auto 0;
    padding: 0;
    position: relative;
    top: 20px;
}
#vtab > div {
    background-color: #f5f5f5; 
    border: #e1e1e1 solid 1px;    
    margin-left: 70px;
    min-height: 250px;
    padding: 12px;
    position: relative;
    z-index: 9;
    margin-bottom:7px;
}
#vtab > div > h4 {
   /* color: #800;*/
    font-size: 1.2em;
    /*border-bottom: 1px dotted #800;*/
    padding-top: 5px;
    margin-top: 0;
}
.dlinks a{
  font-size: 15px;
  text-decoration: none;
  padding:5px;
  border: 1px solid #e1e1e1;
  background: #FF9900;
  color: #FFF;
}
/* header */
#header { background-color: #2c2c2c; height: 140px; }
#header .logo a { background: url(images/logo.gif) no-repeat; display: block; float: left; height: 100px; text-indent: -1984em; width: 320px; }
#header .support { background: url(images/ico-arrow-1.gif) no-repeat left center; color: #aaa; float: right; font-size: .9em; margin-top: 30px; padding-left: 50px; }
#header .support a { color: #bd2b0e; font-weight: bolder; }
#header .follow-us { background: url(images/facebook.jpg) no-repeat; color: #fff; float: right; margin-top: 10px; padding-left: 50px; padding-right: 15px; }
#header .follow-skype { background: url(images/skype.png) no-repeat; color: #fff; float: right; margin-top: 10px; padding-left: 50px; padding-right: 15px; }
#header .follow-us a { color: #FF9900; display: block; font-size: .9em; }
#header .follow-skype a { color: #FF9900; display: block; font-size: .9em; }
#header .menu {
  background-color: #e6e6e5;
  border-bottom: #d3d2d2 solid 1px; 
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  /*border-bottom: #d3d2d2 solid 1px; */
  clear: both; 
  height: 37px; 
  line-height: 36px; 
  padding: 1px 10px 1px 1px; 
}
#header .menu a { color: #2c2c2c; }
#header .menu ul li { float: left; }
#header .menu ul li a { border: #e6e6e5 solid 1px; display: block; float: left; padding: 0 15px; }
.menu ul li.active li{background: #e6e6e5;}
#header .menu ul li.active a, #header .menu ul li a:hover, .menu ul li li.active { background: url(images/bg-menu-active.gif) repeat-x; border-color: #FF9900; color: #fff; text-decoration: none; }
#header .menu ul li.active a { font-weight: bolder; }
#header .menu .rss { background: url(images/ico-RSS.gif) no-repeat right center; float: right; font-size: .9em; padding-right: 25px; text-transform: uppercase; }

/* main */
#main { background: url(images/bg.jpg) no-repeat center top; }
#main .wrapper { background-color: #fff; }
#main .group { border: #e8e8e8 solid 1px; padding: 4px 4px 30px; }

#main h2 { background: no-repeat; border-bottom: #e2e2e2 solid 1px; color: #393939; font-size: 1.5em; font-weight: normal; line-height: 36px; margin-bottom: 15px; padding-bottom: 5px; padding-left: 40px; }
#main .title-1 { background-image: url(images/news.png); }
#main .title-2 { background-image: url(images/user.png); }
#main .title-3 { background-image: url(images/comments.png); }
#main .title-4 { background-image: url(images/bullet.gif); }
#main .title-5 { background-image: url(images/bg-team.gif); margin-top: 20px; }
#main .title-6 { background-image: url(images/bg-service.gif); }
#main .title-7 { background-image: url(images/ico-down.gif); }

/* banner */
#main .banner ul li { background: no-repeat; width: 960px; height: 323px; }
#main .banner ul li h2 { background: none; border: none; font-size: 4em; font-weight: normal; line-height: 50px; margin: 0; padding: 0; }
#main .banner ul li h2 em { font-style: normal; font-weight: bolder; }
#main .banner ul li .content p { margin-top: 10px; }
#main .banner ul li.banner-1 { background-image: url(images/bg-banner-1.jpg); }
#main .banner ul li.banner-1 .content { height: 230px; padding-left: 50px; padding-top: 50px; width: 400px; }
#main .banner ul li.banner-1 h2 { color: #2c2c2c; }
#main .banner ul li.banner-2 { background-image: url(images/bg-banner-2.jpg); color: #fff; }
#main .banner ul li.banner-2 h2 { color: #fff; }
#main .banner ul li.banner-2 .content { height: 240px; padding-left: 50px; padding-top: 50px; width: 360px; }
#main .banner ul li.banner-2 .content dd { background: url(images/ico-list.gif) no-repeat left 3px; font-weight: bolder; margin-top: 10px; padding-left: 20px; }
#main .banner ul li.banner-2 .content .view { background: url(images/bg-btn.gif) no-repeat; color: #393939; display: block; float: left; line-height: 25px; margin-top: 20px; text-align: center; width: 96px; }
#main .banner ul li.banner-3 { background-image: url(images/bg-banner-3.jpg); }
#main .banner ul li.banner-3 h2 { color: #fff; }
#main .banner ul li.banner-3 .content { color: #fff; height: 200px; padding-left: 355px; padding-top: 60px; width: 560px; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:20px; height:38px; position:absolute; left:0px; top:-200px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:20px; height:38px; position:absolute; left: 940px; top:-200px; }
#prevBtn a { display:block; width:20px; height:38px; background:url(images/bg-prev.gif) no-repeat; }
#nextBtn a { display:block; width:20px; height:38px; background:url(images/bg-next.gif) no-repeat; }

/* banner inner page */
.banner-inner { background: #2c2c2c url(images/bg-banner-inner.gif) no-repeat; height: 50px; padding: 35px 40px; }
.banner-inner h1 { color: #fff; font-size: 4em; float: left; font-weight: bolder; line-height: 40px; }
.banner-inner blockquote { background: url(images/bg-quote.gif) no-repeat; color: #acacac; float: right; font-style: italic; padding-left: 60px; width: 530px; }
.banner-inner blockquote strong { color: #b73214; display: block; text-align: right; }

/* section */
#main .section { margin-bottom: 40px; padding: 0 10px; }
#main .section .news-list .title { color: #b73214; font-weight: bolder; }
#main .section .news-list li { border-bottom: #e2e2e2 solid 1px; margin-top: 15px; padding-bottom: 5px; }
#main .section .news-list li.last { border-bottom: none; }
#main .section .news-list li p a { color: #FF9900; text-decoration: underline; }
#main .section .news-list li p a:hover { text-decoration: none; }
#main .section .news-list p { margin-top: 0; }
#main .section .more { border-top: #e2e2e2 solid 1px; margin-top: 10px; padding-top: 5px; }
#main .section .more a { color: #5c5c5c; font-size: .9em; font-weight: bolder; }
#main .section .quote-list li { border-bottom: #e2e2e2 solid 1px; margin-top: 15px; overflow: hidden; padding: 5px 0 10px; }
* html #main .section .quote-list li { height: 1%; }
#main .section .quote-list li.last { border-bottom: none; }
#main .section .quote-list .image { float: left; margin-right: 15px; width: 62px; }
#main .section .quote-list blockquote { float: left; width: 200px; }
#main .section .quote-list blockquote p { margin-top: 0; }
#main .section .quote-list q { display: block; padding-bottom: 5px; }
#main .section .quote-list blockquote cite { font-style: normal; }

/* home page */
#main .home .list li { background-color: #f5f5f5; border: #e1e1e1 solid 1px; float: left; height: 130px; margin-right: 7px; padding: 10px; position: relative; width: 290px; }
#main .home .list .last { margin-right: 0; }
#main .home .list li h3 { font-size: 1.4em; border-bottom: #e2e2e2 solid 1px; color: #393939; margin-bottom: 10px; padding-bottom: 10px; }
#main .home .list li .image { float: left; margin-right: 15px; }
#main .home .list li .more a { background-color: #2e2e2e; bottom: 1px; color: #fff; padding: 5px; position: absolute; right: 1px; }
#main .home .list li .more a:hover { background-color: #666; text-decoration: none; }
#main .home .section { float: left; margin-right: 9px; /*width: 580px;*/ }
#main .home .section.main_page { width:580px; }
#main .home .last { margin-right: 0;width:290px; }
#main .home .section p { margin-top: 10px; }

/* aside */
#main .aside { float: right; /*padding: 10px 0;*/ width: 300px; }
#main .aside .first { margin-top: 0; }
#main .aside .map { border-top: #e2e2e2 solid 1px; margin-top: 20px; padding-top: 20px; text-align: center; }
#main .aside .contact-info li { margin-top: 2px; overflow: hidden; }
* html #main .aside .contact-info li { height: 1%; }
#main .aside .contact-info li strong { color: #b73214; float: left; width: 80px;  }
#main .aside .contact-info li span { float: right; width: 180px; }

/* inner page */
#main .main-content { float: left; padding: 10px; width: 610px; }
#main .main-content p { margin-top: 10px; }

/* team list */
#main .main-content .teams-list { margin-top: 15px; }
#main .main-content .teams-list li { border-bottom: #e1e1e1 solid 1px; float: left; padding: 15px 0; }
#main .main-content .teams-list li .image { float: left; margin-right: 20px; width: 103px; }
#main .main-content .teams-list li .description { float: left; width: 470px; }
#main .main-content .teams-list li h3 { font-size: 1.2em; }
#main .main-content .teams-list li h3 a { color: #5c5c5c; }
#main .main-content .teams-list li h3 a:hover { color: #c00; text-decoration: none; }

/* service list */
#main .main-content .services-list li { overflow: hidden; padding: 15px 0; }
* html #main .main-content .services-list li { height: 1%; }
#main .main-content .services-list li .title { border-bottom: #e3e3e3 solid 1px; color: #2c2c2c; font-size: 2em; font-weight: normal; line-height: 36px; margin-bottom: 20px; padding-bottom: 5px; }
#main .main-content .services-list li .image { float: left; padding-left: 10px; }
#main .main-content .services-list li .description { float: left; padding-right: 10px; width: 400px; }
#main .main-content .services-list li .description ul { margin-top: 15px; }
#main .main-content .services-list li .description li { background: url(images/ico-arrow-2.gif) no-repeat left 7px; color: #a0a0a0; font-style: italic; padding: 2px 0 2px 20px; }
#main .main-content .services-list li .order { border-top: #e3e3e3 solid 1px; margin-top: 20px; padding: 5px 0; }
#main .main-content .services-list li .order a { color: #b73214; font-size: .9em; font-weight: bolder; }
#main .main-content .list li { float: left; padding: 10px; width: 180px; }
#main .main-content .list li h3 { font-size: 1.4em; }
#main .main-content .list li.clear-list { font-size: 0; line-height: 0; padding: 0; width: 100%; }

/* form */
form { /*border-top: #e1e1e1 solid 1px;*/ margin-top: 20px; padding: 10px 0; }
form input { 
  overflow: hidden; 
  padding: 5px 0; 
  
}
* html .form .Input { height: 1%; }
form input label { float: left; font-weight: bolder; line-height: 24px; width: 150px; }
form input label span { color: #b73214; }
form input textarea { height: 150px; overflow: auto; }
/*form input select { margin-left: 25px; }*/
form textarea, form input, form select { background-color: #f8f8f8; border: #e1e1e1 solid 1px; /*float: right;*/ padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  
  margin-bottom: 3px;
}

.BriefItem textarea, .BriefItem .input, .BriefItem select{
  width: 420px;
}
.form .Input .error { border: #f00 solid 1px; }
.form .Input em.error, .form .Input label.invalid { border: none; color: #f00; float: right; width: 430px; }
.form .Action { text-align: right; }
Button, input[type="submit"] {border-left: 1px solid #E1E1E1;border-top: 1px solid #E1E1E1; border-bottom: 0; border-right: 0; /*padding: 3px 15px;*/ padding: 3px; background-color: #666666;color: white;}
td{padding:4px;}
/* QuickInfo */
.QuickInfo .Title { font-size: 1.4em; border-bottom: #e2e2e2 solid 1px; color: #393939; margin-bottom: 10px; padding-bottom: 10px; font-weight: bolder; }
.aside .input{
  width: 250px;
}
/* BriefItem */
.services-list li.BriefItem .title { border-bottom: #e3e3e3 solid 1px; color: #2c2c2c; font-size: 2em; font-weight: normal; line-height: 36px; margin-bottom: 20px; padding-bottom: 5px; }
.services-list li.BriefItem .brief-url a { color: #b73214; font-size: .9em; font-weight: bolder; }

/* News */
.article-list li{margin-bottom: 15px; padding-bottom: 5px; border-bottom: dashed 1px #ccc;}
.th {
	text-align : center;
	color : #FFF;
	background-color : #666;
	height : 20px;
	font-weight : normal;
	padding: 3px;
}
.th a {
	color : #FFFFFF;
}
.tr {
	background-color: #FAFAFA;
	border-top: 1px solid #666;
	padding: 3px;
	overflow:hidden;
}
.tr2{
  background-color: #D7D6D6;
  border-top: 1px solid #666;
  padding: 3px;
	overflow:hidden;
	clear:right;
}
.td {
	padding-left : 5px;
	border-left : 1px solid #CCC;
}
.td2 {
	padding-left : 5px;
	border-left : 1px solid #CCC;
}
.table a{
  color: #666;
}
.table{
  border-right : 1px solid #CCC;
  border-bottom : 1px solid #CCC;
}
.tooltip {
	padding : 3px;
	border : 1px solid #666;
	display : none;
	background : #666;
	color : #fff;
	font : bold 9px Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	position : absolute;
	z-index : 1000;
}
.signature {
	border-top:1px dotted grey;
	font-size:11px;
	font-style:italic;
	margin-top:10px;
	padding:3px;
}
.input { width: 95%; }