@charset "windows-1250";
img, div, span, a
{
	behavior: url(/css/iepngfix.htc)
}
* {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
body {
	background-color: #2c73bd;
	background-repeat: repeat-x;
	background-image: url(../images/body-bg.png);
	background-position: left top;
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a {
	color: #0054aa;
}
a:hover {
	text-decoration: none;
}


.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}

.wrap {
	background-image: url(../images/top-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 100%;
	position: relative;
}
.wrap .main {
	background-image: url(../images/main-bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	position: relative;
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #8EBFF3;
}
.wrap .main .container {
	position: relative;
	height: auto;
	width: 960px;
	background-image: url(../images/main-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.wrap .main .container .logo  {
	position: absolute;
	left: 30px;
	top: 70px;
}
.wrap .main .container .menu {
	position: absolute;
	text-transform: uppercase;
	list-style-type: none;
	height: 50px;
	left: 15px;
	top: 0px;
	width: 707px;
	z-index: 1;
}
.wrap .main .container .menu li {
	line-height: 50px;
	display: block;
	float: left;
	height: 50px;
}
.wrap .main .container .menu li a {
	display: block;
	line-height: 50px;
	width: 50px;
	float: left;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 0px 50px;
	font-size: 12px;
	color: #004e9d;
	text-decoration: none;
}
.wrap .main .container .menu li a:hover {
	background-position: 0px 0px;
	background-color: #eef6ff;
}
.wrap .main .container .menu li a.active {
	background-position: 0px 0px;
}
.wrap .main .container .menu .m1 {
	width: 68px;
}
.wrap .main .container .menu .m2 {
	width: 144px;
}
.wrap .main .container .menu .m3 {
	width: 128px;
}
.wrap .main .container .menu .m4 {
	width: 152px;
}
.wrap .main .container .menu .m5 {
	width: 131px;
}
.wrap .main .container .menu .m6 {
	width: 84px;
}
.wrap .main .container .menu .m1 a {
	background-image: url(../images/menu-01.jpg);
	width: 68px;
}
.wrap .main .container .menu .m2 a {
	width: 144px;
	background-image: url(../images/menu-02.jpg);
}
.wrap .main .container .menu .m3 a {
	width: 128px;
	background-image: url(../images/menu-03.jpg);
}
.wrap .main .container .menu .m4 a {
	width: 152px;
	background-image: url(../images/menu-04.jpg);
}
.wrap .main .container .menu .m5 a {
	width: 131px;
	background-image: url(../images/menu-05.jpg);
}
.wrap .main .container .menu .m6 a {
	width: 84px;
	background-image: url(../images/menu-06.jpg);
}
.wrap .main .container .top-phone {
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(../images/top-phone.png);
	position: absolute;
	height: 33px;
	width: 172px;
	line-height: 30px;
	text-indent: 36px;
	top: 13px;
	right: 30px;
	background-color: #A3E76B;
}
.wrap .main .container .top-phone span {
	display: none;
}

.wrap .main .right {
	padding-top: 115px;
	float: right;
	position: relative;
	width: 687px;
	right: 30px;
}
.wrap .main .right h1 {
	font-size: 27px;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: -35px;
}
.wrap .main .right p {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 20px;
}
.wrap  .main  .right  .gallery-box, .wrap .main .right .delivery-box {
	background-image: url(../images/gallery-box.gif);
	height: 473px;
	width: 687px;
	background-color: #D4E8FD;
	position: relative;
	margin-bottom: 31px;
	background-repeat: no-repeat;
	background-position: left top;
}
.wrap .main .container .content .right .delivery-box {
	background-image: url(../images/delivery-box.gif);
	height: 651px;
}

.wrap .main .container .content .right .gallery-box img {
	border: 1px solid #dbeeff;
}
.wrap .main .container .content .right .gallery-box .big-thumb {
	position: absolute;
	left: 11px;
	top: 11px;
}
.wrap .main .container .content .right .gallery-box .text {
	position: absolute;
	width: 205px;
	left: 465px;
	margin-left: 10px;
	margin-top: 10px;
	top: 11px;
}
.wrap .main .container .content .right .gallery-box .text h2 {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 10px;
}
.wrap .main .container .content .right .gallery-box .text p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 10px;
}
.wrap .main .container .content .right .gallery-box .text .button a {
	background-image: url(../images/gallery-button.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
	width: 203px;
	line-height: 28px;
	color: #FFFFFF;
	display: block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9.5px;
	margin-top: 25px;
	background-color: #004CA2;
}
.wrap .main .container .content .right .gallery-box .slider {
	position: absolute;
	height: 119px;
	width: 665px;
	left: 11px;
	bottom: 11px;
	overflow: hidden;
}
.wrap .main .container .content .right .gallery-box .slider div {
	height: 94px;
	width: 1800px;
}
.wrap .main .container .content .right .gallery-box .slider img {
	margin-right: 10px;
	float: left;
}
.wrap .main .container .content .right .delivery-box .images {
	padding-top: 11px;
	padding-left: 11px;
	position: relative;
}
.wrap .main .container .content .right .delivery-box .images img {
	margin-right: 9px;
	margin-bottom: 9px;
	margin-top: 0px;
	margin-left: 0px;
}
.wrap  .main  .container  .content  .right  .delivery-box  .text  {
	left: 348px;
	position: absolute;
	top: 266px;
	width: 326px;
}
.wrap .main .container .content .right .contact-box {
	background-image: url(../images/contact-box.gif);
	position: relative;
	height: 477px;
	width: 687px;
	background-color: #D4E8FD;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 30px;
}
.wrap .main .container .content .right .contact-box form {
	margin-left: 22px;
	margin-right: 22px;
	padding-top: 22px;
}
.wrap .main .container .content .right .contact-box label {
	font-size: 12px;
	width: 100px;
	display: block;
	float: left;
	line-height: 20px;
}
.wrap    .main    .container    .content    .right    .contact-box    .input, .wrap   .main   .container   .content   .right   .contact-box   select, .wrap .main .container .content .right .contact-box textarea {
	height: 14px;
	width: 260px;
	border: 1px solid #c7c7c7;
	margin-bottom: 9px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	color: #666666;
}
.wrap .main .container .content .right .contact-box select {
	height: 20px;
	width: 268px;
	padding: 0px;
}
.wrap .main .container .content .right .contact-box textarea {
	width: 530px;
	height: 94px;
	margin-bottom: 5px;
}
.wrap .main .container .content .right .contact-box p {
	font-size: 12px;
	text-align: right;
	display: block;
	margin-right: 5px;
}
.wrap .main .container .content .right .contact-box .button {
	font-size: 9px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	background-image: url(../images/contact-button.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
	width: 83px;
	background-color: #004CA1;
	line-height: 28px;
	position: absolute;
	left: 122px;
	bottom: 21px;
}







.wrap  .main  .container  .content  .left div {
	position: absolute;
	left: 31px;
	top : 246px;
	width: 153px;
	z-index: 3;
}
.wrap .main .container .content .left h2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
.wrap .main .container .content .left p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 10px;
}
.wrap  .main  .container  .content  .left  .phone, .wrap .main .container .content .left .address {
	display: block;
	line-height: 30px;
	background-image: url(../images/left-phone.png);
	height: 33px;
	width: 153px;
	color: #004ba0;
	font-size: 15px;
	text-indent: 33px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #cce3fb;
}
.wrap .main .container .content .left .phone span {
	display: none;
}
.wrap .main .container .content .left .address {
	text-indent: 0px;
	background-image: url(../images/left-address.png);
	height: 88px;
	width: 141px;
	line-height: 20px;
	padding-top: 7px;
	padding-left: 12px;
	margin-bottom: 0px;
}
.wrap  .main  .index {
	background-image: url(../images/container-index-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 884px;
}
.wrap .main .container .index .text {
	position: absolute;
	top: 85px;
	right: 30px;
	width: 470px;
}
.wrap  .main  .container  .index  .text h2 {
	font-size: 27px;
	line-height: 35px;
	font-weight: normal;
	text-align: right;
	margin-bottom: 10px;
}
.wrap .main .container .index .text a {
	background-image: url(../images/index-button.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 291px;
	display: block;
	font-size: 12px;
	line-height: 35px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	position: relative;
	float: right;
}
.wrap  .main  .container  .index  h3  {
	font-size: 25px;
	font-weight: normal;
	margin-bottom: 5px;
}

.wrap .main .container .index .news {
	position: absolute;
	left: 40px;
	width: 200px;
	top: 673px;
}
.wrap .main .container .index .news dt {
	font-size: 10px;
	line-height: 14px;
}
.wrap  .main  .container  .index  .news  dd {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 5px;
}
.wrap .main .container .index .gallery {
	position: absolute;
	height: 115px;
	width: 416px;
	right: 40px;
	top: 673px;
}
.wrap    .main    .container    .index    .gallery    p  {
	text-transform: uppercase;
	font-size: 10px;
	position: absolute;
	text-align: right;
	top: 12px;
	right: 12px;
}
.wrap .main .container .index .gallery .slider {
	position: absolute;
	height: 131px;
	overflow: hidden;
	width: 416px;
}

.wrap .main .container .index .gallery .slider2 {
	position: absolute;
	height: 131px;
	overflow: hidden;
	width: 416px;
	background-image: url(../images/index-slider.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.wrap .main .container .index .gallery .slider div {
	height: 108px;
	width: 1800px;
}
.wrap .main .container .index .gallery .slider img {
	border: 1px solid #dbeefe;
	float: left;
	margin-right: 9px;
}





.wrap .footer {
	position: relative;
	width: 960px;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 10px;
	margin-bottom: 30px;
}
.wrap .footer-index {
	height: 22px;
	background-image: none;
}

.wrap   .footer   .copyright {
	left: 30px;
	bottom: 5px;
	position: absolute;
}
.wrap .footer .footer-menu {
	right: 30px;
	bottom: 5px;
	position: absolute;
	text-align: left;
}
.wrap .footer .footer-menu a {
	color: #FFFFFF;
	text-decoration: none;
}
.wrap .footer .footer-menu a:hover {
	text-decoration: underline;
}
