/*	Desc: *title* Screen Style Sheet
	Author: *your Name*
	Date: *last modified date*
	+ Colours
	- *colour hex* *colour name* (*purpose*)
=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
html {

}
body { background:#000 url(../images/bg.jpg) top center no-repeat;

}
/*=COMMON
=== === === === === === === === === === */
* {
	padding: 0;
	margin: 0
}
p,
li {
	line-height: 150%
}
#masthead h1 {
	text-indent: -9999px;
	font-size: 1%
}
a {

}

/*=MASTTOP
=== === === === === === === === === === */
#top{  width:100%;
      height:29px;
}

#top-left{  position: absolute;กกกก 
			top: 0px;
			left: 0px;
			width:55px;
			height:29px;
			background:url(../images/top-left.gif) top left no-repeat;
}

#top-center{ height:26px;
			margin-right:55px;
			margin-left:55px;
			padding:3px 0 0 0;
			background:url(../images/top-bg.gif) top left repeat-x;
}

#top-right{ position:absolute;
			top:0px;
			right:0px;
			width:55px;
			height:29px;
			background:url(../images/top-right.gif) top left no-repeat;
}

/*=MASTHEAD
=== === === === === === === === === === */
#masthead {

}

/*=NAVIGATION
=== === === === === === === === === === */
#navigation {

}
/*=CONTENT
=== === === === === === === === === === */

/*=left
=== === === === === === === === === === */
#logo { width:229px;
		height:145px;
		margin-left:-1px;
}

#left-ConInfor{ width:195px;
				background:#1A1A1A;
				 
}

#left-NewsLetter{   width:195px;
					background:#1A1A1A;
				    height:215px;                
}

#left-safe{ width:195px;
			background:#1A1A1A;
			height:362px;                
}
/*=right
=== === === === === === === === === === */
#search{ width:100%;
         height:95px;
		 padding:20px 0 0 150px;		  
}
/*=main
=== === === === === === === === === === */
#main{ width:100%;
       background:#020202;         
}
/*=main list content
=== === === === === === === === === === */
.main-list{ width:100%;
            background:url(../images/conent-bg.jpg) top left repeat-y;
}
.main-list-top{ width:100%;
                height:44px;
			  background:url(../images/top.jpg) top left no-repeat;
}
.main-list-con{ width:100%;
				background:url(../images/top-pic.jpg)  12% top  no-repeat;
}
.main-list-conI{ width:100%;
				 background:url(../images/bot-pic.jpg) 97% bottom no-repeat;
				 *background:url(../images/bot-pic.jpg) 97% bottom no-repeat!important;
				 *background:url(../images/bot-pic.jpg) 93% bottom no-repeat;
}
.main-list-bot{ width:100%;
                height:45px;
				background:url(../images/bottom.jpg) top left no-repeat;                
}
/*=FOOTER
=== === === === === === === === === === */
#footer { width:100%;
          height:80px;
		  float:left;
		  margin-top:20px;
}

#livechatbox{height:113px;margin:0 0}
#livechatbox .livechatimg img{position:absolute;z-index:0}
#livechatbox .livechatshow a{display:block;position:absolute;z-index:1;width:195px;height:113px;*BACKGROUND:url(/images/livechat.jpg);filter:Alpha(Opacity="0");}
#livechatbox .livechatshow img{display:none;}