/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0; }


body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	line-height:20px;
	color:#3a3a3a;
	min-width:960px;
	background:#fff;	
	position:relative;
}
.bg-pic {background:url(../images/head_bg_01.jpg) center 0 repeat-x; min-width:960px;}
.bg2-pic {background:url(../images/head_bg_02.jpg) center 0 repeat-x; min-width:960px;}
/***********************************************************************/

a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:underline;}

a.link {cursor:pointer; color:#898989; text-decoration:none; font-weight:400; }
a.link:hover { color:#898989; text-decoration:underline;}


a.link2 {cursor:pointer; color:#3a3a3a; background:url(../images/arrow_link.png) right 4px no-repeat; padding-right:13px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight:bold; line-height:15px; font-size:12px; }
a.link2:hover { color:#898989; text-decoration:none;}

a.link3 {cursor:pointer; color:#898989; text-decoration:none; font-weight:400; }
a.link3:hover { color:#898989; text-decoration:underline;}



.button-1 { font-family: 'Open Sans', sans-serif; font-weight:bold; line-height:15px; font-size:12px; color:#fff; display:inline-block; background:url(../images/more_shape.jpg) 0 0 repeat-x #6e6e6e;
padding:12px 27px 14px 27px; text-transform:uppercase;

-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.button-1:hover { color:#6e6e6e; text-decoration:none;  background:#fff; text-shadow:none;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.button-2 { font-family: 'Open Sans', sans-serif; font-weight:bold; line-height:15px; font-size:12px; color:#fff; display:inline-block; background:url(../images/more_shape.jpg) 0 0 repeat-x #6e6e6e;
padding:12px 27px 14px 27px; text-transform:uppercase;

-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.button-2:hover { color:#fff; text-decoration:none;  background:#ffa11b; text-shadow:none;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}



.lsp {letter-spacing:-1px !important;}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.container {width:100%;}
.reg {text-transform:uppercase;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.fleft {float:left;}
.fright {float:right;}

.nowrap{ white-space:nowrap; }

.img-indent {float:left; margin:5px 12px 0px 0px;}
.img-indent2 {float:left; margin:5px 20px 0px 0px;}




.last {margin-right:0px !important;}


/*********************************header*************************************/
header {width:960px; margin:0 auto; z-index:299; position:relative;}

.logo {z-index:299; position:relative; float:left; margin-top:59px; margin-left:4px;}
h1 { margin-top:0px; padding-bottom:0px; margin-left:0px;  }

.menu {  position:relative;  z-index:199; float:left; }
nav {  float:left; z-index:501; margin-top:38px; margin-left:5px; border-top:7px solid #ffab1e;}


.right-side {float:right; margin-top:86px;}



#search-form {background:#fff; width:280px; overflow:hidden; display:inline-block;  margin-right:5px; margin-top:0px;
}
#search-form input { width:233px; height:15px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#898989; border:none; background:transparent; vertical-align:top; padding:7px 5px 7px 11px; display: inline-block; float:left; outline:none; text-transform:uppercase;}
#search-form a {background:url(../images/magn.png) 0 0px no-repeat; display:inline-block; vertical-align:top; float:right; width:31px; height:29px; margin:0px 0px 0 0;}
#search-form a:hover {background:url(../images/magn.png) 0 -29px no-repeat; }



.slider-block {  z-index:99; height:480px; width:950px; overflow:hidden; position:relative; margin-left:5px;}


h2 { font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:30px; color:#3a3a3a; line-height:36px; letter-spacing:-2px;}
h2  span { margin-top:-6px; display:block;}
h3 { font-family: 'Open Sans', sans-serif; font-weight:600; font-size:25px; color:#3a3a3a; line-height:30px; letter-spacing:-2px;}
h3  span { margin-top:-2px; display:block;}
h4 { font-family: 'Open Sans', sans-serif; font-weight:600; font-size:25px; color:#3a3a3a; line-height:30px; letter-spacing:-2px;}


/*********************************content*************************************/

#content { z-index:199; position:relative; width:100%; margin:0 auto; background:url(../images/content_shape.png) 0 bottom repeat-x; padding-bottom:63px;}

.black-content {width:874px; border-bottom:6px solid #696969; background:url(../images/banner_shape.jpg) 0 0 repeat-x #424242; padding:39px 38px 28px 38px; overflow:hidden; margin:0 auto; position:relative;}


.box-1 {width:240px; float:left; position:relative;}
.box-2 {width:270px; float:left; position:relative; margin-top:71px; margin-left:50px;}

.box-3 {width:230px; float:left; position:relative; margin-top:39px; margin-left:10px;}
.boxpic { width:266px; float:left; margin-left:10px; margin-top:10px; padding:20px 22px 29px 22px; background:url(../images/pic_shape.jpg) 0 0 repeat-x;}
.boxpic h3 {margin-top:13px; margin-left:8px;}
.boxpic p {margin-top:16px;  margin-left:10px;}
.boxpic:hover {background-position:0 -600px;}
.boxpic:hover h3 {color:#ffffff;}
.boxpic:hover p {color:#c4c4c4;}

.box-4 { float:left; width:310px; margin-top:39px; margin-left:50px;}
.box-5 { float:left; width:370px; margin-top:32px; }

.img-border { border:8px solid #dedede;}

.box-say {background:url(../images/block_shape.jpg) 0 0 repeat-x #cfcfcf;  width:230px; padding:46px 40px 53px 40px; position:relative; margin-top:63px; }
.box-say p { font-family: 'Open Sans', sans-serif; font-weight:600; font-size:25px; line-height:38px; color:#3a3a3a; letter-spacing:-1px; }
.cut {background:url(../images/cutter.png) 0 0 no-repeat; width:23px; height:23px; position:absolute; bottom:-23px; left:40px; }


.text-1 {font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:30px; line-height:36px; color:#fff; letter-spacing:-2px;}
.text-2 {font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#c4c4c4;}

.text-3 {font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:40px; line-height:48px; color:#3a3a3a; letter-spacing:-2px;}
.text-4 {font-family: 'Open Sans', sans-serif; font-weight:600; font-size:25px; line-height:30px; color:#ffa11b; letter-spacing:-2px;}
.text-5 {font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#444444; font-weight:bold; margin-left:39px; margin-top:28px; }
.text-6 {font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#898989; margin-top:-9px; float:right;}



.line-1 {background:url(../images/line-1.png) 0 0 repeat-y; height:100%; width:1px; position:absolute; top:1px; left:315px;}
.line-2 {background:url(../images/line-1.png) 0 0 repeat-y; height:100%; width:1px; position:absolute; top:1px; left:631px;}
.line-3 { width:100%; height:1px; background:#ebebeb; margin-top:13px;}

.year {font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:12px; line-height:15px; color:#3a3a3a; float:left; margin:2px 5px 0px -1px; }

.marg0 {margin-left:0px !important;}
.marg1 {margin-top:19px;}
.marg2 {margin-top:22px;}
.marg3 {margin-top:0px; margin-left:75px;}
.marg4 {margin-top:0px; margin-left:75px;}
.marg5 {margin-top:64px;}
.marg6 {margin-top:36px;}
.marg7 {margin-top:58px;}
.marg8 {margin-top:15px;}
.marg9 {margin-top:27px;}
.marg10 {margin-top:67px;}
.marg11 {margin-top:39px;}
.marg12 {margin-top:15px;}
.marg13 {margin-top:34px;}
.marg14 {margin-top:33px;}
.marg15 {margin-top:20px;}
.marg16 {margin-top:10px;}
.marg17 {margin-top:60px;}
.marg18 {margin-top:14px;}
.marg19 {margin-top:16px;}
.marg20 {margin-top:13px;}
.marg21 {margin-top:39px;}
.marg22 {margin-top:62px;}
.marg23 {margin-top:38px;}
.marg24 {margin-top:50px;}
.marg25 {margin-top:40px;}
.marg26 {margin-left:120px;}
.marg27 {margin-left:56px;}
.marg28 {margin-top:65px;}
.marg29 {margin-top:39px; margin-left:40px;}
.marg30 {margin-top:39px;}




.pad0 {padding-bottom:0px !important;}
.pad1 {padding-bottom:24px;}



/******/


.list1 { }
.list1 li a:hover {  text-decoration:underline; color:#000;}
.list1 li {padding:0px 0 10px 21px; background:url(../images/arrow_link.png) 0px 4px no-repeat;}
.list1 li:first-child {}
.list1 li a { font-size:12px; color:#898989; font-family:Arial, Helvetica, sans-serif; line-height:15px; text-decoration:none; }
.list1 li a span {display:block; margin-top:-5px;}

/****************************footer************************/
footer {
	width:100%;
background:#D0D0D0;
	margin:0 auto;
	position:relative;
	z-index:102;
	padding-top:29px; padding-bottom:30px;
}


.foot-text { }
footer .foot-text a {cursor:pointer; color:#898989; text-decoration:none;}
footer .foot-text a:hover { text-decoration:underline; }

.menusmall { margin-top:23px; }
.menusmall li a:hover, .menusmall li a.active {  text-decoration:none; color:#000;}
.menusmall li {padding:0px 0 0px 9px; background:url(../images/footer_line.jpg) 0px 3px no-repeat; display:inline-block;}
.menusmall li:first-child {background:none; padding-left:0px;}
.menusmall li a { font-size:12px; color:#898989; font-family:Arial, Helvetica, sans-serif; line-height:15px; text-decoration:none; text-transform:uppercase; margin-right:8px;}

.icfoot {display:inline-block; margin-right:22px; margin-top:17px; float:right; margin-right:5px;}
.icfoot p  {display:inline-block; padding-right:7px; margin-top:4px;}
.icfoot a {margin-left:1px; display:inline-block; width:26px; }


/**********************form**********************/
.map {width:934px; height:349px; margin-top:69px; display:block;}
.map iframe {	width:934px; height:349px; }

dl {margin:15px 0px 0px 0px; float:left; }
dl dt { padding:0px 0 0px 0;}
dl dd span { display:inline-block; width:81px;}
dl dd { }



#form {
	margin: 39px 0 0px 0px;
	width:550px;
}
#form input {
	border:#c7c7c7 1px solid;
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:15px;
	color:#898989;
	padding:6px 0px 6px 9px;
	outline: medium none;
	width: 299px;
	
	float:left;
}
#form textarea {
	
	border:#c7c7c7 1px solid;
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
	height: 256px;
	outline: medium none;
	overflow: auto;
	padding: 6px 0px 0px 9px;
	width: 539px;
	resize:none;
	margin:0px 0px 0 0;
	float:left;
}
#form label {
	position:relative;
	display: block;
	min-height:39px;
}
#form .error, #form .empty {
	color: #F00;
	display: none;
	font-size: 11px;
	line-height:14px;
	float:left;
	width:220px;

	margin-top:2px;
	
}
#form .error-empty {
	margin: 4px 0 5px 7px !important;
	display:none;
	float:left;
	
}
#form .success {
	display:none;
	padding-bottom:5px;
	
}
.btns {
	text-align:right;
	width:550px;
	position:relative;
	padding-top:10px;
	overflow:hidden;
	
}
.btns a {
	
}
