@import url(reset.css);

/* =============================================================================
   base
   ========================================================================== */

body { background: #fff; font: 12px/1.2 Arial, Helvetica, sans-serif; color: #515151; -webkit-text-size-adjust: none; }
input, textarea, button { font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }


/* =============================================================================
   helper classes
   ========================================================================== */

/* corner */
.cr-tl, .cr-tr, .cr-br, .cr-bl { position: absolute; z-index: 1; overflow: hidden; }
.cr-tl, .cr-tr { top: 0; }
.cr-br, .cr-bl { bottom: 0; }
.cr-tl, .cr-bl { left: 0; }
.cr-tr, .cr-br { right: 0; }

.corner-5 .cr-tl { background-position: 0 0; }
.corner-5 .cr-tr { background-position: -6px 0; }
.corner-5 .cr-br { background-position: -6px -6px; }
.corner-5 .cr-bl { background-position: 0 -6px; }

.corner-5 .cr-tl, .corner-5 .cr-tr, .corner-5 .cr-br, .corner-5 .cr-bl { width: 6px; height: 6px; background-image: url(../img/corner-5.png); }

/* button */
.comm-btn { display: inline-block; width: 102px; height: 26px; background: url(../img/comm-btn-bg.png) no-repeat; font-size: 13px; color: #fff !important; }
button.comm-btn, input.comm-btn { border: 0; cursor: pointer; }
a.comm-btn { text-align: center; line-height: 26px; }
a.comm-btn:hover { text-decoration: none; }

/* comm-form */
.comm-form { width: 400px; }
.comm-form .field { position: relative; min-height: 37px; margin: 0 0 10px 83px; }
.comm-form .field .label { position: absolute; top: 0; left: -83px; width: 83px; line-height: 37px; }
.comm-form .field .input { width: 293px; height: 15px; padding: 10px; border: 1px solid #cdcdcd; font-size: 12px; line-height: 15px; color: #515151; }


/* margin */
.mt05 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; }
.mr05 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; }
.mb05 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; }
.ml05 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } 

/* text align */
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }

/* position */
.rel { position: relative; }
.abs { position: absolute; }

/* float */
.fl { float: left; }
.fr { float: right; }

