* {margin: 0; padding: 0; line-height: 100%;}
html, body {height: 100%;}
body {font: 12px Tahoma; color: #666;}
a {color: #000; text-decoration: none;}
a:hover {color: #39c;}
img {border: 0;}
p {padding: 0 0 15px 0;}
input, textarea, select, button {font: 12px Tahoma;}
header, section, footer, nav, article {display: block;}
button {cursor: pointer;}
.clr {clear: both;}
#info {background-color: #ffc; padding: 5px; line-height: 150%; font-size: 11px; color: #985424; border: 1px solid #ffe699; font-weight: bold;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}


.center {width: 980px; margin: auto;}
.left50 {width: 50%; float: left;}
.right50 {width: 50%; float: right;}
.left280 {width: 280px; float: left; margin-right: 20px;}
.right680 {width: 680px; float: right;}
.imageleft {float: left; margin-right: 10px;}
.imageright {float: right; margin-left: 10px;}
.lineheight {line-height: 150%;}
.lineheight * {line-height: 150%;}
.alignright {text-align: right;}
.alignleft {text-align: left;}
.floatright {float: right}
.floatleft {float: left;}

header {position: relative;}
header .background {height: 390px; background: url(../img/header-background.png) repeat-x;}
header .separator {height: 18px; background: url(../img/header-separator.png) repeat-x; border-top: 1px solid #3c7aad;}
header .head {position: absolute; top: 0; width: 100%;}
header .center {position: relative;}

header .top {height: 125px; width: 980px; background: url(../img/header-top-background.png) no-repeat; position: absolute; z-index: 2; padding-top: 10px;}
header .top .logo {float: left;}
header .top nav {float: right;}
header .top nav ul {list-style: none; float: right; padding-top: 8px;}
header .top nav ul li {float: left;}
header .top nav ul li a {display: block; text-indent: -9999px; background: url(../img/tr/menu.png) no-repeat;}
header .top nav ul li.home a {width: 92px; height: 106px; background-position: -98px 0;}
header .top nav ul li.home a:hover {background-position: -98px -130px;}
header .top nav ul li.home a.active {background-position: -98px -130px;}
header .top nav ul li.aboutus a {width: 104px; height: 101px; background-position: -190px 0;}
header .top nav ul li.aboutus a:hover {background-position: -190px -130px;}
header .top nav ul li.aboutus a.active {background-position: -190px -130px;}
header .top nav ul li.products a {width: 87px; height: 92px; background-position: -294px 0;}
header .top nav ul li.products a:hover {background-position: -294px -130px;}
header .top nav ul li.products a.active {background-position: -294px -130px;}
header .top nav ul li.human a {width: 150px; height: 83px; background-position: -381px 0;}
header .top nav ul li.human a:hover {background-position: -381px -130px;}
header .top nav ul li.human a.active {background-position: -381px -130px;}
header .top nav ul li.gallery a {width: 71px; height: 63px; background-position: -531px 0;}
header .top nav ul li.gallery a:hover {background-position: -531px -130px;}
header .top nav ul li.gallery a.active {background-position: -531px -130px;}
header .top nav ul li.license a {width: 123px; height: 55px; background-position: -602px 0;}
header .top nav ul li.license a:hover {background-position: -602px -130px;}
header .top nav ul li.license a.active {background-position: -602px -130px;}
header .top nav ul li.contact a {width: 75px; height: 47px; background-position: -725px 0;}
header .top nav ul li.contact a:hover {background-position: -725px -130px;}
header .top nav ul li.contact a.active {background-position: -725px -130px;}


header .banner-border {height: 370px; width: 950px; padding: 0 14px 14px 14px; border: 1px solid #ddd; border-top: 0; background-color: #fff; position: relative; top: 68px; z-index: 1; }
header .banner {height: 370px; position: absolute;}



.main {background: url(../img/main-background.jpg) repeat-x; padding-top: 60px;}
.main h1.caption {height: 34px; background: url(../img/h1-caption.png) center top no-repeat; margin-bottom: 10px;}
.main h1.caption span {display: block; background: url(../img/h1-bullet.png) 5px 12px no-repeat; font-weight: normal; font-size: 18px; letter-spacing: -0.5px; color: #fff; padding: 8px 0 0 20px;}
.main h3 {font-size: 15px; padding-bottom: 5px; color: #000;}
.main .abutton {
	padding: 5px 10px; background-color: #f5f5f5; border: 1px solid #ddd; border-bottom: 1px solid #ccc; font-weight: bold; color: #295685;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.main .leftnews {margin-bottom: 10px;}
.main .leftnews ul {list-style: none; font-size: 12px; font-size: 11px;}
.main .leftnews ul li {height: 80px; overflow: hidden;}
.main .leftnews ul li .caption {padding-bottom: 5px;}
.main .leftnews ul li .caption a {color: #105e9e; font-weight: bold;}
.main .leftnews ul li .caption span {padding-left: 10px; color: #999;}
.main .leftnews .allnews {display: block; font-size: 10px; background: url(../img/bullet-plus.png) no-repeat; border-bottom: 1px solid #ddd; color: #000; padding: 0 0 5px 15px;}


.main .leftbox {margin-bottom: 30px;}
.main .leftbox .box-gallery {width: 280px; height: 94px; background: url(../img/box-gallery.png) no-repeat;}
.main .leftbox .box-human {width: 280px; height: 94px; background: url(../img/box-human.png) no-repeat;}
.main .leftbox .item a {width: 200px; height: 64px; display: block; padding: 30px 0 0 80px; color: #fff;}
.main .leftbox .item a strong {display: block; font-size: 18px;}


.main .products figure {float: left; padding: 15px 25px; text-align: center; font-weight: bold;}
.main .products figure img {width: 180px; border: 5px solid #ddd; margin-bottom: 5px;}
.main .products figure a:hover img {border: 5px solid #cbd694;}



.main .gallery figure {float: left; padding: 10px 15px; text-align: center;}
.main .gallery figure img {width: 120px; border: 5px solid #ddd;}
.main .gallery figure a:hover img {border: 5px solid #cbd694;}

.main .license figure {float: left; padding: 10px 15px;}
.main .license figure img {width: 150px; border: 5px solid #ddd;}
.main .license figure a:hover img {border: 5px solid #cbd694;}


.main .news-list {margin-bottom: 50px;}
.main .news-list .item {margin-bottom: 5px;}
.main .news-list .item .caption {font-weight: bold;}
.main .news-list .item .date {color: #999; font-size: 11px;}
.main .news .time {color: #999; padding-bottom: 10px;}

.main .contact-info  {padding-bottom: 40px;}
.main .contact-box  {padding: 40px 0; width: 435px; float: right;}
.main .contact-box .caption {color: #000; padding-left: 5px; margin-bottom: 5px; font-weight: bold;}
.main .contact-box .cbox {
	padding: 10px; background-color: #f5f5f5; border: 1px solid #b2b2b2; line-height: 150%;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.main .form {width: 400px;}
.main .form table {padding-top: 10px;}
.main .form td {vertical-align: top;}
.main .form .label {font-weight: bold; width: 150px; padding-top: 6px;}
.main .form .input {width: 220px;}
.main .form .input input {width: 240px; padding: 5px; border: 1px solid #ddd; border-top: 1px solid #ccc; margin-bottom: 5px;}
.main .form .input textarea {width: 240px; height: 100px; padding: 5px; border: 1px solid #ddd; border-top: 1px solid #ccc; margin-bottom: 5px; resize: none;}
.main .form .input select {width: 252px; padding: 5px; border: 1px solid #ddd; border-top: 1px solid #ccc; margin-bottom: 5px;}
.main .form .input button {
	padding: 5px 10px; background-color: #f5f5f5; border: 1px solid #ddd; border-bottom: 1px solid #ccc; font-weight: bold; color: #000;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}



footer {margin-top: 30px; background: url(../img/footer-separator.png) repeat-x; padding: 30px 0 50px 0;}