/********************************      Basic Structure      ********************************/
html { height: 100%; margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */}
body { margin:0; padding:0; background: #fff url(../images/bg_body.jpg) repeat-x left top;  margin: auto;
font-size: 12px;
    font-family: Tahoma;
 }
a {
  color: #003366;
}

a:hover {
  text-decoration: none;
}

h1, .like_h1 {
  font-size: 22px;
  color: #003366;
  font-weight: bold;
  line-height: 24px;
}

h2 {
  font-size: 18px;
  color: #003366;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 10px;
}

h3 {
  font-size: 18px;
  color: #003366;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 10px;
}

p {
  font-size: 12px;
  line-height: 1.2em;
  margin-bottom: 15px;
}


/********************************      General Classes      ********************************/
.clear {clear: both;}
.left {float: left;}				
.right {float: right;}
strong { font-weight:bold;}
.align_left { text-align:left;}
.align_right { text-align:right;}
.align_center { text-align:center;}
.pad_left_20 { padding-left:20px;}
.pad_right_20 { padding-right:20px;}
.mar_right_20 { margin-right:20px;}
.mar_left_20 { margin-left:20px;}
.mar_top_20 { margin-top:20px;}
.mar_bottom_20 { margin-bottom:20px;}
.mar_bottom_120 { margin-bottom:120px;}
.pad_5px {
  padding: 5px;
}
.bordered {
  border: #ccc 1px solid;
}
.box_shadow {
  padding-bottom: 6px;
  background: url(../images/bg_box_shadow.jpg) center bottom no-repeat;
}



/********************************      Main Classes      ********************************/

#container {
 margin: auto;
 width: 942px;
}

/********************************      Header Classes      ********************************/
#header { padding-top:0px; padding-bottom:0px;} 
#logo { margin-top: 0px;  }

img#phone {
  float: right;
  margin: 0 30px 20px 33px;
}


#navigation { width: 200px; margin-top: 24px; float:left;  }
.nav-links {  width:200px; margin-left:0px;}
.nav-links li { margin: 0px;}
.nav-links li a {
  color: #333333;
  text-decoration: none;
  font-size:14px;
  display: block;
  width: 170px;
  height: 36px;
  line-height: 34px;
  background: url(../images/bg_nav.png) left bottom no-repeat;
  padding-left: 30px;
   }
.nav-links li a:hover { background: url(../images/bg_nav.png) left top no-repeat; }
.nav-links li:hover {    }
.nav-links li:hover a{   }
.nav-links li.active { }
.nav-links li.active a{ background: url(../images/bg_nav.png) left top no-repeat;  }