/* clear float */
.clear, .clearfix:after { clear: both; }
.clear, .clearfix:before, .clearfix:after { display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:before, .clearfix:after { content: '\0020'; }
.lt-ie8 .clearfix { zoom: 1; }

/* inline-block content */
.ib-parent { letter-spacing: -.31em; word-spacing: -0.43em; }
.ib-child { display: inline-block; letter-spacing: normal; word-spacing: normal; }
.lt-ie8 .ib-parent { letter-spacing: normal; }
.lt-ie8 .ib-child { display: inline; zoom: 1; }

/* image replace */
.ir { display: block; text-align: left; text-indent: -9999px; overflow: hidden; }

/* wrapper */
.wrapper { margin: 0 auto; width: 918px; }


/* =============================================================================
   header
   ========================================================================== */

.header { z-index: 1; height: 166px; background: url(../img/header-bg.png) no-repeat center bottom; }

.logo { top: 24px; left: 22px; }
.logo a { width: 162px; height: 106px; background: url(../img/header-logo.png) no-repeat; }

.topbar { top: 44px; right: 20px; }
.topbar a { padding-right: 30px; background: url(../img/arrow-01.png) no-repeat right center; color: #009ddc; }

.nav { top: 68px; right: 20px; }
.nav a:hover { text-decoration: none; }
.nav > ul { margin-right: -20px; }
.nav > ul > li { position: relative; float: left; margin-left: 1px; }
.nav > ul > li > a { display: block; padding: 0 20px; height: 42px; font-size: 16px; line-height: 42px; color: #009ddc; }
.nav > ul > li > a:hover, .nav > ul > li:hover > a, .nav > ul > li.active > a { background: #009ddc; color: #fff; }

.dropdown { display: none; position: absolute; top: 100%; left: 0; padding: 20px; width: 214px; background: #009ddc; }
.nav > ul > li:hover .dropdown { display: block; }

.dropdown .image { float: left; border: 1px solid #96d7f1; }
.dropdown .image img { width: 96px; height: 82px; }

.subnav { float: right; width: 90px; }
.subnav li { padding: 4px 0; border-top: 1px dotted #54bde8; font-size: 14px; line-height: 1; }
.subnav li:first-child { padding-top: 0; border-top: 0; }
.subnav li a { color: #fff; }
.subnav li a:hover { color: #0d5cab; }


/* =============================================================================
   banner
   ========================================================================== */

.banner { margin-top: 6px; }
.banner .content { position: absolute; top: 35px; right: 44px; min-width: 390px; color: #fff; }
.banner .title { margin-bottom: 5px; white-space: nowrap; font-weight: bold; font-size: 33px; line-height: 1; }
.banner .description { font-style: italic; font-size: 27px; }

.slider .list { height: 307px; overflow: hidden; }
.slider .list ul { position: absolute; top: 0; left: 0; width: 1000%; }
.slider .list li { position: relative; float: left; }
.slider .list img { width: 918px; height: 307px; }

.slider .num { margin-top: 18px; height: 18px; border-top: 1px dotted #ababab; }
.slider .num li { position: relative; float: left; top: -4px; width: 306px; height: 7px; cursor: pointer; }
.slider .num li span { position: relative; display: inline-block; top: -4px; padding: 0 5px; background: #fff; font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif; }
.slider .num li.active { background: #009ddc url(../img/arrow-01.png) no-repeat right center; }


/* =============================================================================
   footer
   ========================================================================== */

.footer { margin-top: 60px; padding: 15px; }
.footer a { color: #515151; }

.contact strong { color: #009ddc; }
.contact a { text-decoration: underline; color: #009ddc; }

.crafted { font-size: 13px; text-align: right;}


/* =============================================================================
   homepage
   ========================================================================== */

.home-content { padding-top: 17px; background: url(../img/home-content-bg.png) no-repeat center top; line-height: 1.5; }

.home-content > div { float: left; padding: 0 15px; width: 275px; min-height: 345px; border-left: 1px dotted #c6c6c6; }
.home-content > div:first-child { border-left: 0; width: 276px; }

.home-content a:hover { text-decoration: none; }

.home-content .title { margin-bottom: 15px; text-align: center; letter-spacing: -2px; font-weight: normal; font-size: 30px; }

.home-content .image { margin-bottom: 15px; text-align: center; }
.home-content .image img { border: 4px solid #d7d7d7; }
.home-content .image:hover img { border-color: #009ddc; }

.home-content .more { margin-top: 10px; padding-right: 25px; background: url(../img/arrow-01.png) no-repeat right center; text-align: right; }
.home-content .more a { padding: 2px 5px; background: #e8f6fc; color: #009ddc; }
.home-content .more a:hover { color: #515151; }

.item-about .summary { text-align: justify; }
.item-about .summary .site-logo { float: left; margin: -10px 20px 0 0; }

.item-services .list { padding: 0 23px; }
.item-services .list ul { float: left; width: 114px; }
.item-services .list ul:first-child { margin-right: 1px; }
.item-services .list li { float: left; padding: 0 11px; width: 221px; background: url(../img/arrow-02.png) no-repeat left center; }
.item-services .list a { display: block; padding: 2px 0; border-top: 1px dotted #ababab; color: #515151; }
.item-services .list li:first-child a { border-top: 0; }
.item-services .list a:hover { color: #009ddc; }

.item-contact-us .contact { padding-right: 4px; text-align: right; line-height: 1.2; }


/* =============================================================================
   subpage
   ========================================================================== */

.page-main { margin-top: 10px; }

.page-main .content { float: left; width: 640px; padding: 0 29px; color: #393939; }
.page-main .sidebar { float: right; width: 220px; }

.page-main .page-title, .page-main .page-subtitle { padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; color: #009ddc; }
.page-main .page-title { margin-bottom: 15px; font-style: italic; font-weight: bold; font-size: 25px; }
.page-main .page-subtitle { margin-top: 25px; font-weight: normal; font-size: 22px; }
.page-main .content a { color: #009ddc; }
.page-main .content p { margin: 10px 0; text-align: justify; }
.page-main .content ul { margin: 30px 0 30px 20px; }
.page-main .content li { padding-left: 15px; background: url(../img/arrow-03.png) no-repeat left 5px; line-height: 1.6; color: #4c4a45; }
.page-main .content li a { color: #393939; }
.page-main .content li a:hover { text-decoration: none; color: #009ddc; }

/* news */
.news { padding: 12px; background: #009ddc; color: #fff; }
.news a { color: #fff; }
.news .title { padding-bottom: 7px; border-bottom: 1px solid #4dbbe7; font-weight: normal; font-size: 22px; }
.news .date { margin: 5px 0; font-weight: bold; font-size: 14px; }
.news .summary { line-height: 1.3; }
.news .more { margin-top: 10px; padding-top: 10px; border-top: 1px solid #4dbbe7; text-align: right; }
.news .more a { display: inline-block; padding-right: 18px; background: url(../img/arrow-04.png) no-repeat right 6px; font: italic 20px Cambria, sans-serif; }
.news .more a:hover { background-image: url(../img/arrow-05.png); text-decoration: none; color: #0d5cab; }

/* newsletter */
.newsletter { padding: 12px; background: #eaeaea; }
.newsletter .title { font-weight: normal; font-size: 14px; color: #3c3d3e; }
.newsletter .form { margin: 8px 0; }
.newsletter .email { padding: 5px; width: 182px; height: 17px; background: none; border: 1px solid #d0d0d0; font-size: 12px; line-height: 17px; color: #3c3d3e; }
.newsletter .email:hover { border-color: #f8f8f8; }
.newsletter .submit { display: inline-block; margin: 10px 0 0; width: 80px; height: 19px; background: url(../img/sign-up.png) no-repeat; border: 0; text-align: left; text-indent: -9999px; line-height: 999px; cursor: pointer; overflow: hidden; }
.newsletter .submit:hover { background-position: 0 -20px; }

.newform{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	padding: 7px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	}
	
.button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	padding: 7px;
	margin-bottom: 10px;
	background-color: #009ddc;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

#thankyou{
	width:720px;
	padding-top: 12;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	margin-top: 22px;
	margin-bottom: 22px;
	margin-left: 13px;
}
.servicestitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0174a2;
	font-weight: bold;
	}
	.datetitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	font-style: italic;
	}
.item-about .list { padding: 0 0px; }
.item-about .list ul { float: left; width: 134px; }
.item-about .list ul:first-child { margin-right: 1px; }
.item-about .list li { float: left; padding: 0 11px; width: 251px; background: url(../img/arrow-02.png) no-repeat left center; }
.item-about .list a { display: block; padding: 2px 0; border-top: 1px dotted #ababab; color: #515151; }
.item-about .list li:first-child a { border-top: 0; }
.item-about .list a:hover { color: #009ddc; }

.item-contact-us .contact { padding-right: 4px; text-align: right; line-height: 1.2; }