*{padding:0;margin:0;}
body{font-family: Tahoma, sans-serif, AngsanaUPC, Arial, Helvetica; font-size:76%; font-style:normal; color:#fff;margin:0;padding:0;text-align:center;background-color: #000;}
#wrapper, #wrapper03{width: 960px;text-align:left;margin:0 auto; padding: 0 0 20px 0;}

#wrpindex{background:url(../images/bg_proload.jpg) 0 0 no-repeat;width: 960px;text-align:left;margin:0 auto; padding: 0 0 20px 0;}
img{border:none;}
a{text-decoration:none; outline: 0 none;}

.clear-all{clear:both;}
.left{float:left;}
.right{float:right;}
.require{color: #DD0000; font-weight:bold;}
.error{background-color: #DD0000;color: #FFF;text-align:center;padding: 10px 0;float:left;width:100%;}

h1{color: #FFF;font-size: 1.1em;}
/* Heaader */
#header{background-color: #3e3e3e;height:100px;}
#header #logo{margin: 25px 0 0 10px;}
fieldset{border:none;}
legend{padding:0;margin:0 0 10px 0;text-align:left;float:left;display:none;}

.wrpRow{clear:both; margin-bottom: 3px;overflow:hidden;}
.wrpRow label{float:left;width: 30%;text-align:left;font-weight:bold;}
.wrpRow input{float:left; width: 150px;}
ul{list-style:none;}

/*#content_colone{width: 940px; margin: 30px auto; background:url(../images/bottom_content.jpg) 0 0 no-repeat;}*/

#entersite{margin: 10px 0; text-align:center;}

/* Home Page */
#wrapper03 #content{float:left;clear:both;margin-top: 0px;width:960px;}
#content{float:left;clear:both;width:960px;}
#content_colone{width: 960px; float:left;}

#next_previous{clear:both; float:left; margin:10px 0;width:960px;}
#btYes{cursor:pointer;}
#contactdetail{display:none;}


#pagination{clear:both;width:100%;margin-top: 30px;float:left;}
#pagination ul{float:right;}
#pagination li{border:1px solid #ddd;float:left;width: 21px; height: 21px; margin: 0 5px; text-align:center; }
#pagination li a{text-align:center; height: 18px; padding-top:3px; display:block;color:#006fc5;}
#pagination li a:hover{background-color: #006fc5; color: #000; font-weight: bold;}
#pagination li#active{height: 18px; padding-top:3px; background-color: #006fc5; color: #000; font-weight: bold;}

/* Footer */
#footer{clear:both;float:left;margin: 30px 0;text-align:center;width: 100%;}

/*-- Bottom Toolbar --*/

div#toolbar, div#toolbarbut {
  position: fixed; /* set fixed position for the bar */
  bottom: 0px;
  right: 0px;
  z-index: 9999; /* keep the bar on top  */
  height: 36px;
  background: url(../images/bcktool.png);
  /* CSS3 */
  -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px #a4a4a4; /* inset creates a inner-shadow */
  -khtml-box-shadow: 0px 1px 10px #666;
  -webkit-box-shadow: 0px 1px 10px #666;
  /* CSS3 end */
	border-top: 1px solid #eee;
  border-left: 1px solid #eee; 
  border-right: 1px solid #eee;  
}

div#toolbar {
  width: 85%;
  min-width: 700px; /* to limit the width when an excessive window resize */
  margin: 0px auto; /* centered toolbar */
  left: 0px;
}

div#toolbarbut { /* div for the 'hide status' */
  width: 60px;
  height: 15px;
  margin-right: 3%;
  display: none;
}

span.showbar a { /* show button */
  padding: 5px;  
  font-size: 10px;
  color: #333333;
}

.leftside {
  float: left;
  margin-left: 390px;
}

.rightside {
  float: right;
}

/*-- Left Side --*/

ul#social li {
  display: inline;
}

a.prev {
  display: inline-block;
  width: 90px;
  height: 35px;
  margin-left: 5px;
  margin-top: 1px;
  background: url(../images/page_prev.png) no-repeat;
}

a.next {
  display: inline-block;
  width: 90px;
  height: 35px;
  margin-top: 1px;
  background: url(../images/page_next.png) no-repeat;
}

a.p01, a.p02, a.p03, a.p04, a.p05, a.p06, a.pnext {
  display: inline-block;
  width: 40px;
  height: 35px;        
  margin-top: 1px;
}

a.prev:hover, a.p01:hover, a.p02:hover, a.p03:hover, a.p04:hover, a.p05:hover, a.p06:hover, a.pnext:hover {
  background-position: 1px 1px; /* simple css hover effect */
}

a.p01 {
  background: url(../images/p01.png) no-repeat;
}

a.p02 {
  background: url(../images/p02.png) no-repeat;
}

a.p03 {
  background: url(../images/p03.png) no-repeat;
}

a.p04 {
  background: url(../images/p04.png) no-repeat;
}

a.p05 {
  background: url(../images/p05.png) no-repeat;
}

a.p06 {
  background: url(../images/p06.png) no-repeat;
}


/*-- Right Side --*/

span.downarr { /* hide button */ 
  float: right;
  border-left: 1px solid #a4a4a4;
}

span.downarr a {
  display: block;
  width: 36px;
  height: 26px;
  padding: 25px 0 0 10px;
  background: url(../images/downarrow.png) no-repeat 5px 7px;
}

span.menu_title {
  background: #e4e4e4;
  border-left: 1px solid #a4a4a4;
  padding: 10px;
}

span.menu_title a {
  font-size: 16px;
  line-height: 34px;
  color: #9a9a9a;
}


