@import "../css/tm-slider.css"; @import "../css/reset.css"; @import "../css/grid.css"; @import "../css/superfish.css"; @import "../css/contact-form.css"; 
/* 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 {width:100%;}

body { 	 
	font-family: "Trebuchet MS", "pmingliu", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:13px; 
	color:#666;
	min-width:1028px;
	background:url(../images/bg.png) 0 0 repeat #1f1f1f;
}

.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}

.main {
	width:1028px; 	
	padding:0 0 37px 0px;
	margin:52px auto;
	font-size:13px;
	line-height:24px;
	background:#fff;
	position:relative;
	box-shadow:0 0 3px #f4f4ef;
	-moz-box-shadow:0 0 3px #f4f4ef;
	-webkit-box-shadow:0 0 3px #f4f4ef;
}

a {color:#1799cf; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
.container {width:100%;}

p {margin-bottom:18px;}
.p0 {margin-bottom:4px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#ff7e40;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:20px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent1 {float:left; margin:6px 17px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:3px solid #000;}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {height:181px; width:100%;}
#header {height:1180px; width:100%; margin-bottom:25px;}

h1 {position:absolute; top:48px; left:38px;}
.logo {display:block; width:320px; height:120px; text-indent:-5000px; background:url(../images/logo.png) 0 0 no-repeat;}

.menu {float:right; padding:0px 0px 0 0;}
.menu li {float:left; font-size:15px; line-height:1.2em;}
.menu li a {display:block; color:#fff;}
.menu li .active, .menu li a:hover {color:#25b6f2;} 
.menu .item {padding:0;}

.row-1 { width:100%; height:160px; position:relative; margin-bottom:-9px; z-index:100;}
.row-1 .line { display:block; height:1px; width:486px; background:#e6e8de; position:absolute; bottom:0px; right:38px;}

.row-2 { width:100%; position:relative; height:609px; z-index:1; margin-bottom:10px; margin-top:50px;}

.row-3 { width:100%; position:relative; height:411px; z-index:10;}
.row-3 .padding { padding:0 38px 0 37px;}

.row-3 h6 { font-size:28px; color:#fff; line-height:36px; display:block; text-align:center; background:url(../images/bg-h6.png) 0 bottom repeat-x; font-family: "Trebuchet MS", "pmingliu", "Microsoft JhengHei", Helvetica, sans-serif; text-transform:uppercase; padding:8px 0 23px; font-weight:normal; margin-bottom:17px;}

.row-3 .box-1 {width:233px; min-height: 350px; background:url(../images/bg-box-1.png) 0 0 repeat; float:left; margin-right:7px; color:#fff; font-family:"Trebuchet MS", "pmingliu", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; position:relative;}
.row-3 .box-1 .padding {padding:20px 24px 65px 25px;}
.row-3 .box-1 .padding .padding { padding:1px 0 0 7px;}
.row-3 .box-1 .padding .padding .list1 li {line-height:24px; padding-left:13px; background:url(../images/marker-list-box-1.png) 0 10px no-repeat;}
.row-3 .box-1 .padding .padding .list1 li a {color:#fff; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
.row-3 .box-1 .padding .padding .list1 li a:hover {text-decoration:underline;}
.row-3 .box-1 .padding .padding .link-b1 {line-height:16px; padding:10px 20px; text-decoration:none; text-transform:lowercase; background:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#be2b42; position:absolute; left:62px; bottom:25px;}
.row-3 .box-1 .padding .padding .link-b1:hover {color:#000;}

.row-3 .box-2 {width:233px; min-height:350px; background:url(../images/bg-box-2.png) 0 0 repeat; float:left; margin-right:7px; color:#fff; font-family:"Trebuchet MS", "pmingliu", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:13px; line-height:20px;  position:relative;}
.row-3 .box-2 .padding {padding:20px 24px 65px 25px;}
.row-3 .box-2 .padding .padding {padding:1px 0 0 7px;}
.row-3 .box-2 .padding .padding .link-b2 {line-height:16px; padding:10px 20px; text-decoration:none; text-transform:lowercase; background:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#eb7f00; position:absolute; left:62px; bottom:25px;} 
.row-3 .box-2 .padding .padding .link-b2:hover {color:#000;}

.row-3 .box-3 {width:233px; min-height:350px; background:url(../images/bg-box-3.png) 0 0 repeat; float:left; margin-right:7px; color:#fff; font-family:"Trebuchet MS", "pmingliu", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; position:relative;}
.row-3 .box-3 .padding {padding:20px 24px 65px 25px;}
.row-3 .box-3 .padding .padding { padding:1px 0 0 7px;}
.row-3 .box-3 .padding .padding .list1 li {line-height:21px; padding-left:13px; background:url(../images/marker-list-box-3.png) 0 8px no-repeat;}
.row-3 .box-3 .padding .padding .list1 li a {color:#fff; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;}
.row-3 .box-3 .padding .padding .list1 li a:hover {text-decoration:underline;}
.row-3 .box-3 .padding .padding .link-b3 {line-height:16px; padding:10px 20px; text-decoration:none; text-transform:lowercase; background:#fff; font-family:"Trebuchet MS", "pmingliu", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#f6ca00; position:absolute; left:62px; bottom:25px;}
.row-3 .box-3 .padding .padding .link-b3:hover {color:#000;}

.row-3 .box-4 {width:233px; min-height:350px; background:url(../images/bg-box-4.png) 0 0 repeat; float:left;  position:relative; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; line-height:20px;}
.row-3 .box-4 .padding {padding:20px 24px 65px 28px;}
.row-3 .box-4 .padding .padding { padding:1px 0 0 7px;}
.row-3 .box-4 .padding .padding .link-b4 {line-height:16px; padding:10px 20px; text-decoration:none; text-transform:lowercase; background:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#5faf94; position:absolute; left:62px; bottom:25px;}
.row-3 .box-4 .padding .padding .link-b4:hover {color:#000;}
/*********************************content*************************************/
#content1 {width:953px; padding:0px 0px 0px 0px; background:url(../images/bg-content.png) 0 0 repeat; margin:0 auto;}
#content {width:953px; padding:36px 0px 0px 0px; background:url(../images/bg-content.png) 0 0 repeat; margin:0 auto;}

