/* 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: 12px;
	line-height: 18px;
	min-width: 960px;
	background-color: #0099CC;
	background-image: url(../images/head_shape.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	font-style: italic;
}


/***********************************************************************/

a {text-decoration:none; cursor:pointer;}
a:hover {
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #0099CC;
}

a.link {cursor:pointer; color:#0071a0; text-decoration:underline;}
a.link:hover {
	text-decoration: none;
	color: #0099CC;
}

a.link6 {cursor:pointer; color:#0099CC; text-decoration:none; }
a.link6:hover {   text-decoration:underline;}

a.link2 {cursor:pointer; color:#010101; text-decoration:underline;}
a.link2:hover { text-decoration:none;}

a.link3 {cursor:pointer; color:#0099CC; text-decoration:none;}
a.link3:hover { text-decoration:underline; color:#2284ad;}

a.link4 {cursor:pointer; color:#0099CC; text-decoration:underline;}
a.link4:hover { text-decoration:none;}

a.link5 {cursor:pointer; color:#191305; text-decoration:none; font-weight:bold;}
a.link5:hover { text-decoration:underline; color:#191305;}

a.sub-button { background:url(../images/submitshape.jpg) 0 0 repeat-x #eaeaea; padding: 5px 23px 4px 23px; border:#d9d9d9 1px solid; border-radius:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:15px;
	color:#0071a0; }
a.sub-button:hover { color:#fff; background:#0099CC;}


.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;}

.img-indent {float:left; margin:6px 20px 0px 0px;}
.img-indent2 {float:left; margin:2px 9px 0px 0px;}
.img-indent3 {float:left; margin:3px 19px 0px 0px;}
.img-indent4 {float:left; margin:12px 10px 0px -6px;}
.img-indent5 {float:left; margin:1px 17px 0px 0px;}


.last {margin-right:0px !important;}

/* Lightbox image */
.lightbox-image {
	position:relative;
	display:inline-block;
}
.lightbox-image img {
	position:relative;
	z-index:2;
}
.lightbox-image span {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(../images/magnify.png) 50% 50% no-repeat;
}


/*********************************header*************************************/
header {width:100%; margin:0 auto; z-index:99;  }

.head-content {margin:0 auto; width:960px; z-index:201; position:relative;}

.logo {z-index:99; display:block;  margin-top:48px; padding-bottom:42px; float:left; margin-left:8px;}
h1 {
	margin-top:0px;
	padding-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
.menu { float:right; margin-right:10px;}
nav {
	float:right;
	margin-top:54px;
	z-index:101;
	border-radius:12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}


h2 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight:normal;
	font-size:24px;
	color:#191305;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:19px;
	color:#0099CC;
	text-decoration: none;
	font-style: normal;
}

/*********************************content*************************************/

#content { padding-bottom:70px; background-color:#FFF; margin-top:-222px; padding-top:271px; z-index:2; position:relative;}
#content-page { padding-bottom:70px; background-color:#FFF; z-index:2; position:relative; padding-top:74px; margin-top:3px;}


.img-border {border: 5px solid #fff;}


.text-1 {color:#0099CC; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; }
.text-2 {color:#191305; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; font-style:italic; }
.text-3 {
	color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	margin: 12px 20px 0 0;
}
.text-4 {color:#0099CC; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; }


.line-content { width:940px; height:1px; background:#d8d7d5; margin:0 auto;}
.line-content2 {
	width:280px;
	height:1px;
	background:#d8d7d5;
	font-family: Arial, Helvetica, sans-serif;
}
.line-content3 { width:620px; height:1px; background:#d8d7d5;}
.line-content4 { width:300px; height:1px; background:#d8d7d5;}

.numbox {float:left; margin:3px 15px 0px 0px; overflow:hidden; background:url(../images/page2_icon_01.png) 0 0 no-repeat; position:relative; width:51px; height:67px; text-align:center;}
.numbox  p {font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:36px; color:#fff; margin-top:16px;}

.box-say {background:url(../images/page2_box_01.jpg) 0 0 repeat-x #f1f1f1; border-radius:10px; border:1px solid #e7e7e7; width:224px; padding:31px 24px 25px 30px; position:relative; }
.cut {background:url(../images/page2_cut_01.jpg) 0 0 no-repeat; width:34px; height:21px; position:absolute; bottom:-21px; left:64px; }
.ttext {
	position:absolute;
	top:12px;
	left:12px;
	background:url(../images/page2_tt.png) 0 0 no-repeat;
	width:41px;
	height:38px;
}

.box-1 { background:#eaeaea; width:160px; padding:15px 15px 20px 15px; margin-left:25px; margin-top:25px; float:left;}
.box-2 {  width:275px;  margin-left:59px; margin-top:10px; float:left; position:relative; }
.box-3 { background:#eaeaea; width:270px; padding:15px 15px 30px 15px; margin-left:20px; margin-top:20px; float:left;}


.marg0 {margin-left:0px !important;}
.marg1 {
	margin-top:27px;
	font-style: normal;
}
.marg2 {margin-top:13px;}
.marg3 {margin-top:34px;}
.marg4 {margin-top:14px;}
.marg5 {margin-top:24px;}
.marg6 {margin-top:46px;}
.marg7 {
	margin-top:45px;
	font-style: normal;
	text-align: left;
	font-family: "Arial Black", Gadget, sans-serif;
}
.marg8 {margin-top:26px;}
.marg9 {margin-top:55px;}
.marg10 {
	margin-top:52px;
	font-style: normal;
}
.marg11 {margin-top:33px;}
.marg12 {margin-top:3px;}
.marg13 {margin-top:29px;}
.marg14 {margin-top:22px;}
.marg15 {
	margin-top:48px;
	font-family: "Arial Black", Gadget, sans-serif;
}
.marg16 {margin-top:33px;}
.marg17 {margin-top:24px;}
.marg18 {margin-top:36px;}
.marg19 {margin-top:43px;}
.marg20 {margin-top:33px;}
.marg21 {margin-top:11px;}
.marg22 {margin-top:42px;}
.marg23 {margin-top:48px;}
.marg24 {margin-top:30px;}
.marg25 {margin-top:46px;}
.marg26 {margin-top:-6px;}
.marg27 {margin-top:10px;}
.marg28 {margin-top:41px;}
.marg29 {margin-top:39px;}
.marg30 {margin-top:24px;}
.marg31 {margin-top:36px;}
.marg32 {margin-left:10px;}
.marg33 {margin-left:22px;}
.marg34 {margin-top:28px;}
.marg35 {margin-top:8px;}




.pad1 {
	padding-bottom:30px;
	font-style: normal;
	font-family: "Arial Black", Gadget, sans-serif;
}
.pad2 {padding-bottom:28px;}
.pad3 {
	padding-bottom:30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
.pad4 {padding-bottom:42px;}
.pad5 {padding-bottom:20px;}
.pad6 {padding-bottom:22px;}
.pad7 {padding-bottom:25px;}
.pad8 {padding-bottom:49px;}
.pad9 {padding-bottom:48px;}
.pad10 {padding-bottom:26px;}
.pad11 {padding-bottom:31px;}
.pad12 {
	padding-bottom:22px;
	color: #0099CC;
}
.pad13 {padding-bottom:20px;}
.pad14 {padding-bottom:18px;}
.pad15 {padding-bottom:25px;}





.list1 {
	color: #666;
}
.list1 li a:hover {
	text-decoration:none;
	color:#0099CC;
}
.list1 li {padding:2px 0 4px 17px;  background:url(../images/marker_01.png) 0px 9px no-repeat; }
.list1 li:first-child { }
.list1 li a { font-size:12px; color:#2284ad; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}

.list2 { margin-top:3px;}
.list2 li:hover a {text-decoration:underline; color:#fff;}
.list2 li a:hover  {background:#31bee9; border:1px solid transparent;}
.list2 li a {border:1px solid #d0d0d0; background:url(../images/bannershape.jpg) 0 0 repeat-x; border-radius:15px; margin-bottom:7px; display:block; position:relative; overflow:hidden;}
.list2 li img {padding:10px 0 10px 15px;}
.list2 li span {
	top:5px;
	left:60px;
	position:absolute;
}
.list2 li:first-child { }
.list2 li a { font-size:14px; color:#0099CC; }

.list3 { }
.list3 li a:hover {text-decoration:underline; color:#191305;}
.list3 li {padding:2px 0 4px 17px;  background:url(../images/marker_02.png) 0px 7px no-repeat; }
.list3 li a { font-size:12px; color:#191305; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}

.socialicon {margin-top:18px;}
.socialicon:first-child {margin-top:0px;}
.socialicon a { float:left; width:34px; height:32px;}
.socialicon a:hover {opacity:0.8;}
.socialicon p {margin-left:15px; margin-top:12px; padding-top:0px; font:12px/13px Arial, Helvetica, sans-serif; display:inline-block; color:#191305;}


#form-2 {
	margin: 40px 0 0px 0px;
	width:220px;
}
#form-2 input {
	border:#d9d9d9 1px solid;
	border-radius:15px;
	background:url(../images/formshape_01.jpg) 0 0 repeat-x #f1f1f1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:15px;
	color:#040404;
	padding:6px 4px 5px 17px;
	outline: medium none;
	width: 197px;
	
	float:left;
}
#form-2 textarea {
	
	border:#d9d9d9 1px solid;
	border-radius:15px;
	background:url(../images/formshape_02.jpg) 0 0 repeat-x #f1f1f1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#040404;
	height: 116px;
	outline: medium none;
	overflow: auto;
	padding: 12px 4px 5px 17px;
	width: 197px;
	resize:none;
	margin:0px 0 0 0;
	float:left;
}
#form-2 label {
	position:relative;
	display: inline-block;
	min-height:38px;
}
#form-2 .error, #form-2 .empty {
	color: #0099CC;
	display: none;
	font-size: 11px;
	line-height:14px;
	float:left;
}
#form-2 .error-empty {
	margin: 4px 0 5px 7px !important;
	display:none;
	float:left;
	width:200px;
}
#form-2 .success {
	display:none;
	
}
.btns-2 {
	text-align:right;
	width:220px;
	position:relative;
	padding-top:25px;
	
}


/****************************footer************************/
footer {
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:102;
	padding-bottom:30px;
}

footer p { font-size:14px; color:#fff; margin-top:35px;}
footer p a {cursor:pointer; color:#fff; text-decoration:none;}
footer p a:hover { text-decoration:underline; }


/**********************form**********************/
.map {width:268px; height:301px; margin-top:28px; display:block; }
.map iframe {	
  width:268px;
  height:301px;
}

dl {margin:23px 0 0px 0px;}
dl dt { padding:0px 0 0px 0;}
dl dd span { display:inline-block; width:70px;}
dl dd { }


#form {
	margin: 27px 0 0px 0px;
	width:620px;
}
#form input {
	border:#e1e1e1 1px solid;
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:15px;
	color:#191305;
	padding:11px 4px 10px 13px;
	outline: medium none;
	width: 349px;
	
	float:left;
}
#form textarea {
	
	border:#e1e1e1 1px solid;
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#191305;
	height: 231px;
	outline: medium none;
	overflow: auto;
	padding: 8px 4px 12px 13px;
	width: 601px;
	resize:none;
	margin:0px 0 0 0;
	float:left;
}
#form label {
	position:relative;
	display: inline-block;
	min-height:46px;
}
#form .error, #form .empty {
	color: #0099CC;
	display: none;
	font-size: 11px;
	line-height:14px;
	float:left;
}
#form .error-empty {
	margin: 4px 0 5px 7px !important;
	display:none;
	float:left;
	width:600px;
}
#form .success {
	display:none;
	
}
.btns {
	text-align:right;
	width:620px;
	position:relative;
	padding-top:34px;
	color: #900;	
}
.btns a {
	margin: 0px 0px 0px 17px;
}