#navigation2 { height: 50px; width: 980px; margin-top: 0px; float:left;  padding-bottom:13px; background:url(../images/bottom_shadow.jpg) no-repeat bottom center #184F4F ; }
.nav-links2 {  width:980px; margin-left:70px;}
.nav-links2 li { display: inline; padding: 0px 12px 0 12px; float: left; height:40px; margin-right:10px;  line-height:43px;}
.nav-links2 li a { color: #FFF; text-decoration: underline;  font-size:12px; line-height:43px; }
.nav-links2 li a:hover { color: #fff; }
.nav-links2 li:hover { background:url(../images/menu_on.jpg) repeat-x center top; color:#FFF;    }
.nav-links2 li:hover a{ color:#FFF;  }
.nav-links2 li.active { background:url(../images/menu_on.jpg)  repeat-x center top;   }
.nav-links2 li.active a{  color: #fff;   }


/********************************      Banner Classes      ********************************/


/********************************      Content Classes      ********************************/
.content { width:970px;  padding:6px 5px 10px 5px; }

.content_column ul {
  list-style-type: disc;
  margin-left: 20px;
}

.content_column ul li {
    margin-left: 20px;
  margin-bottom: 4px;
}


/********************************      Internal Classes      ********************************/
#left-column {
  float: left;
  width: 242px;
  clear: right;
  display: block;
}


.right_column {
  float: right;
  width: 180px;
}


.content_column {
    width: 700px;
    float: left;}

.topbanner {
  width: 700px;
  background:url(../images/bg_other.jpg) no-repeat top left;
  height: 382px;
}

.on_home {
  height: 467px;
  background:url(../images/bg_home.jpg) no-repeat top left;
}

.on_contacts {
  height: 382px;
  background:url(../images/bg_contact.jpg) no-repeat top left;
}

.on_video {
  height: 382px;
  background:url(../images/bg_video.jpg) no-repeat top left;
}

.module_inner {
  margin-bottom: 20px;
}

#partners {
  float:left;
  position: relative;
  margin-top: -180px;
  left: 30px;
  z-index: 2;
  background: red;
}


.testimonials { background:url(../images/box_bg.jpg) repeat-y; width:325px;  font-size:12px; line-height:135%; }
.testimonials h2 { font-size:22px; color:#003838; font-weight:bold; margin-left:20px; padding-top:5px; padding-bottom:5px;}
.testimonials .testimonial_image { margin:10px 6px 40px 20px;}
.testimonials p {  font-size:12px; line-height:135%; padding:7px;}
.testimonials a {  font-size:11px; color:#003838; font-weight:bold;}

.faq { background:url(../images/box_bg.jpg) repeat-y; width:325px; margin-left:25px; }
.faq h2 { font-size:22px; color:#003838; font-weight:bold; margin-left:20px; padding-top:5px; padding-bottom:5px;}
.faq p {  font-size:11px; color:#000; line-height:140%; margin:5px 20px 10px 20px;}
.faq a {  font-size:11px; color:#003838; font-weight:bold;}

.accountMenu { width: 668px; height: 359px; background:url(../images/account.jpg) no-repeat top left; }
.btn_acc { height: 56px; width: 168px; display: block; padding: 10px; padding-top: 20px; background:url(../images/btn-acc.gif) no-repeat top left; color: #cfe4e4; text-decoration: none; text-align: center; font-size: 18px; font-family: Arial; margin: 25px 0 0 25px; }
.btn_acc:hover { background-position: bottom left; color: #fff; }
.marr { margin-right: 29px;}
.oneline {padding-top: 30px; height: 46px;}
.logout {
  display: block; color: red; padding: 4px; border: #ccc 1px solid; font-family: Arial; font-size: 10px; font-weight: bold; margin-top: 5px; text-decoration: none;
}
.grey {
   color: #666;
   margin-right: 10px;
}
.grey:hover {
  color: #006666;
  text-decoration: underline;
}

.videobox {
  float: left;
  width: 130px;
  margin-bottom: 10px;
  margin-right: 20px;
  text-align: center
}

.videobox a {
  text-decoration: none;
  color: #666;
}


.videobox img {
  width: 130px;
}


#service_list {
  position: relative;
  float: left;
  left: 20px;
  top: 317px;
}
#service_list a.service_ban {
  display: block;
  float: left;
  margin: 14px 25px 0 5px;
  width: 82px;
  height: 117px;
  background-repeat: no-repeat;
  background-position:  left top;
}

#service_list a.service_ban:hover{
  background-position:  left -119px;
}

.s1 {
  background-image: url(../images/s1.jpg);
}

.s2 {
  background-image: url(../images/s2.jpg);
}

.s3 {
  background-image: url(../images/s3.jpg);
}
.s4 {
  background-image: url(../images/s4.jpg);
}
.s5 {
  background-image: url(../images/s5.jpg);
}
.s6 {
  background-image: url(../images/s6.jpg);
}

#service_list a.s6:hover{
  background-position:  left -118px;
}
a.read_more{
  width: 8px;
  height: 7px;
  display: inline;
  background: url(../images/bg_readmore.jpg) no-repeat right 4px;
  padding-right: 14px;
  text-decoration: none;
}

.separator {
  width: 490px;
  height: 20px;
  background: url(../images/bg_separator.jpg) repeat-x right top;
}

.mod_book {
  float: left;
  position: relative;
  left: 0px;
  top: 310px;
  height: 50px;
  color: #fff;
}

a.btn_book {
  display: block;
  float: left;
  width: 288px;
  height: 56px;
  background: url(../images/btn_book.jpg) no-repeat right top;
  margin: 0 20px 0 5px;
  text-decoration: none;
}

a.btn_book:hover {
  background: url(../images/btn_book_hover.jpg) no-repeat right top;
}

a.btn_watch {
  display: block;
  float: left;
  width: 191px;
  height: 38px;
  background: url(../images/btn_watch.jpg) no-repeat right top;
  margin: 5px 0px 0 0px;
  text-decoration: none;
}

a.btn_watch:hover {

}

ul.t_list {
  list-style-type: none;
  margin: 0;
  margin-left: -20px;
  padding: 0;
  width: 480px;
}


ul.t_list li {
  padding: 6px 0px;
  padding-bottom: 15px;
  background: url(../images/bg_separator.jpg) repeat-x right bottom;
}


ul.t_list li a {
  display: block;
  padding: 8px;
  padding-left: 20px;
  border-left: #fff 4px solid;
  text-decoration: none;
}

ul.t_list li a:hover {
  border-left: #003366 4px solid;
  background: #eef4fb;
}

ul.t_list li a p {
  color: #000;
}


/********************************      CATEGORY Classes      ********************************/

/********************************      FAQ Classes      ********************************/
.ss_category {  display:block;   font-size:17px; cursor:pointer; margin:5px 0px 5px 0px; padding:4px 4px 4px 15px; font-weight:normal; background:url(../images/faq_off.jpg) right no-repeat #E2E2E2;}
.ss_category_on {  color:#FFF; background:url(../images/faq_on.jpg) right no-repeat #0d3d6d; }
.ss_questions {padding-bottom: 10px;}
.ss_questions span { display:block; margin-left:20px; list-style-image:none; list-style:none; margin-right:20px; padding:5px 0px 5px 0px;}
.ss_questions a { display:block;  font-size:12px; text-decoration:none; color:#000;}
.ss_questions a:hover {  text-decoration:underline; color:#F30;}
.ss_answer {  display:block;  background:#EEEEEE;  font-size:14px; line-height:130%; padding:7px 20px 7px 20px; margin:5px 0px 5px 0px;}
.ss_answer p { padding-bottom:10px;}
.ss_answer p strong { cursor:pointer;  font-size:15px;}


/********************************      TAB Classes      ********************************/
#tabs { display:block; position:relative; z-index:3; margin-top:25px; }
#tabs li { display: inline; line-height:37px; float: left; height:36px; width:159px; text-align:center; margin-right:3px;background-color:#EFEFEF;border:1px solid #EFEFEF; border-bottom:none;}
#tabs li a { color:#003B3B;  font-size:18px; text-decoration:none;  }
#tabs .active {  background-color:#FFF;border:1px solid #CCC; border-bottom:none; height:37px; }
.tab_contents { display:none; width:623px; border:1px solid #CCC; padding-top:25px; position:relative;}
.tab_active { display:block; position:relative; margin-top:-1px; background-color:#FFF; z-index:1}

#tab1 thead th { background-color:#E9E9E9;  font-size:13px; font-weight:bold; border-bottom:#333 1px solid; text-align:center; height:30px; }
#tab1 tbody td {   font-size:12px; border-bottom:#333 dashed 1px; text-align:center; height:23px; }
#tab2 tbody .edit > td{   font-size:12px; height:23px; }
.left_col { text-align:right;}

/********************************      Testimonials Classes      ********************************/
.testimonial_box {  border:1px solid #CCCCCC; background:#FFF; width:450px; padding:19px 20px 19px 20px;  font-size:12px; border-bottom:0px; line-height:130%;color:#333333; }
.testimonial_footer { background:url(../images/testimon_foot.jpg) repeat-x top left; margin-bottom:18px; height:17px; width:446px;  font-size:12px; padding-left:45px; padding-top:4px;color:#333333; padding-bottom:35px; line-height:135%;}
.testimonial_footer a { color:#333333;}

/********************************      Footer Classes      ********************************/
.footer { color:#333;  font-size:11px; padding-top:20px; padding-bottom:20px; width:980px; margin:auto;}
.footer a { color:#333;}

/********************************      Form Classes      ********************************/
.form { width:380px; border:1px solid #CCCCCC; padding:20px 0 0 20px; background: #e2edf9 url(../images/form_bg_footer.jpg) repeat-x bottom; margin-top: 20px;}
.form table { background:url(../images/stamp.jpg) no-repeat top right;  font-size:12px;}
.form table input {width:360px; border:1px solid #CCC; background: #fff;}
.form table input#simage {width:158px; border: none; margin-top: 6px; }
.form table input[type=password] {width:200px; border:1px solid #CCC; background: #fff;}
.form table textarea { width:360px; height:200px;border:1px solid #CCC; background: #fff;}

.form2 { width:320px; border:1px solid #CCCCCC; border-top:3px solid #184F4F; padding:20px 0 0 20px; background:url(../images/form_bg_footer.jpg) repeat-x bottom; }
.form2 h2 {  font-size:18px; color:#003838; padding-bottom:10px;}
.form2 table {   font-size:12px;}
.form2 table input[type=text] {width:200px; border:1px solid #CCC; background: #fff;}
.form2 table input[type=password] {width:200px; border:1px solid #CCC; background: #fff;}
.form2 table textarea { width:320px; height:200px;border:1px solid #CCC; background: #fff;}

.form_login { width:220px; border:1px solid #CCCCCC; border-top:3px solid #184F4F; padding:20px 0 0 20px; background:url(../images/form_bg_footer.jpg) repeat-x bottom; }
.form_login table {   font-size:12px;}
.form_login table input[type=text] {width:200px; border:1px solid #CCC; background: #fff;}
.form_login table input[type=password] {width:200px; border:1px solid #CCC; background: #fff;}
.form_login table textarea { width:360px; height:200px;border:1px solid #CCC; background: #fff;}


.rightBar {}
.rightBar h2 { font-size:18px; color:#003838; padding-bottom:10px;}
.leftSide {}
.leftSide h2 { font-size:18px; color:#003838; padding-bottom:10px;}

/********************************      Photos Classes      ********************************/

/********************************      jQuery plugins styles      ********************************/


.slideshow { height: 282px; width: 390px;  }
.slideshow img { float: left; border: none; }


/*************** Facebox ***************/

#facebox .b { background:url(/images/b.png);}
#facebox .tl {background:url(/images/tl.png);}
#facebox .tr {background:url(/images/tr.png);}
#facebox .bl {background:url(/images/bl.png);}
#facebox .br {background:url(/images/br.png);}
#facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;}
#facebox .popup { position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom: 0; padding: 0;}
#facebox .body {padding: 10px;background: #fff;width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image { text-align: center;}
#facebox img {border: 0; margin: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px;text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide { z-index:-100;}
.facebox_overlayBG {background-color: #000; z-index: 99;}