@charset "utf-8";
/* CSS Document */
body{background: url(../images/main-bg.jpg) repeat #fff;padding:0 0 0 0; margin:0; color:#686c6e; font-size:14px ; font-weight:normal; line-height:17px; font-family: 'latoregular'; width:100%;}
*{padding:0; margin:0;}
img{border:0;}
ul,li{ list-style:none; padding:0; margin:0;}
a,hover{text-decoration:none; outline:0; /*-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;*/}
input, select, textarea{outline:0;}
h1, h2 ,h3, h4, h5, h6{ font-weight:normal;}

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-reg-webfont.eot');
    src: url('../fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-reg-webfont.woff') format('woff'),
         url('../fonts/lato-reg-webfont.ttf') format('truetype'),
         url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
				font-family: 'TitilliumText25L-1wt';
				src: url('../fonts/titilliumtext25l005.eot');
				src: url('../fonts/titilliumtext25l005.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/titilliumtext25l005.woff') format('woff'),
						 url('../fonts/titilliumtext25l005.ttf') format('truetype'),
						 url('../fonts/titilliumtext25l005.svg#titilliumtext25l005') format('svg');
				font-weight: normal;
				font-style: normal;
		}
@font-face {
    font-family: 'Rockwell';
    src: url('../fonts/rock_2.eot');
    src: url('../fonts/rock_2.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rock_2.woff') format('woff'),
         url('../fonts/rock_2.ttf') format('truetype'),
         url('../fonts/rock_2.svg#rock_2') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaLT-Condensed';
    src: url('../fonts/helveticaltcondensedmedium.eot');
    src: url('../fonts/helveticaltcondensedmedium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaltcondensedmedium.woff') format('woff'),
         url('../fonts/helveticaltcondensedmedium.ttf') format('truetype'),
         url('../fonts/helveticaltcondensedmedium.svg#helveticaltcondensedmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
				font-family: 'JaneAusten';
				src: url('../fonts/janeaust.eot');
				src: url('../fonts/janeaust.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/janeaust.woff') format('woff'),
						 url('../fonts/janeaust.ttf') format('truetype'),
						 url('../fonts/janeaust.svg#janeaust') format('svg');
				font-weight: normal;
				font-style: normal;
		}
		
@font-face {
				font-family: 'Bebas';
				src: url('../fonts/bebas___.eot');
				src: url('../fonts/bebas___.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/bebas___.woff') format('woff'),
						 url('../fonts/bebas___.ttf') format('truetype'),
						 url('../fonts/bebas___.svg#bebas___') format('svg');
				font-weight: normal;
				font-style: normal;
		}		
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bol_0-webfont.eot');
    src: url('../fonts/lato-bol_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bol_0-webfont.woff') format('woff'),
         url('../fonts/lato-bol_0-webfont.ttf') format('truetype'),
         url('../fonts/lato-bol_0-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.left{float:left!important;}
.right{float:right!important;}
.clear{clear:both;}
/*======main========*/
.header-wrapper{ background:url(../images/top-bg.jpg) repeat;}
.header-wrapper .inner{ background:url(../images/banner-bg.jpg) no-repeat center top; height:407px;}
.header-wrapper .inner-page{ height:337px !important; }

/*------------------navigation----------------------*/
.header-wrapper .inner .nav{ background:url(../images/nav-bg.png) repeat-x; height:54px;}
.header-wrapper .inner .nav .nav-inner{ width:1000px; margin:0 auto;}

.header-wrapper .inner .nav .nav-inner ul li.link{ background:#8f1a00;}

.header-wrapper .inner .nav .nav-inner ul li a.active{ background:url(../images/hover-arrow.png) no-repeat bottom center;}

/*------------------banner--------------------------*/
.banner-wrapper{ width:1000px; margin:0 auto; position:relative; height:357px;}
.banner-wrapper-inner{ height:287px !important;}
.banner-wrapper img.ref{ display:block; position:absolute; top:65px;}
.banner-wrapper img.ref-inner{ top:38px !important;}
.logo{ width:201px; height:52px; position:absolute; top:30px; z-index:2;}
.offer{ position:absolute; width:132px; height:132px; margin:143px 0 0 827px; z-index:1;}
.offer-innerpage{ position:absolute; width:132px; height:132px; margin:113px 0 0 827px; z-index:1;}
.phone{ width:auto; position:absolute; right:0; top:39px; }
.phone h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#fff; font-style:italic;}
.phone h2 span{ font-size:16px; color:#f1971f;}

/*---------------body-wrapper----------------*/
.body-wrapper{ width:1000px; margin:0 auto; padding:60px 0 0 0;}
.body-wrapper .welcome{}
.body-wrapper .welcome h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:#191c1d; font-style:italic; line-height:30px; text-align:center;}
.body-wrapper .welcome p{ text-align:center; padding:8px 0 0 0;}
.body-wrapper .welcome p span{ color:#c24415;}
.welcome-list{ padding:30px 0 25px 0;}
.welcome-list ul{ width:auto; float:left; display:block; padding:0 55px 0 0;}
.welcome-list ul li{ display:block; background:url(../images/brown-set.png) no-repeat 0 3px; padding:0 0 8px 20px;}
.welcome-list ul li a{ color:#686c6e;}
.welcome-list ul.setting-2 li{ display:block; background:url(../images/black-set.png) no-repeat 0 3px !important;}
.welcome-list ul.setting-last{ padding:0 !important;}

.body-wrapper .offer-following{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#fff; box-shadow:0 0 5px #CCC; -moz-box-shadow:0 0 5px #CCC; -webkit-box-shadow:0 0 5px #CCC; padding:10px; margin:0 0 30px 0;}
.body-wrapper .offer-following .inner{ border:1px dashed #cccccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.body-wrapper .offer-following .inner .left{ width:630px; padding:22px 0 25px 18px;}
.body-wrapper .offer-following .inner .left h2{ color:#c24415; font-size:20px; font-family: 'HelveticaLT-Condensed'; margin:0 0 10px 0;}
.body-wrapper .offer-following .inner .left p span{ display:block; padding:15px 0 0 0;}
.body-wrapper .offer-following .inner .left ul{ padding:20px 0 0 0;}
.body-wrapper .offer-following .inner .left ul li{ display:block; float:left; padding:0 12px 0 15px; background:url(../images/service.png) no-repeat 0 5px;}
.body-wrapper .offer-following .inner .right{ width:310px; padding:35px 0 0 0;}

.body-wrapper .body-bottom{}
.body-wrapper .body-bottom .left{ width:650px;}
.body-wrapper .body-bottom .left h2{ background:url(../images/right-brown.png) no-repeat; height:21px; font-family: 'HelveticaLT-Condensed'; color:#191c1d; font-size:18px; padding:6px 0 0 32px; margin:0 0 9px 0;}
.body-wrapper .body-bottom .left h1{  height:21px; font-family: 'HelveticaLT-Condensed'; color:#c24415; font-size:18px; padding:6px 0 0 0; margin:0 0 9px 0;}
.body-wrapper .body-bottom .left h2.title1{ background:url(../images/right-black.png) no-repeat;}
.body-wrapper .body-bottom .left p{ padding:0 0 8px 0;}
.body-wrapper .body-bottom .left p span{ padding:13px 0 0 0; display:block;}
.body-wrapper .body-bottom .left ul{ list-style:disc;}
.body-wrapper .body-bottom .left ul li{ display:block; margin:0 0 4px 0; background:url(../images/arrow.png) no-repeat 0 5px; color:#c24415; padding:0 0 0 10px;}
.body-wrapper .body-bottom .left p a{ color:#c24415; font-style:italic;}
.body-wrapper .body-bottom .left p a:hover{ color:#000;}
.inner-page-pro-pic{ width:auto; float:right; background:#fff; border:3px solid #F2F2F2; box-shadow:0 0 5px #CCC; -moz-box-shadow:0 0 5px #CCC; -webkit-box-shadow:0 0 5px #CCC; margin:0 0 10px 10px; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}


.body-wrapper .body-bottom .right{ width:275px;}
.body-wrapper .body-bottom .right h2{  height:21px; font-family: 'HelveticaLT-Condensed'; color:#d9440c; font-size:20px; padding:6px 0 0 0; margin:0 0 3px 0;}
.body-wrapper .body-bottom .right .form-panel{ padding:0 0 7px 0;}
.body-wrapper .body-bottom .right .form-panel .left{ width:135px;}
.body-wrapper .body-bottom .right .form-panel .right{ width:135px; }
.body-wrapper .body-bottom .right .form-panel input.name{ width:77px; height:36px; border:1px solid #e9e9e9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:1px; box-shadow:inset 0 1px 3px #e4e4e3;; -moz-box-shadow:inset 0 1px 3px #e4e4e3; -webkit-box-shadow:inset 0 1px 3px #e4e4e3; padding:0 10px 0 45px; color:#2c3434; font-size:13px; font-family: 'latoregular';}
.body-wrapper .body-bottom .right .form-panel input.name1{ width:219px; height:36px; border:1px solid #e9e9e9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:1px; box-shadow:inset 0 1px 3px #e4e4e3;; -moz-box-shadow:inset 0 1px 3px #e4e4e3; -webkit-box-shadow:inset 0 1px 3px #e4e4e3; padding:0 10px 0 45px; color:#2c3434; font-size:13px; font-family: 'latoregular';}
.body-wrapper .body-bottom .right .form-panel textarea.name2{ width:264px; height:125px; border:1px solid #e9e9e9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:1px; box-shadow:inset 0 1px 3px #e4e4e3;; -moz-box-shadow:inset 0 1px 3px #e4e4e3; -webkit-box-shadow:inset 0 1px 3px #e4e4e3; padding:5px 0 0 10px; color:#2c3434; font-size:13px; font-family: 'latoregular';}
input.submit{ width:86px; height:28px; background:#c24415; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:none; font-family: 'HelveticaLT-Condensed'; font-size:14px; color:#fff;}
.submit-panel p a{ color:#292b2b; }
.submit-panel p a:hover{ color:#000; }
input.submit:hover{ background:#e35520;}

.input-float{ width:35px; height:38px; position:absolute; }

/*--------------------footer------------------*/
.footer-wrapper{ background:url(../images/footer-bg.png) repeat; margin:35px 0 0 0;}
.footer-wrapper .inner{ width:1000px; margin:0 auto; padding:40px 0 34px 0; position:relative;}
.footer-wrapper .inner ul{ padding:0 0 24px 0; border-bottom:1px solid #323435;}
.footer-wrapper .inner ul li{ display:block; float:left; color:#ababab; font-size:13px;}
.footer-wrapper .inner ul li.devider{ padding:0 9px;} 
.footer-wrapper .inner ul li a{ color:#888889;}
.footer-wrapper .inner ul li a:hover{ color:#fff;}
.footer-wrapper .inner p{ text-align:center; padding:20px 0 0 0; font-size:13px;}
.footer-icon{ width:auto; position:absolute; right:0; top:26px;}
