@charset "utf-8";
/* This is The Goth Knight's Style Sheet - Viva Atrum */

*{ margin:0; padding:0; }

body{ width:100%; height:100%; background:#d6d6d6 url(../images/body_bg.jpg) top left repeat-x; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; text-align:center; }

div#box{ width:870px; min-height:100%; background:url(../images/back_bg2.png) top left repeat-y; margin:0 auto; text-align:center; }

div#container{ width:850px; height:auto;  background:#fff; margin:0 auto; }

div#header{ width:850px; height:119px; }

/* NAVIGATION STYLING */
div#nav{width:850px; height:33px; background:url(../images/nav_bg.jpg) top left repeat-x; z-index:100; position:relative; }
ul { list-style: none; padding: 0; margin: 0; }
#nav2 a:link, #nav2 a:visited{	font-weight: bold; color: #fff; text-decoration: none; }
#nav2 li li a{ display: block; font-weight: normal; color: #000 !important; padding-left:12px; padding-right:12px;   }
#nav2 li li a:hover { background:#f5ae3a;}
li { float: left; position: relative; text-align: center; cursor: default; color:#fff; 	}
li div{ height:33px; line-height:33px; border-right:1px solid #636ec5 }
li div a:link, li div a:visited{ line-height:33px; display:block;  padding-left:12px; padding-right:12px; }
/* li div a:hover{ background:url(../images/nav_bg2.jpg) top left repeat-x; color:#000 !important; } */
li#subnav { }
li ul {	display: none; position: absolute; top:100%; left: 0; font-weight: normal; width:160px; border-top:2px #fff solid; }
li>ul { top: auto; left: auto; }
li li {	display: block;	float: none; border: 0;  background:#ececec; line-height:25px; color:#000; font-size:11px; height:25px; text-align:left; border-bottom:1px dotted #ccc;}
li:hover ul, li.over ul { display: block; }


div#mainimg{ width:850px; height:277px; background:url(../images/main_img.jpg) top left no-repeat; clear:both; position:relative;}
div#subimg{ width:850px; height:190px; /* background:url(../images/sub_aboutus_image.jpg) top left no-repeat;*/ clear:left;}

div#contents{ width:850px; height:auto; margin-top:10px; margin-bottom:10px; }

div#contents div#left{ width:225px; height:auto; background:#fff; float:left; font-size:11px;  text-align:left;}
div#contents div#left a:link, div#contents div#left a:visited{ color:#000; text-decoration:none }
div#contents div#left a:hover{ color:#3f4dae; text-decoration:underline; }
div#contents div#left img{ padding:0; margin:0;  vertical-align:top; }
div#contents div#left h1{ height:39px; background:url(../images/left_title_bg.jpg) top left no-repeat; line-height:39px; font-size:16px; color:#fff; padding-left:45px; padding-right:5px; }
div#contents div#left p.style1{ padding:5px 12px 5px 12px; color:#000; background:#ececec; line-height:20px;  border-bottom:#f1f1f1 1px solid;   }
div#contents div#left p.style2{ padding:5px 12px 5px 12px; color:#000; background:#e0e0e0; line-height:20px; border-bottom:#f1f1f1 1px solid;   }
div#contents div#left p.style3{ height:27px; background:url(../images/left_title_bg_bottom.jpg) top left repeat-x; margin-bottom:10px;  }
div#contents div#left p.style4{ border-top:2px solid #fff; border-bottom:2px solid #fff; }


div#contents div#right{width:615px; height:auto; float:right; position:relative;  }
div#contents div#right h1{ height:39px; line-height:39px; font-size:16px; color:#fff; padding-left:45px; padding-right:5px; text-align:left; border-bottom:1px dotted #fff; }
div#contents div#right img{ margin:0 auto; }
div#contents div#right p{ padding:5px; line-height:16px; font-size:11px;   }
.subtitle{ font-size:12px; font-weight:bold; text-align:center; color:#26369d;  }
div#contents div#right div#right1{ width:195px; height:290px; margin-left:10px; float:left; background:#f1f1f1; }
div#contents div#right div#right2{ width:195px; height:290px; margin-left:10px; margin-right:5px; float:left; background:#f1f1f1; }
div#contents div#right div#right3{ width:195px; height:290px; margin-left:5px; float:right; background:#f1f1f1; }
div#contents div#right .bottom{ height:29px; line-height:29px; color:#fff; font-size:11px; font-weight:bold; position:absolute; top:270px; width:195px }
.bottom a:link, .bottom a:visited{ color:#000; text-decoration:none; }
.bottom a:hover{ color:#fff; text-decoration:underline; }
div#contents div#right  div#right_panel{ margin-left:10px; margin-top:15px; clear:both; text-align:left; font-size:#12px !important;}
div#contents div#right  div#right_panel img{ margin:5px 15px 10px 0px !important; vertical-align:top; float:left;}
div#contents div#right  div#right_panel p{ font-size:12px !important; color:#000; line-height:20px; padding-top:10px !important;}
.subtitle2{ font-size:14px; font-weight:bold; color:#f90; }

/* Subpage Styling */

div#subimg{ width:850px; height:190px;  clear:left;}

div#contents div#subleft{ width:200px; height:auto; background:#fff; float:left; font-size:11px;  text-align:left; border-bottom:4px solid #333;}
div#contents div#subleft h1{ height:39px; line-height:39px; font-size:16px; color:#fff; border-bottom:1px dotted #fff;  }
div#contents div#subleft p{ height:30px; line-height:30px; font-size:12px; font-weight:bold; color:#000; background:#f7f7f7; border-bottom:1px dotted #fff; }
div#contents div#subleft p a:link, div#contents div#subleft p a:visited{ line-height:30px; display:block; text-decoration:none; color:#000; padding-left:15px; }
div#contents div#subleft p a:hover{ background:#2a3ba9; display:block; text-decoration:none; color:#fff; }
div#contents div#subleft  div#pbucket{ height:34px; padding-top:10px; padding-bottom:10px; border-top:4px solid #333; }

div#contents div#subright{width:630px; height:auto; float:right; }
div#contents div#subright h1{ height:39px; line-height:39px; font-size:16px; color:#fff; text-align:left; border-bottom:1px dotted #fff; background:url(../images/sub_title_header.jpg) top left repeat-x; vertical-align:top;}
div#contents div#subright h1 img{ float:left;}
div#contents div#subright div#photo{ margin:20px 0px 20px 0px; }
div#contents div#subright div#photo img{ float:left; margin-right:15px;; border:0px;}
/* div#contents div#subright p img{ margin:5px 15px 10px 0px !important; vertical-align:top; float:left;} */
div#contents div#subright h2{ padding:15px 5px 0px 5px; line-height:20px; font-size:18px; text-align:left; color:#F90; }
div#contents div#subright h3{ padding:15px 5px 0px 5px; line-height:20px; font-size:16px; text-align:left; color:#0a4287; }
div#contents div#subright p{ padding:5px; line-height:20px; font-size:12px; text-align:left;  }
div#contents div#subright p a:link, div#contents div#subright p a:visited{ text-decoration:none; color:#339; }
div#contents div#subright p a:hover{ text-decoration:underline; color:#f90; }


div#footer{ width:850px; height:50px; line-height:14px; font-size:11px; color:#fff; text-align:center; clear:both; background:url(../images/footer_bg.jpg) top left repeat-x;  }
div#footer a:link, div#footer a:visited{ text-decoration:none; color:#fff; }
div#footer a:hover{ text-decoration:underline; color:#eee; }

.smalltxt{ font-size:11px; line-height:16px;}


/* for testimonials */

div#testimonials{ width:800px; margin:auto; }
div#testimonials div{ margin:15px 20px 10px 20px !important; border-bottom:1px #ccc dotted; padding-bottom:20px  }
.testiname{ font-size:14px !important; font-weight:bold; color:#0033CC; }



/*  add on - Membership Package - 05252010 */

table#mempackage{ width:580px; margin:auto; }
table#mempackage td{ padding:5px; text-align:left }
table#mempackage td.tcell1{ background:#edf1f8;  border-bottom:1px dotted #c4d3eb;}
table#mempackage td.tcell2{ background:#dde9fd; border-bottom:1px dotted #c4d3eb; }
table#mempackage td.title{ background:#0f3f8e; color:#fff; font-weight:bold; border-bottom:1px dotted #c4d3eb;  }
table#mempackage td.title2{ background:#eee; color:#000; font-weight:bold; border-bottom:1px dotted #c4d3eb;  }
table#mempackage td.title-space{ border-bottom:1px dotted #c4d3eb;  }

/* =============  for videos  ============== */
#vid{ margin:10px 0px 10px 0px;  border-bottom:1px dotted #ccc; }
#vid p{ font-size:12px; line-height:18px; padding:0px; margin:0px 0px 10px 0px;  }
a.myPlayer { display:block; text-align:center; margin:0 0px 5px 0;  border:1px solid #999; } 
.myPlayer2 { display:block; text-align:center; margin:0 10px 5px 20px;  border:1px solid #999; float:left } 
/* play button */ 
a.myPlayer img { margin-top:70px; border:0px; } 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover { border:1px solid #000; }

/* === for Reach Us === */
table#reachus{ width:700px; margin:20px auto 20px auto; background:#eee; border:1px solid #fff; border-collapse:collapse; border-bottom:3px #063999 solid;  }
table#reachus td{ padding:7px; font-size:12px; border:1px solid #fff; border-collapse:collapse;   }
table#reachus td.titlehead{ font-weight:bold; background:#063999; color:#fff; font-size:16px; }
table#reachus td.cell2{ background:#f5f5f5; color:#000; }