body {
    font: 78% sans-serif, Helvetica, arial, sans-serif;
    text-align: center; /*IE centering hack*/
    background: #001200 url(images/zee-mbgnew2.jpg) repeat-x;
    color: #f3d898;
    letter-spacing: 0.05em; 
}
a, a:visited, a:link {
	color: #d3e5d2;
}
a:hover { color: #f3d898;
text-decoration: none;
}
#wrapper {
    width: 760px;
    background: #021102;
    color: #f3d898;
    margin: 5px auto; /*center for compliant browsers*/
    text-align: left; 
    border: 2px solid #083308;
    -moz-border-radius: 30px;
    padding: 10px;
    }
#header {
    border-bottom: 2px solid #083308; 
    -moz-border-radius: 0px 0px 30px 30px;
    margin-bottom: 10px;
    }

/* Lettered Title with Navigation */
ul#off {list-style-type:none; padding:0; margin:0; width:750px; height:120px; 

margin:0.5em auto; position:relative;}
ul#off li {display:block; width:75px; height:100px; margin:10px; 

position:relative; float:left;}
ul#off li.gap {margin-right:75px;}
ul#off a {display:block; width:0; height:0; text-decoration:none;  

position:absolute; left:0; top:0;}

ul#off a em {cursor:pointer; font-style:normal; font-weight:bold;}
ul#off a span {display:none;}

ul#off a em.hz {position:absolute; display:block; height:20px; width:75px; 

cursor:pointer; text-align:center; 

line-height:20px; color:#d3e5d2;}
ul#off a em.hzq {position:absolute; display:block; height:20px; width:50px; 

cursor:pointer; text-align:center; 

line-height:20px; color:#d3e5d2;}
ul#off a em.vtc {position:absolute; display:block; height:60px; width:25px; 

cursor:pointer; left:0; top:20px;}
ul#off a em.vtl {position:absolute; display:block; height:80px; width:25px; 

cursor:pointer; left:0; top:0;}
ul#off a em.vtp {position:absolute; display:block; height:40px; width:25px; 

cursor:pointer;}
ul#off a em.bk {position:absolute; display:block; height:25px; width:25px; 

cursor:pointer;}
ul#off a em.vtq {position:absolute; display:block; height:100px; width:25px; 

cursor:pointer; left:0; top:0;}


ul#off a em.toph {top:0; left:0;}
ul#off a em.midh {top:40px; left:0;}
ul#off a em.both {top:80px; left:0;}
ul#off a em.topr {top:0; left:50px;}
ul#off a em.topq {top:0; left:25px;}

ul#off a em.bktl {top:20px; left:0;}
ul#off a em.bktr {top:20px; left:50px;}
ul#off a em.bkbl {top:60px; left:0;}
ul#off a em.bkbr {top:60px; left:50px;}

.ggg em {background:#043c00;}
.aaa em {background:#043c00;}
.lll em {background:#043c00;}
.eee em {background:#043c00;}
.rrr em {background:#043c00;}
.yyy em {background:#043c00;}

ul#off a:hover {color:#96b794; background:#466444;}
ul#off a:hover em {background:#466444; color:#96b794;}
ul#off a:hover span {display:block; width:75px; height:1px; font-size:2px; 

position:absolute; top:110px; left:0; 

border-top:1px dashed #466444;}
ul#off a:active, ul#off a:focus {background:#eee;}
ul#off a:active em, ul#off a:focus em {background:#f0ca93; color:#000;}
ul#off a:active span, ul#off a:focus span {border-top:5px solid #f0ca93;}
  
   
#container {
    position:relative; 
    width:760px; 
    height:396px; 
    margin:20px auto 0 auto; 
    background: #021102 url(images/zeenew.jpg) 75px 10px no-repeat;
    } 
/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    } 
/* Remove the images and text from sight */
#container a.gallery span { 
    position:absolute; 
    width:0px; 
    height:0px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background: #021102;
    }
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    text-decoration:none; 
    border:1px solid #fff; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
/* change the thumbnail border color */
#container a.gallery:hover {
   border:1px solid #c2a259; 
    }
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:445px; 
    height:372px; 
    top:8px; 
    left:52px; 
    color: #48300A; 
    background: #021102;
    }
#container a.gallery:hover img {
    border:1px solid #c2a259; 
    float:left; 
    margin-right:5px;
    }
#container a.slidea {
    background:url(image_sidebar/port4k_greenworld.png); 
    height:60px; 
    width:93px;
    }
#container a.slideb {
    background:url(images/winterinulm_kcl.png); 
    height:60px; 
    width:93px;
    }
#container a.slidec {
    background:url(image_sidebar/port1k_blueocean.png); 
    height:60px; 
    width:93px;
    }
