@import"reset.css";@import"pro_pages_style.css";@import"grid.css";@import"forms.css";@import"prettyPhoto.css";@import"jquery.snippet.min.css";
@import"../skin/blue.monday/jplayer.blue.monday.css";@import"../css/smoothness/jquery-ui-1.8.17.custom.css";
@import url(http://fonts.googleapis.com/css?family=Oleo+Script);/* font-family: 'Oleo Script', cursive; */
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700); /* font-family: 'Ubuntu', sans-serif; */
body{font:14px/21px Arial, Helvetica, sans-serif;color:#83868a;position:relative;min-width:1322px; background: url(../images/bg.gif) 0 0 repeat #fff;}
html, body{height:100%;}
.main-pad {padding-top:62px;}
.main {width:960px; margin:0px auto 0 auto; padding:70px 180px 0 180px; border:#dad8d8 1px solid; background:#fff;}
p{}
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#2b2b2b;font-family: 'Ubuntu', sans-serif; font-weight:normal;}
h1{font-size:36px; letter-spacing:-2px;}
h1 .h1-span {font-style:normal; display:block; margin-top:-9px;}
h2{font-size:30px;letter-spacing:-2px;}
h3{font-size:28px;letter-spacing:-2px;} 
h4{font-size:24px;letter-spacing:-2px;} 
h4 .h4-span {font-style:normal; display:block; margin-top:-8px;}
h5{font-size:20px;letter-spacing:-1px;}
h6{font-size:19px;letter-spacing:-1px;}

a {text-decoration:none; color:#a6b446;}

a.button { }
a.button:hover { }

a.link {font-size:11px; line-height:15px; color:#afc139; text-transform:uppercase; display:inline-block; background:url(../images/link.png) right 5px no-repeat; padding-right:9px;}
a.link:hover {color:#292929;}

a.link-1 {font-size:11px; line-height:15px; color:#292929; text-transform:uppercase; display:inline-block; background:url(../images/link.png) right 5px no-repeat; padding-right:9px;}
a.link-1:hover {color:#afc139;}

a.link-2 {font-size:14px; line-height:18px; color:#83868a; display:inline-block; background:url(../images/marker-1.png) 0 4px no-repeat; padding:5px 0 0 28px; display:inline-block;}
a.link-2:hover {color:#afc139;}

ul {margin:0; padding:0;list-style-image:none;}
ul.list-1 li {padding:0px 0 9px 28px; font-size:14px; color:#afc139; line-height:21px; font-style:italic; background:url(../images/marker-1.png) 0 2px no-repeat;}
ul.list-1 li a { color:#afc139; }
ul.list-1 li a:hover {color:#313131;}

ul.list-2 li {padding:6px 0 4px 45px; font-size:14px; color:#83868a; line-height:30px; overflow:hidden;display:block; }
ul.list-2 li.img-1 {background:url(../images/img-1.png) 0 0 no-repeat;}
ul.list-2 li.img-2 {background:url(../images/img-2.png) 0 0 no-repeat;}
ul.list-2 li.img-3 {background:url(../images/img-3.png) 0 0 no-repeat;}
ul.list-2 li.img-4 {background:url(../images/img-4.png) 0 0 no-repeat;}
ul.list-2 li.img-5 {background:url(../images/img-5.png) 0 0 no-repeat;}
ul.list-2 li.img-6 {background:url(../images/img-6.png) 0 0 no-repeat;}
ul.list-2 li.img-7 {background:url(../images/img-7.png) 0 0 no-repeat;}
ul.list-2 li.img-8 {background:url(../images/img-8.png) 0 0 no-repeat;}
ul.list-2 li.img-9 {background:url(../images/img-9.png) 0 0 no-repeat;}
ul.list-2 li.img-10 {background:url(../images/img-10.png) 0 0 no-repeat;}
ul.list-2 li.img-11 {background:url(../images/img-11.png) 0 0 no-repeat;}
ul.list-2 li.img-12 {background:url(../images/img-12.png) 0 0 no-repeat;}
ul.list-2 li.img-13 {background:url(../images/img-13.png) 0 0 no-repeat;}
ul.list-2 li.img-14 {background:url(../images/img-14.png) 0 0 no-repeat;}
ul.list-2 li.img-15 {background:url(../images/img-15.png) 0 0 no-repeat;}
ul.list-2 li.img-16 {background:url(../images/img-16.png) 0 0 no-repeat;}
ul.list-2 li.img-17 {background:url(../images/img-17.png) 0 0 no-repeat;}
ul.list-2 li a { color:#83868a; line-height:18px; display:inline-block;}
ul.list-2 li a:hover {color:#313131;}

/* Global Structure---------------------------------------- */
.wrap {overflow:hidden;}
.wrapper {overflow:hidden;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.clear {clear:both; float:none !important}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.img-indent {float:left; margin:6px 11px 0px 0;}
.img-indent-2 {float:left; margin:6px 20px 0px 0;}
.last {margin-right:0px !important;}
.line-height {line-height:20px;}
.nowrap {white-space:nowrap;}
.upper {text-transform:uppercase;}

.text-1 {line-height:1.2em;color:#2b2b2b;font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:21px;letter-spacing:-1px;}
.text-2 {line-height:22px;color:#ababab;font-family: 'Ubuntu', sans-serif; font-weight:normal; font-size:18px;}

.clr-1 {color:#a6b446;}
a.clr-1:hover {color:#2b2b2b;}

.top { padding-top:0px;}
.top-1 { margin-top:14px;}
.top-2 { margin-top:34px;}
.top-3 { margin-top:31px;}
.top-4 { margin-top:0px;}
.top-5 { margin-top:0px;}

.left-1 {padding-left:0px;}

.right-1 {padding-right:0px;}

.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important;}
.bot-1 {padding-bottom:0px;}

.pad-1 {margin:0px 0 0px 0;}

.p1 {margin-bottom:21px;}
.p2 {margin-bottom:16px;}
.p3 {margin-bottom:25px;}
.p4 {padding-bottom:12px;}
.p5 {padding-bottom:11px;}
.p6 {padding-bottom:7px;}
.p7 {padding-bottom:0px;}
.p8 {padding-bottom:0px;}

/**to top**/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	overflow:hidden;
	width:60px;
	height:60px;
	border:none;
	text-indent:-999px;
	z-index:999;
	background:url(../images/totop.png) no-repeat left top;
}
#toTop:hover {
	outline:none;
	background-position: 0 bottom;
}

/*********************************header*************************************/

header {width:940px; margin:0 auto; z-index:101; position:relative; border-bottom:#b8b8b8 1px dotted;}
.sub-header {padding-bottom:20px;}
header h1 {display:inline-block; float:left;}
header h1 a {display:inline-block;}
header h1 a strong {display:block; font-family: 'Oleo Script', cursive; font-size:72px;line-height:90px; color:#292929; font-weight:normal; letter-spacing:-5px;}
header h1 a span {display:block; font-family: Arial, Helvetica, sans-serif; font-size:12px;line-height:15px; color:#9da1a4; font-weight:normal; text-transform:uppercase; letter-spacing:1px; margin-top:-19px;}

nav {position:relative; z-index:101; display:inline-block; float:right; background:url(../images/nav.jpg) 0 0 repeat-x #e9e9e9; border-top:#f4f4f4 1px solid; border-left:#f4f4f4 1px solid;  border-right:#d1d1d1 1px solid;  border-bottom:#d1d1d1 1px solid; border-radius:6px; padding:8px 0 9px 0; margin-top:27px;}

/* menu */
.sf-menu {display:inline-block;}
.sf-menu ul {position:absolute; top:-999px; display:none;}
.sf-menu li {position:relative; float:left; }
.sf-menu a {text-decoration:none;font-family: Arial, Helvetica, sans-serif;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:99}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0;}

ul.sf-menu>li { text-align:center; display:inline-block; background:url(../images/li.jpg) 0 0 no-repeat;}
ul.sf-menu>li:first-child {background:transparent;}
ul.sf-menu>li>a {color:#9e9d9d; font-size:11px; line-height:14px; text-transform:uppercase;  display:inline-block; position:relative; padding:9px 20px 9px 20px;}
ul.sf-menu>li>a>span {position:absolute; left:50%; margin-left:-3px; bottom:3px; width:7px; height:4px; display:inline-block; background:url(../images/li-span.gif) 0 0 no-repeat;}
ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover {  }
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover {color:#000;}

.sf-menu>li>ul { width:126px; background: url(../images/ul-1.gif) 0 0 repeat; left:-22px; top:43px; padding:23px 0px 23px 0px; border-radius:6px;}
.sf-menu>li>ul>li {display:block; width:90px;  line-height:15px; text-align:left; padding:9px 10px 10px 25px;} 
.sf-menu>li>ul>li>a { color:#8e8e8e; font-size:12px; line-height:15px; text-transform:uppercase; display:inline-block;}
.sf-menu>li>ul>li:hover, ul.sf-menu>li>ul>li.sfHover{ }
.sf-menu>li>ul>li>a:hover, ul.sf-menu>li>ul>li.sfHover a {color:#fff;}

.sf-menu>li li>ul {width:114px; background: #3a3a3a; left:127px !important; top:-4px !important; padding:5px 0px 5px 0px; border-radius:6px;}
.sf-menu>li li>ul>li {display:block; width:78px;line-height:15px;  text-align:left;padding:9px 10px 10px 25px;}
.sf-menu>li li>ul>li>a { color:#818080 !important;  font-size:12px; line-height:15px; text-transform:uppercase;display:inline-block; }
.sf-menu>li li>ul>li:hover, ul.sf-menu>li li>ul>li.sfHover{}
.sf-menu>li li>ul>li>a:hover, ul.sf-menu>li li>ul>li.sfHover a {color:#fff !important; }

/*Slider*/
#slide {width:940px; height:462px; position:relative; padding-bottom:30px; margin-top:19px; }
.slider { width:938px; height:460px; position:relative; z-index:2; border:#e6e6e6 1px solid; }
.items { display:none;}

.pagination { position:absolute; bottom:6px; left:440px; display:inline-block; z-index: 111;}
.pagination li {float:left; display:inline-block; width:18px; height:18px; margin-right:3px; }
.pagination li a { display:block; width:18px; height:18px; background:url(../images/pagination.png) right 0 no-repeat;}
.pagination li.current a, .pagination li:hover a { background-position:0 0; }

.banner {position:absolute; right:0px; top:132px; width:277px; height:212px; background:url(../images/banner.png) 0 0 no-repeat;  }
.banner>div {width:214px;}
.banner p {font-family: 'Ubuntu', sans-serif;font-size:24px; line-height:30px; color:#434546; text-transform:uppercase; text-align:center; letter-spacing:-1px; padding-top:47px;}
.banner p>span {display:block; font-size:14px; line-height:17px; margin-top:-2px;}
.banner a {float:right; margin:18px 24px 0 0;}

/********************** Content ************************/
section{ position:relative; z-index:1;}
#content { width:100%; padding-bottom:111px; }
.sub-content {padding-top:43px;}

.img-border {background:#fff; border:#e6e5e5 1px solid; padding:3px; display:inline-block;}

.block-1 { border-bottom:#b8b8b8 1px dotted; padding:35px 0 39px 0;}
.block-1 h1{text-align:center;}
.block-1 .wrap {padding-top:45px;}
.block-1 .wrap>div {float:left; width:400px; margin-right:140px;}
.block-1 .wrap>div figure {margin-bottom:28px;}

.block-2 { border-bottom:#b8b8b8 1px dotted; padding:37px 0 38px 0; margin-bottom:40px;}
.block-2 h1{text-align:center;}
.block-2 .wrap {padding-top:41px;}
.block-2 h4 {margin:22px 0 26px 0;}
.block-2 p {margin-bottom:34px;}
.block-2 .wrap>div {float:left; width:220px; margin-right:20px;}

.letter {background:url(../images/letter.png) 0 0 no-repeat; display:inline-block; width:39px; height:39px; text-align:center;font-family: 'Ubuntu', sans-serif;font-size:24px; line-height:37px; overflow:hidden; color:#fff;}

.block-3 {overflow:hidden;}
.block-3 h1 {width:220px; margin:19px 20px 0 0; float:left;}
.block-3 .border-left {border-left:#e6e6e6 1px solid; overflow:hidden; padding:0 0 0 25px;}

.block-4 {overflow:hidden; padding-top:50px;}
.block-4 p.text-1 {overflow:hidden; width:670px; padding-top:13px;}
.newsletter {color:#fff; font-family: 'Ubuntu', sans-serif;font-size:18px; line-height:22px; letter-spacing:-1px; text-transform:uppercase; background:url(../images/newsletter.jpg) 0 0 repeat-x #a2b62f; border-bottom:#d1d1d1 1px solid; border-right:#d1d1d1 1px solid; display:inline-block; text-decoration:none; padding:15px 17px 16px 15px; cursor:pointer; border-radius:6px; float:right; }
.newsletter span {display:block; background:url(../images/newsletter-img.jpg) right 2px no-repeat; padding-right:42px;}
.newsletter:hover {background:#a2b62f; }

.comments {font-size:12px; line-height:18px; font-weight:bold; padding:14px 0 19px 0;}
.comments img {margin-top:2px}

.number {overflow:hidden; padding-bottom:28px;}
.number>span {background:url(../images/letter.png) 0 0 no-repeat; display:inline-block; width:39px; height:39px; text-align:center;font-family: 'Ubuntu', sans-serif;font-size:24px; line-height:37px; overflow:hidden; color:#fff; float:left; margin:6px 14px 0 0px;}

.block-5 {overflow:hidden; margin-top:45px; margin-bottom:43px; padding-top:43px; padding-bottom:46px; border-top:#b8b8b8 1px dotted; border-bottom:#b8b8b8 1px dotted;}
.block-5>.wrap .fleft {width:300px; margin-right:20px; font-style:italic;}

.banners-1, .banners-2 {overflow:hidden; display:block; padding-top:20px; }
.banners-1 li {position:relative; display:inline-block; float:left; margin-left:30px;}
.banners-2 li {position:relative; display:inline-block; float:left; margin-left:60px;}
.banners-1 li:first-child, .banners-2 li:first-child  {margin-left:0;}
.banners-1 li a, .banners-2 li a { display: inline-block;}
.banners-1 li a span, .banners-2 li a span  {position:absolute; left:0; top:0; display:block; z-index:111; opacity:1;}
.banners-1 li a:hover span, .banners-2 li a:hover span { opacity:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; }

.block-6 {background:#f8f8f8; overflow:hidden; padding:25px 20px 52px 20px; border-bottom:#f1f1f1 1px solid; border-right:#f1f1f1 1px solid; margin-top:7px; margin-bottom:50px;}
.block-6>div {float:left; width:319px; margin-right:20px;}
.block-6>div figure {margin-bottom:8px;}
.block-6>div p.text-2 {margin:-2px 0 10px 0;}

.block-7 {overflow:hidden;}
.block-7>div {float:left;width:300px; margin-right:20px;}
.block-7 ul { margin-top:22px;}

.block-8 {overflow:hidden; line-height:18px;}
.block-8>div {float:left;width:300px; margin-right:20px;}
.block-8>div p {padding-top:9px;}

.block-9 {overflow:hidden; margin-top:40px; padding-top:43px; border-top:#b8b8b8 1px dotted; }

.page4-banner {float:right; display:inline-block; margin:10px 0 0 70px;}

.block-10 {background:#e9e9e9; margin-top:7px; margin-bottom:60px; font-size:12px; line-height:18px; color:#696969; }
.block-10 td {border-left:#b8b8b8 1px dotted; border-top:#b8b8b8 1px dotted;  border-collapse:collapse; width:294px; padding:15px 0 24px 18px; }
.block-10 tr:first-child td {border-top:none !important;}
.block-10 tr td:first-child {border-left:none !important;}
.block-10 td>strong {font-family: 'Ubuntu', sans-serif;font-size:30px; line-height:36px; color:#575757; font-weight:bold; text-transform:uppercase;}
.block-10 td>strong>span {font-size:18px; line-height:22px; color:#b3b3b3; display:block; margin-top:-7px;}
.block-10 tr:first-child td:first-child {padding-top:26px !important;}
.block-10 tr:first-child td:first-child>.wrap {margin-top:14px !important;}
.block-10 tr td>.wrap {margin-top:10px;}
.block-10 td>.wrap>p {overflow:hidden; width:130px;}
.block-10 td>.wrap>p a {color:#ababab;}
.block-10 td>.wrap>p a:hover {color:#b2c33f;}
.block-10 td>.wrap .fright {width:147px; text-align:center;}
.block-10 td>.wrap .fright>a {display:block; background:#575757;font-family: 'Ubuntu', sans-serif;font-size:38px; line-height:48px; color:#fff; font-weight:bold; text-transform:uppercase; padding:5px 0 9px 0; margin-top:6px;}
.block-10 td>.wrap .fright>a:hover { background:#adbe3c;}
.block-10 td>.wrap .fright>a>span {display:inline-block;font-size:18px; line-height:22px; color:#1f1f1f; margin-top:20px;} 
.block-10 td>.wrap .wrap {padding-top:5px; font-size:14px; line-height:17px;}
.block-10 td>.wrap .wrap>span {float:left; width:46px; text-align:right; padding-right:13px; display:block;}
.block-10 td>.wrap .wrap>strong {float:right; width:88px; text-align:left;font-weight:normal;display:block;}
.block-10 td>.wrap .wrap>strong>span {display:block; margin-top:-3px;}

/******************** Footer ******************/
footer {width:940px; margin:0 auto; position:relative; padding:26px 0 27px 0; font-size:12px; line-height:15px; font-family:Arial, Helvetica, sans-serif; color:#555454;overflow:hidden; border-top:#e8e8e8 1px solid; }
footer .fleft {}
footer .fleft strong {display:inline-block; font-family: 'Oleo Script', cursive; font-size:36px;line-height:45px; color:#2b2b2b; font-weight:normal; letter-spacing:-2px;}
footer .fleft span {display:inline-block; text-transform:uppercase; margin:21px 0 0 10px;}
footer .fleft a { color:#555454;}
footer .fleft a:hover {text-decoration:underline;}
footer .fright {overflow:hidden; text-align:right;padding:10px 0 3px 0;}
footer .fright a {display:block; float:left; width:28px; height:28px; margin-left:6px;}
footer .fright a:hover {margin-top:3px;  -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }

/**********************form**********************/
.map {width:292px; height:267px; margin:23px 0px 15px 0; }
.map iframe {width:292px; height:267px; }
dl.adrss { }
dl.adrss dt {}
dl.adrss dd {}
dl.adrss dd span { display:block; width:82px; float:left;}
dl.adrss dd a {}
dl.adrss dd a:hover {}

#form { width:380px; margin-top:23px; }
#form input { width:203px; font-family:Arial, Helvetica, sans-serif; color:#83868a; font-size:14px; height:17px; padding:9px 6px 12px 9px; vertical-align:middle; font-weight:normal; margin:0; background:#fff; border:#e6e5e5 1px solid;outline:none; overflow:hidden; float:left;}
#form textarea {resize:none; height:168px; overflow:auto; font-family:Arial, Helvetica, sans-serif; color:#83868a; font-size:14px; vertical-align:middle; padding:10px 0 0 9px; margin:0; background:#fff; border:#e6e5e5 1px solid; outline:none;width:369px; float:left; overflow: auto; resize:none; margin-top:1px; }
#form label {
	position:relative;
	overflow:hidden;
    display: block;
    min-height:59px;
}
#form .error, #form .empty {
    color: #FF0000;
    display: none;
    font-size: 11px;
	line-height:14px;
	width:150px;
	margin-top:5px !important;
}
#form .error-empty {margin: 5px 0 0px 10px !important; display:none; float:left;}
#form .success {display:none; padding-bottom:10px;}
#form .btns{ padding:26px 0 0 0; text-align:right; overflow:hidden; position:relative;}	
#form .btns a {margin-left:25px;}
