/* 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 }





html {width:100%;}

body { 	 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#676767;
	min-width:980px;
	background:#dfdfdf;
}

.main {
	width:980px; 	
	padding:0;
	margin:0 auto;
	font-size:13px;
	line-height:18px;
}

img {border:0; vertical-align:top; text-align:left;}
input, textarea{font-family:Arial, Helvetica, sans-serif;}
textarea{overflow:auto;}


a {color:#3f3f3f; outline:none; cursor:pointer;}
a:hover {text-decoration:none;}

object {outline:none;}
fieldset {border:0;}
/*ul {list-style:none;}*/
table, table td {padding:0; border:none; border-collapse:collapse;}
.fleft{ float:left;}
.fright{ float:right;}
.clear{ width:100%; overflow:hidden;}
.col-1, .col-2, .col-3, .col-4, .row-box-1, .row-box-2, .row-box-3, .row-box-4{ float:left;}
.br{ display:block;}
/*contstant-text*/
.bottom-none{ padding-bottom:0 !important;}
.bg-none{ background:none !important;}
.border-none{ border:none;}
* {margin:0; padding:0;}
/**/



/*********************************header*************************************/
.tail-top-menu{ background:#FFF; height:81px;}
.tail-content{ background:url(../image/tail-content.gif) 0 0 repeat; border-bottom:1px solid #FFF;}
.tail-header{ background:url(../image/tail_header.gif) 0 0 repeat;}

/*top-menu*/
.top-menu{ position:relative; z-index:10; padding-left:1px;}
.top-menu > li{ background:url(../image/top_menu_separator.gif) right 21px no-repeat;  text-transform:uppercase; margin:0 0 0 -1px; position:relative}
.top-menu > li:hover{ background:none !important;}
.top-menu > li, .top-menu > li > a{ display:block; float:left; line-height:1.2em; height:81px;} 
.top-menu > li > a{ text-decoration:none; color:#3e4448; font-size:18px;}
.top-menu > li:hover > a{ color:#FFF;}
.top-menu > li > a span{ display:block; padding:28px 29px ;}
.top-menu > li:hover > a, .top-menu > .active > a{ background:#53a7d1 url(../image/top_menu_marker.gif) bottom center no-repeat; color:#FFF;}
.top-menu > .active{ background:none !important;}

.submenu_1{ position:absolute; top:70px; left:0; width:208px; padding:0 27px 27px 29px; background:#255675;}
.submenu_1 li{ position:relative;}
.submenu_1 li a{ display:block; font-size:17px; line-height:1.2em; padding-top:18px; padding-bottom:2px; color:#fff; text-transform:uppercase; text-decoration:none; border-bottom:1px solid #51768d;background:url(../image/submenu_marker.gif) right 25px no-repeat; position:relative; zoom:1}
.submenu_1 li:hover > a{ background-position: right -15px; color:#53a7d1}

.submenu_2{ position:absolute; top:0px; left:237px; width:199px; padding:0 31px 27px 29px; background:#1f3b4c;}

.top-menu ul{ display:none} 
/**/

.tail-header-top{ background:url(../image/tail_header_top.jpg) 0 0 repeat-x;}

.list-img{ float:right; position:absolute; margin:28px 0 0 896px;}
.list-img li{ margin:0 6px 0 0;}
.list-img li, .list-img li a{ display:block; float:left; width:23px; height:23px;}
.list-img li a{ border:1px solid #e3e3e3;}
.list-img li a:hover{ border:1px solid #5aacdf;}
.list-img .bg-1{ background:url(../image/list_img_1.gif) 0 0 no-repeat;}
.list-img .bg-2{ background:url(../image/list_img_2.gif) 0 0 no-repeat;}
.list-img .bg-3{ background:url(../image/list_img_3.gif) 0 0 no-repeat;}

.row-logo{ height:85px;padding-top:20px;}
.row-logo .logo{ display:block; position:absolute; margin:31px 0 0 -7px; color:#0f1b23; font-family:Verdana, Geneva, sans-serif; font-size:72px; line-height:72px; text-decoration:none; font-weight:bold; padding-right:45px; letter-spacing:-1px;}
.row-logo .logo span{ color:#53a7d1; }
.row-logo .slogan{ display:block; color:#363a3d; font-size:13px; line-height:19px; display:block; margin:81px 0 0 262px; font-family:Verdana, Geneva, sans-serif; z-index:111; height:45px;}

.row-logo .box-search{ display:block; position:absolute; margin:0 0 0 0; background:url(../image/search_bg.gif) 0 0 no-repeat; margin:55px 0 0 787px; width:192px; height:28px;}
.row-logo .box-search .input{ margin:4px 0 0 11px; width:141px; height:21px; position:absolute; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d5d; background:none; border:none;}
.row-logo .box-search .link{ display:block; position:absolute; background:url(../image/search_button.gif) 0 0 no-repeat; width:22px; height:23px; margin:2px 0 0 163px;}

.row-slider{ height:370px;}

.roundabout-holder  {  height: 5em; }
.roundabout-moveable-item { cursor: pointer; width:611px; height:330px; margin-top:27px; margin-left:5px;}
.roundabout-in-focus { cursor: auto; }
#gallery{ position: relative; height:330px; z-index:1}
#gallery img{ display:block; width:100%; height:100%}

.prev, .next{ display:block; position:absolute; z-index:990; top:168px; left:775px; width:37px; height:37px; background:url(../image/next.png) 0 0 no-repeat}
.prev{ left:167px; background:url(../image/prev.png) 0 bottom no-repeat}
.next:hover{ background-position:bottom}
.prev:hover{ background-position:top}

.header-box .col-indent{ padding:10px 24px 11px 19px;}
.header-box .col-1{ width:196px;}
.header-box .bg-1{ background:url(../image/bg_1.gif) 0 0 repeat;}
.header-box .bg-2{ background:url(../image/bg_2.gif) 0 0 repeat;}
.header-box .bg-3{ background:url(../image/bg_3.gif) 0 0 repeat;}
.header-box .bg-4{ background:url(../image/bg_4.gif) 0 0 repeat;}
.header-box .bg-5{ background:url(../image/bg_5.gif) 0 0 repeat;}

.header-box .bg-1-bottom{ background:url(../image/bg_1_bottom.gif) 0 bottom repeat;}
.header-box .bg-2-bottom{ background:url(../image/bg_2_bottom.gif) 0 bottom repeat;}
.header-box .bg-3-bottom{ background:url(../image/bg_3_bottom.gif) 0 bottom repeat;}
.header-box .bg-4-bottom{ background:url(../image/bg_4_bottom.gif) 0 bottom repeat;}
.header-box .bg-5-bottom{ background:url(../image/bg_5_bottom.gif) 0 bottom repeat;}


.header-box h3{ color:#ffffff; font-size:48px; line-height:1.2em;}
.header-box h4{ color:#ffffff; font-size:23px; letter-spacing:-1px;}
.header-box .indent-top{ padding:12px 0 0 0; color:#ffffff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:22px;}

.header-box .button{ display:block; background:url(../image/button_corner_left.png) 0 0 no-repeat; color:#0d181e; font-size:16px; line-height:19px; text-transform:uppercase; width:78px; text-decoration:none; margin:23px 0 0 0;}
.header-box .button:hover{ color:#5aacdf;}
.header-box .button span{ display:block; background:url(../image/button_corner_right.png) top right no-repeat; padding:0 3px; }
.header-box .button span span{ padding:0; text-align:center; background:#FFF; line-height:1.988em; height:33px;}


/*********************************content*************************************/
.content{ padding:43px 0 33px 0;}


/*******************content-text*******************/
#content h3{ color:#2f2f2f; font-size:40px; line-height:40px; background:url(../image/title_line.gif) bottom left repeat-x; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:14px; margin-bottom:25px;}
#content strong{ color:#3c3c3c;}
.img-border{ border:2px solid #FFF;}
.img-border:hover{ border:2px solid #5aacdf;}
.img-bottom{ margin-bottom:21px;}
#content ul, #content li {list-style:disc;margin:0 0 8px 5px;padding-left:5px;}
#content .button{ background:url(../image/button_left.png) 0 0 no-repeat; color:#eef0f1; font-size:12px; display:block; width:104px; text-decoration:none;}
#content .button:hover{ color:#5aacdf;}
#content .button span{ background:url(../image/button_right.png) top right no-repeat; padding:0 3px; display:block;}
#content .button span  span{ padding:0; background:#0e1a21; text-align:center; display:block; line-height:30px;  font-family:Tahoma; font-size:12px; height:31px;}
#content .button span  span  span{ background:url(../image/button_marker.gif) right center no-repeat; padding:0 11px 0 0; display:block; text-align:center;}
#content .extra-right{ padding:0 25px 0 0;}
#content .extra-right1{ padding:0 15px 0 0;}

.button-top{ margin:21px 0 0 0;}
.button-top1{ margin:15px 0 0 0;}
#content .indent-top{ padding:21px 0 0 0;}
#content .title-bottom{ margin-bottom:30px !important;}

#content .list-top{ padding:10px 0 0 0;}
#content .img-indent{ margin:3px 19px 0 0; float:left;}
#content .title-top{ margin-top:45px;}
#content .img-top{ margin:25px 0 0 0;}
#content .img-top1{ margin:29px 0 0 0;}
#content .img-h{ height:192px;}
/**************************************************/

/*******************content-list*******************/
ul.list {padding:0 !important; margin:0 !important;}
ul.list li{list-style:none !important; line-height:28px; text-transform:uppercase; margin:0 !important; padding:0 !important;}
ul.list li a{background:url(../image/content_list.gif) 1px 0 no-repeat;  padding:0 0 2px 30px; color:#5aacdf; font-size:14px; text-decoration:none;}
ul.list li a:hover{  text-decoration:underline;}
/**************************************************/

/*******************row-list***********************/
.row-list{}
.row-list ul{ float:left;}
.row-list .list-indent{ margin-left:47px;}
/**************************************************/



dl.text-1 dt{ color:#3c3c3c; font-weight:bold;}
dl.text-1 dd{ padding-bottom:15px;}
.link1{ color:#5aacdf; text-decoration:none; text-transform:uppercase;}
.link1:hover{ text-decoration:underline;}
.extra-text1 span{ float:right; padding:0 147px 0 0;}


/*******************index-3.html*******************/
#page4 #content .row-box-top .row-box-1{ width:290px;}
#page4 #content .row-box-top .row-box-2{ width:653px;}

#page4 #content .row-box-bottom{ margin:45px 0 0 0;}
#page4 #content .row-box-bottom .row-box-1{ width:635px;}
#page4 #content .row-box-bottom .row-box-2{ margin:0 0 0 22px; width:312px;}
/***********************************************/

/*******************index-5.html*******************/
#page6 .form .bg-input{ background:url(../image/bg_input.gif) 0 0 no-repeat; height:42px; margin:0 0 9px 0;}
#page6 .form .bg-input .input, #page6 .form .bg-textarea .textarea{ background:none; border:none; margin:10px 0 0 20px; width:270px; color:#676767; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#page6 .form .bg-textarea{ background:url(../image/bg_textarea.gif) 0 0 no-repeat; height:485px;}
#page6 .form .bg-textarea .textarea{ height:454px}
#page6 .form .bg-input, #page6 .form .bg-textarea{ color:#676767; font-size:13px; line-height:14px; }
#page6 .form .form-button{ float:right; padding:24px 0 0 0;}
#page6 .form .button1{ background:#147cbb url(../image/button1_left.gif) 0 0 no-repeat;  font-size:12px; text-decoration:none; font-family:Tahoma; display:block; float:left; color:#FFF; text-align:center;}
#page6 .form .button1 span{ background:url(../image/button1_right.gif) top right no-repeat; display:block; text-align:center; padding:6px 0 7px 0;}
#page6 .form .button1:hover{ text-decoration:underline;}
#page6 .form .width-1{ width:62px;}
#page6 .form .width-2{ width:65px;}
.form-button-indent{ margin-right:8px;}

#ContactForm label{ position:relative;}
#ContactForm .error,#ContactForm .empty{ position:relative; font-size:10px; height:16px; overflow:hidden; top:-10px; left:10px; display:none; color:#5AACDF} 
#ContactForm .message .error,#ContactForm .message .empty{ top:-1px}

.success{ position:relative; padding-bottom:15px; display:none}


/***********************************************/
.extra-indent p{ padding:19px 0 0 0;}


/****************************footer*******************************************/
.tail-footer{ background:url(../image/tail-footer.gif) 0 0 repeat-x;}
.footer .col-1{ width:302px;}
.footer .col-2{ margin:0 0 0 40px; width:325px; padding:45px 0 0 0;}
.footer .col-3{ margin:0 0 0 40px; width:250px; padding:45px 0 0 0; text-align:right;}
.footer .col-3 a, .footer .col-3 a:hover{ color:#454444;}


.footer{ padding:0 0 25px 0;}
.footer .col-1 h3{ color:#303030; font-size:32px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; padding:35px 0 17px 0; line-height:32px;}
.footer .col-1 .text{ color:#626262; font-size:14px;}
.footer .col-1 .row-form{ height:42px; background:url(../image/footer_input.gif) 0 0 no-repeat; margin:13px 0 11px 0;}
.footer .col-1 .row-form .input{ position:absolute; background:none; border:none; margin:7px 0 0 20px; width:194px; height:28px;}
.footer .col-1 .row-form .link{ background:url(../image/footer_bottom.gif) 0 0 no-repeat; width:52px; height:42px; text-indent:12px; font-family:Verdana, Geneva, sans-serif; font-size:18px; text-decoration:none; display:block; position:absolute; margin:0 0 0 231px; color:#FFF; text-transform:uppercase; line-height:39px;}
.footer .col-1 .row-form .link:hover{ color:#2bafd4;}
.footer .col-1 .link-bottom{ color:#4b8db5; font-size:14px; line-height:19px; font-style:italic; font-family:Arial;}

.footer-text h3{ color:#444444; font-size:13px; line-height:14px; margin:0 0 21px 0}
.footer-text ul li{ line-height:16px; padding:0 0 12px 0;}
.footer-text ul li a{ color:#4b8ab3; text-decoration:none; background:url(../image/footer_marker.gif) 0 6px no-repeat; padding:0 0 0 13px; font-size:14px;}
.footer-text ul li a:hover{ background:url(../image/footer_marker.gif) 1px 6px no-repeat;  color:#3d3d3d;}