#container a.slided {
    background:url(images/tuti_1_kecil.png); 
    height:60px; 
    width:93px;
    }
* html #container a.slided {
    width:91px; 
    width:93px;
    }
#container a.slidee {
    background:url(images/budi_kecil.png);    
    height:60px; 
    width:93px;
    }
#container a.slidef {
    background:url(images/oldbook_kecil.png); 
    height:60px; 
    width:93px;
    }
* html #container a.slidef {
    width:91px; 
    width:93px;
    }
#container a.slideg {
    background:url(images/tina1_kecil.png); 
    height:60px; 
    width:93px;
    }
#container a.slideh {
    background:url(images/chakitty_kcl.png); 
    height:60px; 
    width:93px;
    }
#container a.slidei {
    background:url(image_sidebar/port3k_colorfulgirls.png); 
    height:60px; 
    width:93px;
    }
#container a.slidej {
    background:url(image_sidebar/port2k_casanova.png); 
    height:60px; 
    width:93px;
    }
#container a.slidek {
    background:url(images/tina_kecil.png); 
    height:60px; 
    width:93px;
    }
* html #container a.slidek {
    width:91px; 
    width:93px;
    }
#container a.slidel {
    background:url(image_sidebar/port5k_reventon.png);
    height:60px; 
    width:93px;
    }
/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:198px; 
    height:386px;
    margin:5px; 
    float:right;
    }
#container li {
    float:left;  
    }
#container a.slideb:hover img, #container a.slidei:hover img {
    float:right; 
    }
#page{
    border:1px solid #074207; -moz-border-radius: 30px;
    float:right; 
    margin: 5px; padding: 20px; 5px; 5px; 5px;
    height:342px; 
    width:190px;
    text-align: justify;
    background-color: #042c04;
    color: #b8dbb6;
    }
    
#pagenews{
    border:1px solid #083308; -moz-border-radius: 30px;
    float:left; 
    margin: 5px; padding: 20px; 5px; 5px; 5px;
    height:342px; 
    width:700px;
    text-align: justify;
    background-color: #073607;
    color: #b8dbb6;
    }
img.bordered {
    padding:4px;
    margin-left: 45px;
    margin-bottom: 10px;
    border:2px dashed #083308;
    background-color: #073607;
    float: left;
    }
#container2 {
        border: 2px solid #083308; -moz-border-radius: 30px;
   	margin-top: 10px;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
}
#container2 p {
    font-weight: bold; 
    background-color: #042c04;    
    color: #b8dbb6;
    text-align: center; border: 2px solid #083308; -moz-border-radius: 30px;
    }  

/* #footer */

#footer {
    border-top: 2px solid #083308;
    margin-top: 10px;
    padding-top: 5px;
    }  
    
#footer p {
    font-size: 0.9em;
    text-align: center;
    font-weight: bold; 
    color: #3a6f38;
    } 

#footer a {
    color: #b8dbb6;
    text-decoration: none;
    }
    
#footer a:hover {
    text-decoration: bold;
    color: #c1e0bf;
    } 
   
#pageabout{
    border:1px solid #083308; 
    float:right; 
    margin: 15px; padding: 10px;
    height:342px; 
    width: 160px;
    text-align: center;
    background-color: #D0B064; 
    color: #b8dbb6;
    }


#containertina {
    top:20px; 
    left:60px; 
    height:536px; 
    width:280px; 
    border:2px dashed #083308;
    background-color: #D8C49E;    
    }
#container a.slidemeda {
    background:url(images/am.jpg); 
    height:168px; 
    width:151px;
    border:2px dashed #083308;
    background-color: #D8C49E;
    }
 #container a.gallery:hover spana {
    position:absolute; 
    width:445px; 
    height:372px; 
    top:20px; 
    left:60px; 
    color: #f3d898; 
    background: #073307;
    }

select, checkbox, textarea, option {
border:1px solid #032203;  
font-size:13px; 
color: #b8dbb6;
font-weight: normal;
background: #032203;
}

input {
color: #b8dbb6;
background: #003500;
font-weight: normal;
font-family: georgia, sans-serif;
font-size: 11pt;
word-spacing: 2px;
text-transform:none;
}
    
   
#container1 {   
  
    margin: 0px;
    height:600px; 
    width:500px;
    }
   
#container3 {
    position:relative; 
    width:760px; 
    height:900px; 
    margin:20px 0 auto 0; 
    background: #021102;
    float: left;
    } 
   #page2{
    border:1px solid #074207; 
    float:right; 
    top: 0;
    height:600px; 
    width:180px;
    background-color: #042c04;
    color: #b8dbb6;
    }   
   .h1{
    

	color: #d3e5d2;    }