body
{
	background: black url('http://skincs.tk/images/background.jpg') fixed center center no-repeat;
	background-position: top;
	background-attachment: scroll;
    color: white;
}

a
{
  text-decoration:none;
  color: #FFFFFF;
}

a:hover
{
color: #FFFFFF;
}

.menuTemplate3
{
    margin: 0 auto; width: 847px;float:center;
    behavior: url("css/cssmenu.htc"); 
    position:relative;
    z-index:4;
    height: 36px;
    background: #444;
    border: 1px solid #111;
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
}

.menuTemplate3 li
{
    padding: 0;
    float: left;
    height: 36px;
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    color: #EEE;
    z-index:5;
}

.menuTemplate3 li:hover, .menuTemplate3 li.onhover
{
    border-top:0;
}
.menuTemplate3 a
{
    padding: 0 30px;
    line-height: 36px; /*Note: keep this value the same as the height of .menuTemplate3 li */
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    color: #FFF;
    position: relative;
}
.menuTemplate3 li:hover a, .menuTemplate3 li.onhover a
{
    background-color: #222;
    color: #FFF;
    z-index: 9;
}
.menuTemplate3 a.arrow
{
    background: url(arrow.gif) no-repeat right center;
}
 
        
/*Used to align a top-level item to the right*/        
.menuTemplate3 li.menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menuTemplate3 li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:1px solid #aaa;
    height:20px;
    margin-top:8px;
    z-index:4;
}
               
        
/* sub level
--------------------------------------------*/
        
.menuTemplate3 .drop
{
    position: absolute;
    z-index:5;
    left: -9999px;
    border: 1px solid #000;
    background: #222;           
    text-align: left;
    padding: 20px;  
    top:35px;
	color:#999;
}

.menuTemplate3 .drop a
{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 26px;
    font-size: 12px;
    font-weight: normal;
    display: inline;
    text-align: left;
    
    position: static;
    z-index: 0;
}

.menuTemplate3 li:hover .drop, .menuTemplate3 li.onhover .drop .dropToLeft3
{
    left: -1px;/*Use this property to change offset of the dropdown*/
}
.menuTemplate3 li:hover .dropToLeft, .menuTemplate3 li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
}
.menuTemplate3 li:hover .dropToLeft2, .menuTemplate3 li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}
.dropToLeft3
{
   left: 30px;
}
/* Elements within the drop down sub-menu
--------------------------------------------*/

.menuTemplate3 div.drop div div
{
    padding: 6px 20px;
}
.menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}
.menuTemplate3 div.drop div a
{
    line-height: 24px;  
	color:white;
    background:none;
}
.menuTemplate3 div.drop div a:hover
{
    text-decoration:underline;
    cursor:pointer;
    color:Red;
}

.menuTemplate3 div.left {float:left;}

 
/* CSS3 effects
--------------------------------------------*/
 
/*for top-level*/       
.decor3_1 
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 1px 2px 4px 2px #999;
    -webkit-box-shadow: 1px 2px 4px 2px #999;
    box-shadow: 1px 2px 4px 2px #999;
}

/*for submenu.*/   
.decor3_2 
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0px 8px 14px #777;
    -webkit-box-shadow: 0px 8px 14px #777;
    box-shadow: 0px 8px 14px #777;  
}








* { margin: 0; padding: 0}
#wrapper{width: 800px; margin: 50px auto}
#tabs {width: 400px}
#tabs ul li{
	float: left; 
	background: #cfcfcf; 
	padding: 4px 10px; 
	margin-right: 3px; 
	list-style: none inside;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	cursor: pointer
}
#tabs ul li.active {background: url(background.png) repeat-x bottom; color: white; padding-bottom: 6px }
#tabs div{clear: both; background: #eee; border: 1px solid #3d607d; padding: 10px}
#tabs div.hide{display: none}







.footer {
margin: 0 auto;
padding: 1px;
background-image : url(http://mackie.wapsite.me/css/jcms/header.gif);
color : #a9a9a9;
text-shadow : #000000 1px 1px 2px; 
background-color : #0a0a0a;
background-repeat : repeat-x;
background-position : 50% top;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #333333;
}

.header{ 
margin: 0 auto;
padding: 1px;
background-image : url(http://mackie.wapsite.me/css/jcms/header.gif);
color : #a9a9a9;
text-shadow : #000000 1px 1px 2px; 
background-color : #0a0a0a;
background-repeat : repeat-x;
background-position : 50% top;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #333333;
}
.footer a:hover {
color : #d2d2d2;
text-decoration : none;
border-bottom : 1px dotted #696969;
}
.menu {
text-align: left;
font-weight: normal;
color: #FFFFFF;
border: #333333 solid 1px;
background-image: url(http://mackie.wapsite.me/graph/bg_text.jpg);
background-position: right;
background-repeat: repeat-y;
padding: 3px;
margin-top: 3px;
}
.menu a {
color: #FFFFFF;
/*padding-left: 16px;*/
background: url('http://mackie.wapsite.me/p_menu.gif') no-repeat left;
}
.menu a:hover {
color: #FFFFFF;
/*padding-left: 16px;*/
background: url('http://mackie.wapsite.me/p_menu.gif') no-repeat left;
}
.hdr
{
color : #FFCC33;
    font-size : 16px;
    font-weight : bold;
    text-shadow : #FFCC99 1px 1px 2px; 
    background-color : #000000;
    background-image : url('http://dat0007.sextgem.com/Css/Cssjhoncms/header.jpg');
    background-repeat : repeat-x;
    background-position : 50% top;
    margin-bottom : 3px;
    padding : 4px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.hdr a {
  color: #FFCC33;
}
.hdr a:hover
{
    color: #FFCC33;
    text-decoration: none;
}
		div {
			 border: 0px solid Black;
		}
		body {
			margin: 0 auto;
			width: 900px;
		}
		#menu {
			float: left;
			width: 150px
		}
		#content {
			margin-left: 152px;
			margin-right: 152px;
		}
		#content-right {
			float: right;
			width: 150px;
		}
		#footer {
			clear: both;
		}
        #news-left{
            float: left;
            width: 302px;
        }
        #news_content {
            margin-right: 304px;
            margin-left: 304px;
        }

.nd {
	color: #afafaf;
	font-size: 16px;
	font-weight: bold;
	background: #181818 url(head.gif) repeat-x top;
}
.nd a {
	color: #afafaf;
	text-decoration: none;
}
.nd b {
	color: #009dfd;
}
.canle {
  margin-top: 100x;
  margin-bottom: 100x;
}
.moi {
color : #bd0000;
background-color : #050000;
background-image : url('http://dat0007.sextgem.com/css/jcms/rmenu.gif');
background-repeat : repeat-x;
background-position : 50% top;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #590000;
}
.title{background-color:#000000;background-image:url('http://dat007.xtgem.com/Css/multy/hitam.png');background-repeat:repeat-x;background-position:50% top;margin-top:1px;margin-bottom:1px;padding:2px;border:0px solid #000000;color:#bbcc00;}

.vien {
text-align: left 15px;
font-weight: normal;
border: #333333 solid 1px;
background-image: url(http://mackie.wapsite.me/graph/bg_text.jpg);
background-position: right;
background-repeat: repeat-y;
padding: 3px;
margin-top: 3px;
margin: center;
}

.vien a {
color: #FFFFFF;
background: url('http://mackie.wapsite.me/p_menu.gif') no-repeat left;
}
.vien a:hover {
color: #FFFFFF;
background: url('http://mackie.wapsite.me/p_menu.gif') no-repeat left;
}