.pad-1 { padding-left:40px;}
.pad-2 { padding-left:40px; padding-right:18px; line-height:19px;}

.spacer-1 {width:1px; background:url(../images/pic-2.png) 0px 0 repeat-y; height:100%; position:absolute; top:0px; left:30px; display:block;}
.spacer-2 {width:1px; background:url(../images/pic-2.png) 0px 0 repeat-y; height:100%; position:absolute; top:0px; right:29px; display:block;}

h3 {font-size:32px; line-height:1.2em; margin:0px 0 20px; color:#696955; font-family: "pmingliu", "Microsoft JhengHei", 'News Cycle', sans-serif; font-weight:normal;}
h4 {font-size:22px; line-height:1.2em; margin:0px 0 10px; color:#b9b790; font-family: 'News Cycle', sans-serif; font-weight:normal;}

.scroll {overflow:auto; height:180px; position:relative;}
.scroll .padding-right {height:1%; padding-right:50px;}

.border-bot {width:100%; padding-bottom:30px; background:url(../images/pic-1.png) 0 bottom repeat-x;}
.border-bot1 {width:100%; padding-bottom:24px; background:url(../images/pic-1.png) 0 bottom repeat-x;}
.border-bot2 {width:100%; padding-bottom:20px; background:url(../images/pic-1.png) 0 bottom repeat-x;}

.box {width:100%; min-height:220px; background:url(../images/bg-box.png) 0 0 repeat; font-family: 'News Cycle', sans-serif; font-size:20px; color:#fff; margin-bottom:36px;}
.box .padding {padding:40px 30px 20px 40px;} 
.box .padding .padding {padding:10px 0 0 5px;}
.box .padding .col-1 {width:400px; margin-right:38px;}
.box .padding .col-2 {width:445px;}
.box .padding .padding .text1 {line-height:32px; text-transform:uppercase; display:block; font-size:20px; font-family: "pmingliu", "Microsoft JhengHei", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }
.box .padding .padding .text2 {line-height:26px; display:block; font-size:16px; margin-bottom:9px;  font-family: "pmingliu", "Microsoft JhengHei", "Trebuchet MS", Arial, Helvetica, sans-serif; }
.box .padding .padding .link-box {display:inline-block; font-size:13px; line-height:19px; font-weight:bold; padding-left:13px; background:url(../images/marker-link-box.png) 0 10px no-repeat; text-decoration:underline; color:#fff;}
.box .padding .padding .link-box:hover {text-decoration:none;}

.box1 {width:180px; background:url(../images/bg-box1.png) 0 0 repeat; min-height:252px; font-size:13px; line-height:19px; color:#555; float:left;}
.box1 .padding {padding:18px 17px 10px 18px;}

.box2 {width:280px; background:url(../images/bg-box1.png) 0 0 repeat; min-height:333px; font-size:13px; line-height:19px; color:#555; float:left;}
.box2 .padding {padding:18px 18px 10px 18px;}

#content .col-1 {width:270px; margin-right:39px;}
#content .col-2 {width:270px; margin-right:40px;}
#content .col-3 {width:270px;}

.t-box {width:201px; position:relative;}
.t-box .text-2 { line-height:19px; display:block; margin-bottom:-2px;}
.t-box .t-box1 {width:100%; position:relative; color:#fff; font-size:13px; line-height:19px; background:url(../images/bg-t-box.png) 0 0 no-repeat #5fb192; min-height:171px;  margin-bottom:28px; }
.t-box .t-box1 strong { position:absolute; display:block; width:201px; height:22px; background:url(../images/bg-t-box-strong.png) 0 0 no-repeat; left:0px; bottom:-22px;}
.t-box .t-box1 .padding { padding:45px 17px 20px 24px;}

.button { display:inline-block; line-height:36px; padding:0px 20px 0px; text-decoration:none; text-transform:lowercase; background:url(../images/bg-button.png) 0 0 repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#fff;}
.button:hover {color:#5b5b5b;}

.button1 {display:inline-block; font-size:12px; padding-left:9px; color:#fff; background:url(../images/button-left.png) 0 0 no-repeat;}
.button1 span {display:inline-block; cursor:pointer; padding-right:9px; background:url(../images/button-right.png) right 0 no-repeat;}
.button1 span span {padding:2px 3px 3px; background:url(../images/button-tail.png) 0 0 repeat-x;}
.button1 strong {padding:0 0 0 8px; background:url(../images/marker-1.gif) 0 6px no-repeat;}
.button1:hover {color:#24a3ce;}

.list-1 li {line-height:26px; padding-left:18px; background:url(../images/marker-list-1.png) 0 10px no-repeat;}
.list-1 li a {color:#ff7e40; text-decoration:underline;}
.list-1 li a:hover { text-decoration:none;}

.list-2 li {font-size:14px; line-height:24px; padding:0px; vertical-align:top; background:url(../images/pic-1.gif) 0 bottom repeat-x;}
.list-2 li a {display:block; color:#1799cf; padding-left:12px; background:url(../images/marker-1.gif) 0 10px no-repeat;}
.list-2 li a:hover {color:#fff;}
.list-2 .last-item {background:none;}

.list-3 {list-style:decimal-leading-zero;}
.list-3 li {font-size:12px; line-height:16px; color:#fff; padding-bottom:12px; margin-left:25px; list-style-type:decimal-leading-zero;}
.list-3 li a {color:#eda202;}
.list-3 li a:hover {color:#24a3ce;}

.link:hover {text-decoration:underline;} 

.link-1 {display:inline-block; font-size:14px; padding-right:8px; background:url(../images/marker-3.gif) right 8px no-repeat;}
.link-1:hover {color:#fff;} 

.text-1 {font-size:13px; line-height:19px; color:#5b5b5b; text-transform:uppercase;} 
.text-2 {font-size:13px; line-height:18px; color:#6d6d6d; display:inline-block;}  

.l-h-1 {line-height:20px;}
.l-h-2 {line-height:19px;}
.l-h-3 {line-height:26px;}
.l-h-4 {line-height:18px; display:inline-block;}

dl {width:100%; line-height:19px;}
dl dt {font-size:13px; color:#5b5b5b; line-height:19px; text-transform:uppercase;}
dl span {float:left; width:150px;}
dl strong {float:right; width:284px; font-weight:normal;}
dl a {text-decoration:underline; color:#ff7e40; font-size:13px;}
dl a:hover {text-decoration:none; color:#000;}

#form-main {display:block; width:208px;}
#form-main label {display:block; height:40px;}
#form-main input {width:196px; font-size:1em; color:#666; padding:0px 5px; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #7e7e7e; border-left:1px solid #7e7e7e; border-right:1px solid #cad2d5; border-bottom:1px solid #cad2d5; background:#fff;}
#form-main textarea {height:174px; overflow:auto; width:196px; font-size:1em; color:#666; padding:0px 5px; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #7e7e7e; border-left:1px solid #7e7e7e; border-right:1px solid #cad2d5; border-bottom:1px solid #cad2d5; background:#fff;}

.buttons {padding-top:16px; text-align:right;}
.buttons a {margin-left:20px;}

.map {padding:2px 0 0 0;}
.map iframe {width:349px; height:290px;}
/****************************footer************************/
footer {width:100%; margin:40px auto 0; background:url(../images/bg-footer.png) 0 0 repeat-x; position:relative;}
footer .padding {padding:28px 0 28px 43px;}
footer .padding span {color:#a0a18b; font-size:18px; font-family: 'News Cycle', sans-serif;}
footer .padding span a {color:#a0a18b; font-size:18px; text-transform:uppercase; font-family: 'News Cycle', sans-serif; text-decoration:none;}
footer .padding span a:hover {color:#5b5b5b;}

.list-services {
	display:block;
	position:absolute;
	width:200px;
	height:30px;
	top:15px;
	right:15px;
}
.list-services li {float:right; padding:0 12px 0 0px;}

#back-top {
	position: fixed;
	bottom: 58px;
	left:50%;
	margin-left: 520px;
}
 
#back-top a {
	width: 77px;
	height: 72px;
	display: block;
	background: url(../images/button-up.png) no-repeat center center;
}

#easyTooltip {
	padding:5px 10px;
	background:#212121;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	position:relative;
	z-index:9999;
	border:1px solid #fff;}
	
/*************Lightbox image***************/
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:block;
	}
.lightbox-image img {
	position:relative;
	z-index:2;
	}
.lightbox-image span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/magnify.png) no-repeat center center;
	z-index:1;
	}