/* Getting the new tags to behave */
video{ display: block; }
source{ display: block; }
section{ display: block; }
progress{ display: block; }
output{ display: block; }
nav{ display: block; }
meter{ display: block; }
keygen{ display: block; }
hgroup{ display: block; }
header{ display: block; }
footer{ display: block; }
figure{ display: block; }
figcaption{ display: block; }
embed{ display: block; }
details{ display: block; }
datalist{ display: block; }
command{ display: block; }
canvas{ display: block; }
audio{ display: block; }
aside{ display: block; }
article{ display: block; }
time{ display: inline }

summary{ display: inline }

ruby{ display: inline }

rt{ display: inline }

rp{ display: inline }

mark{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: url("../images/bg_img.jpg") top center no-repeat #0f64a5; border:0; font:12px Arial, Helvetica, sans-serif; color:#1a1a1a; line-height:16px; padding-bottom:42px;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 954px; padding-top:32px;}


/* ============================= main layout ====================== */

a{ color:#002D71; text-decoration: none; outline:none; font-weight:bold}
a:hover{ color:#C13917;}
h1{ float:left; padding:20px 0 0 23px;}
h3{ font-size:17px; color:#fff; text-transform:uppercase; line-height:35px; padding:0 10px; background:#3092c9; margin-bottom:10px;}
p{ padding-bottom:5px;}

/* ============================= header ====================== */
header{ background:url("../images/bg_top.jpg") top center no-repeat; width:100%; overflow:hidden; padding-bottom:12px;}

header .right{ width:300px;}

#logo{ background:url("../images/logo.jpg") no-repeat; display:block;  width:214px; height:48px; text-indent:-5000px;}
#slogan{ padding:0 0 0 61px; margin-top:-1px; color:#fff; font-size:12px; font-weight:normal; display:block} 

#top_nav{ float:right; padding:19px 19px 0 0} 
#top_nav li{ float:left; padding-left:16px;}
#top_nav li a{ font-size:11px; font-weight:bold; text-transform:uppercase; color:#fff}
#top_nav li a:hover{ color:#4cbeec}

#menu { width:100%; overflow:hidden; margin-top:19px; background:#e2e8ea; border-bottom:6px solid #e2e8ea;}
#menu li { float:left;}
#menu li a{ display:block; font-size:17px; text-transform:uppercase; color:#213341; line-height:55px; background:url("../images/menu_bg.gif") top right repeat-x}
#menu li a span{ background:url("../images/menu_left.gif") top left no-repeat; display:block}
#menu li a span span{ background:url("../images/menu_right.gif") top right no-repeat; padding:0 8px 0 8px;}
#menu li a:hover{ color:#24abdd}

#menu li .active{ background:url("../images/menu_bg_active.gif") top repeat-x; color:#fff;}
#menu li .active:hover{ color:#fff;}
#menu li .active span{ background:url("../images/menu_left_active.gif") top left no-repeat}
#menu li .active span span{ background:url("../images/menu_right_active.gif") top right no-repeat; padding:0 8px 0 8px}
/* ============================= content ====================== */

#content{margin-top:6px; background:#fff;}

#content nav{ overflow:hidden; padding:15px 0 16px 26px}
#content nav li{ float:left; padding-right:19px;}
#content nav li a{ font-size:11px; color:#627178; text-transform:uppercase; font-weight:bold;}
#content nav li a:hover{ color:#053d72;}

.bg1{ background:url("../images/bg.gif") top repeat-x; overflow:hidden}
.bg2{ background:url("../images/bg1.gif") top repeat-x #f9f9f9; overflow:hidden}
.bg3{ background:url("../images/bg2.jpg") top repeat-x #fff; overflow:hidden}
.bg4{ background:url("../images/bg4.gif") top repeat-x #fff; overflow:hidden}
.pad{ padding:10px}
.pad_2{ padding:0 10px;}
.marg_right1{ margin-right:10px;}
.marg_right2{ margin-right:10px;}
.pad_bot1{ padding-bottom:10px;}
.pad_top1{ padding-top:10px;}

.gallery1{ background:#333333; color:#808080; overflow:hidden; padding:10px;}
.gallery1 ul{ float:left; width:229px}
.gallery1 li{ margin-bottom:10px;}
.gallery1 a{ background:#000; color:#808080; display:block;  overflow:hidden; font-weight:normal}
.gallery1 a span{ display:block}
.gallery1 a span span{padding:10px; overflow:hidden}
.gallery1 .active{ background:url("../images/box_bg.jpg") top repeat-x; color:#fff}
.gallery1 a:hover{ background:url("../images/box_bg.jpg") top repeat-x; color:#fff}
.gallery1 .active span{ background:url("../images/box_left.jpg") top left no-repeat}
.gallery1 a:hover span{ background:url("../images/box_left.jpg") top left no-repeat}
.gallery1 .active span span{ background:url("../images/box_right.jpg") top right no-repeat; border-bottom:1px solid #5abde4; padding-bottom:9px;}
.gallery1 a:hover span span{ background:url("../images/box_right.jpg") top right no-repeat; border-bottom:1px solid #5abde4; padding-bottom:9px;}
.gallery1 strong{ color:#fff; padding-bottom:4px;}
.gallery1 .no_pad{ margin-bottom:0}

.box{ background:url("../images/box_bg.jpg") top repeat-x #62cff8; border-bottom:1px solid #5abde4; color:#fff; line-height:16px;}
.box_left{ background:url("../images/box_left.jpg") top left no-repeat}
.box_right{ background:url("../images/box_right.jpg") top right no-repeat; padding:0 15px 14px 15px;}
.box h2{ font-size:22px; color:#333333; 
line-height:28px; padding:15px 0 0 0
}

.box .link li{ background:url("../images/line1.gif") right 5px no-repeat}
.box .link li a{ color:#053d72}
.box .link .bg_none{ background: none}
.box .link a:hover{ color:#fff}

.box2{ background:#fff; border:1px solid #d9dddf}
.box3{ background:#fff; border:1px solid #808080}

.link li{ padding-right:10px; background: url("../images/line2.gif") right 4px no-repeat; margin-right:10px; float:left;}
.link .bg_none{ background:none; padding:0; margin:0}
.link a:hover{ color:#5ac6f1}

.font1{ font-size:17px; font-weight:bold; text-align:justify; line-height:19px; padding-bottom:10px; color:#106aa9}
.font2{ font-weight:bold; color:#106aa9; text-align:justify; padding-bottom :0}
.font3{ font-size:10px; padding-bottom:0; text-align:justify }
.font4{ font-size:12px; padding-bottom:0; color:#FFFFFF; text-align:justify }
.font5{ font-size:12px; padding-bottom:0; color:#000000; text-align:justify }
.font6{ font-size:10px; padding-bottom:0; color:#003366; text-align:justify }




.table{ color:#627178; width:100%; overflow:hidden; padding:6px 0}
.table a{color:#627178; font-weight:normal}
.table a:hover{ text-decoration:underline}

.tr1{ height:45px; border-bottom:1px solid #e4e4e4; background:#ededed; width:100%; overflow: hidden}
.tr2{ height:45px; border-bottom:1px solid #ededed; background:#f5f5f5; width:100%; overflow: hidden}
.tr2:hover{ background:#333333; color:#fff}
.tr1:hover{ background:#333333; color:#fff}
.tr2:hover strong{ color:#5ac6f1}
.tr1:hover strong{ color:#5ac6f1}
.tr2:hover a{ color:#fff;}
.tr1:hover a{ color:#fff;}
.tr2:hover .td2{ background:#484848; border:none; padding:6px 1px 0 1px}

.tr1:hover .td2{ background:#484848; border:none; padding:6px 1px 0 1px}

.td1{ padding:6px 0 0 10px; width:117px; float:left;}
.td1A{ padding:6px 0 0 10px; width:167px; float:left;}
.td2{ border-left:1px solid #fdfdfd; border-right:1px solid #fdfdfd; text-align:center ; width:32px; float:left; padding:6px 0 0 0; height:100%;}
.td2A{ border-left:1px solid #fdfdfd; border-right:1px solid #fdfdfd; text-align:center ; width:50px; float:left; padding:6px 0 0 0; height:100%;}
.tr1 .td2{ background:#f2f2f2;}
.tr2 .td2{ background:#fafafa;}
.td3{ padding:6px 0 0 13px; width:107px; float:left; line-height:32px;}
.td3A{ padding:6px 0 0 13px; width:39px; float:left; line-height:32px;}



/*----------------------------- tabs -------------------------*/
ul.tabs2 {margin: 0;	padding: 0; display:block;	list-style: none;	height: 56px;}
ul.tabs {margin: 0;	padding: 0; display:block;	list-style: none;	height: 56px;}
ul.tabs2 li {float: left;overflow: hidden; padding-right:4px;}
ul.tabs li {float: left;overflow: hidden; padding-right:4px;}
ul.tabs2 li a { display:block; padding:10px; border:1px solid #e9ebec; border-bottom:none; font-size:17px;text-transform:uppercase; line-height:35px; position:relative; z-index:1; background:#fff }
ul.tabs li a { display:block; padding:10px; border:1px solid #e9ebec; border-bottom:none; font-size:17px;text-transform:uppercase; line-height:35px; position:relative; z-index:1; background:#fff }
ul.tabs2 li a span{ padding:0 8px; display:block; color:#363535;}
ul.tabs li a span{ padding:0 8px; display:block; color:#363535;}
ul.tabs2 li a:hover span { color:#4cbeec}
ul.tabs li a:hover span { color:#4cbeec}
html ul.tabs2 li.active a:hover  { border:1px solid #d9dddf; border-bottom:1px solid #fff; z-index:2;}
html ul.tabs2 li.active a  { border:1px solid #d9dddf; border-bottom:1px solid #fff; z-index:2;}
html ul.tabs li.active a:hover  { border:1px solid #d9dddf; border-bottom:1px solid #fff; z-index:2;}
html ul.tabs li.active a  { border:1px solid #d9dddf; border-bottom:1px solid #fff; z-index:2;}
html ul.tabs2 li.active a:hover span{ background:#363535; color:#fff;}

html ul.tabs2 li.active a span{ background:#363535; color:#fff;}

html ul.tabs li.active a:hover span{ background:#363535; color:#fff;}

html ul.tabs li.active a span{ background:#363535; color:#fff;}

.tab_content2{ border:1px solid #d9dddf; padding:10px 13px 10px 10px; z-index:1; background:#fff; position: relative; display: none;}


.tab_content{ border:1px solid #d9dddf; padding:10px 13px 10px 10px; z-index:1; background:#fff; position: relative; display: none;}


/*----------------------------- end tabs -------------------------*/

.list1{ padding-bottom:7px; margin-top:-4px}
.list1 li{ padding:8px 0 9px 0; border-bottom:1px solid #e5e5e5}
.list1 li a{ color:#627178; padding-left:20px; background:url("../images/marker_1.gif") 0 3px no-repeat;}
.list1 li a:hover{ color:#106aa9; background: url("../images/marker1_active.gif") 0 3px no-repeat;}

.color1{ background:#04365c}
.color2{ background:#5e5d5d}
.color3{ background:#C13917}
.color4{ background:#AF8010}



/*---looped slider begin ---*/
#loopedSlider{ width:100%; padding-bottom:17px; overflow:hidden; height:206px}
#loopedSlider .container { height:206px; width:251px; overflow:hidden; position:relative; z-index:1; margin-left:19px;}
#loopedSlider .slides { position:absolute; top:0; left:0;height:206px; width:251px;}
#loopedSlider .slides div { position:absolute; top:0; left:0; overflow:hidden;}

.pagination-container{ position:absolute;z-index:2; margin-top:-206px; width:283px}
#loopedSlider .previous{ background:url("../images/marker_left.gif") no-repeat; width:19px; height:206px; float:left;}
#loopedSlider .previous:hover{ background:url("../images/marker_left_active.jpg") no-repeat}
#loopedSlider .next{ background:url("../images/marker_right.gif") no-repeat;width:19px; height:206px; float:right}
#loopedSlider .next:hover{ background:url("../images/marker_right_active.jpg") no-repeat}

/*--- slider end ---*/

.link1{ display:block; line-height:25px; background:  url("../images/bg3.gif") top repeat-x; padding-left:10px;}



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

footer { background:#04365c; padding:16px 20px 17px 20px; color:#fff;}
footer a{ color:#0cb2f9; font-weight:normal}
footer a:hover{ color:#fff;}
footer nav{ width:100%; overflow:hidden; padding-bottom:14px}
footer nav li{ float:left; padding-right:11px; background:url("../images/footer_line.gif") right 4px no-repeat; margin-right:10px}
footer nav .bg_none{ background:none; padding:0; margin:0}
footer nav li a{ color:#fff;}
footer nav li a:hover{ color:#0cb2f9}


/* ============================= forms ============================= */

#ContactForm {}
#ContactForm a{ margin-left:20px}
#ContactForm .input {width:200px; height:18px; border:1px solid #a4a4a4; background:#2a2a2a; padding:0 3px; margin-bottom:5px;color:#6e6e6e; text-transform:uppercase;}
#ContactForm textarea { overflow: auto}