/*************************

Company: Mentari Fashion & Accessories
URL: www.MentariFashion.com
Created by: Hanny Ramzy 

*************************/

*{
margin: 0;
padding: 0;
}

body{
background: #2d2d2d;
font-family: arial, verdana, tahoma;
font-size: 12px;
}

a{
text-decoration: none;
}

/**Class**/

.lebar{
width: 955px;
margin: auto;
padding: auto;
}

.left{
float: left;
}

.right{
float: right;
}

.clear{
clear: both;
}

.telefon{
background: url(images/telefon.png) left no-repeat;
padding-left: 20px;
}

.emel{
background: url(images/emel.png) left no-repeat;
padding-left: 20px;
margin-left: 10px;
}

.peta{
background: url(images/peta.png) left no-repeat;
padding-left: 20px;
margin-left: 10px;
}

.atas{
background: url(images/atas.png) top no-repeat;
padding-top: 1px;
}

.belakang{
background: url(images/belakang2.png) repeat-y;
}

.bawah{
background: url(images/bawah.png) bottom no-repeat;
padding-bottom: 3px;
}

.kelabubawah{
background: #ffffff url(images/kelabubawah.jpg) bottom repeat-x;
margin: 0px 5px 0px 5px;
}

.bayang{
background: url(images/belakang.png) repeat-y;
height: 35px;
}

span.niagakit a{
color: #006699;
}

span.flarebiz a{
color: #FF6600;
}

.jual{
background: url(images/alamat.jpg) right top no-repeat;
margin-right: -1px;
}

.logo{
width: 715px;
margin-left: -1px;
margin-bottom: 15px;
}

.logo h1{ 
text-indent: -9999px;
}

.logo h1 a{ 
display: block; 
background: url(images/logo.png) no-repeat; 
height: 120px;
}

.alamat{
padding-top: 17px;
padding-right: 18px;
font-size: 13px;
text-shadow: 1px 1px #fff, 1px 1px #fff;
}

.alamat p{
margin-bottom: 6px;
}

.navigation{
background: url(images/empat.jpg) repeat-x;
height: 36px;
}

.duyung{
background: url(images/empat.png) repeat-y;
height: 36px;
}

.dibawah{
border: 1px solid #999999;
border-bottom: 1px solid #ffffff;
text-shadow: 1px 1px #fff, 1px 1px #fff;
}

.kebawah{
border: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
height: 43px;
background: url(images/kebawah.jpg) repeat-x;
}

.pukal{
background: #8D0060 url(images/cahaya.png) center bottom no-repeat;
text-align: center;
height: 33px;
padding-top: 17px;
padding-left: 14px;
-moz-border-radius:5px; 
-khtml-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px;
}

span.urusniaga{
background: url(images/urusniaga.png) no-repeat;
width: 915px;
height: 22px;
text-indent: -9999px;
display: block;
}

.prosedur{
width: 650px;
margin: auto;
padding: 9px;
background: #f2f2f2;
border: 1px solid #cccccc;
text-align: center;
text-shadow: 1px 1px #fff, 1px 1px #fff;
-moz-border-radius:0px 0px 5px 5px; 
-khtml-border-radius:0px 0px 5px 5px; 
-webkit-border-radius:0px 0px 5px 5px; 
border-radius:0px 0px 5px 5px;
}

.prosedur a{
color: #333;
}

.prosedur a:hover{
color: #D5008F;
}

span.info{
background: url(images/info.png) left no-repeat;
padding-left: 25px;
}

.kandungan{
padding: 20px;
}

.pautan{
width: 320px;
height: 350px;
background: #f2f2f2 url(images/cahaya2.png) top right no-repeat;
border-left: 1px solid #ccc;
text-shadow: 1px 1px #fff, 1px 1px #fff;
}

.main{
border-left: 1px solid #fff;
padding: 15px;
padding-top: 30px;
font-size: 18px;
color: #444444;
line-height: 22px;
}

.main a{
color: #930064;
}

.main a:hover{
color: #444444;
}

.blogspot{
padding-top: 15px;
background: url(images/blogspot.png) left no-repeat;
}

.facebook{
padding-top: 15px;
background: url(images/facebook.png) left no-repeat;
}

.lain{
padding-bottom: 21px;
padding-left: 51px;
margin-bottom: 5px;
background: url(images/lain.jpg) bottom repeat-x;
}

.lain2{
padding-bottom: 18px;
padding-left: 51px;
}

.bannerbesar{
padding: 20px 10px 20px 10px;
}

#slider {
position:relative;
background:url(images/loading.gif) no-repeat 50% 50%; 
}

#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}

#slider a{
display:block;
}

/**Atas**/

ul#satu{
padding-top: 16px;
padding-bottom: 12px;
padding-left: 5px;
}

ul#satu li{
display: inline;
color: #ffffff;
}

ul#satu li a{
color: #ffffff;
}

ul#satu li a:hover{
color: #FF00AC;
}

ul#empat{
padding: 7px 0px 0px 0px;
text-align: left;
margin-left: 26px;
}

ul#empat li{
display: inline;
font-size: 18px;
margin-right: 47px;
}

ul#empat li a{
color: #ffffff;
text-shadow: 1px 1px 1px #000;
}

ul#empat li a:hover{
color: #FFB0E6;
}

ul#lima{
text-align: center;
padding-top: 12px;
background: url(images/bakul.png) left no-repeat;
margin-left: 11px;
padding-left: 7px;
}

ul#lima li{
display: inline;
font-size: 20px;
color: #920063;
}

ul#lima li a{
color: #333333;
}

ul#lima li a:hover{
color: #990000;
}

#enam{
width: 345px;
background: #fff;
border: 1px solid #ccc;
padding: 15px;
padding-bottom: 0px;
font-family: Trebuchet MS, arial, verdana, tahoma;
line-height: 25px;
color: #333;
font-size: 13px;
height: 265px;
-moz-border-radius:5px; 
-khtml-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px;
}

#enam p{
margin-bottom: 15px;
}

#enam a{
color: #8D0060;
}

#enam a:hover{
color: #333;
}

#lapan{
width: 480px;
background: #fff;
border: 1px solid #ccc;
padding: 15px;
padding-bottom: 0px;
font-family: Trebuchet MS, arial, verdana, tahoma;
line-height: 25px;
color: #333;
font-size: 13px;
height: 265px;
-moz-border-radius:5px; 
-khtml-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px;
}

.kandungan h3{ padding-bottom:8px; } 

/**Bawah**/

#dua{
color: #ffffff;
padding-top: 15px;
padding-bottom: 15px;
}

#dua a:hover{
color: #D5008F;
}

#tiga{
background: url(images/tiga.jpg) repeat-x;
border: 1px solid #660033;
margin: 20px 0px 0px 0px;
height: 35px;
}

#tiga ul{
padding: 10px 10px 0px 10px;
}

#tiga ul li{
display: inline;
color: #ffffff;
margin-right: 3px;
}

#tiga ul li a{
color: #ffffff;
}

#tiga ul li a:hover{
color: #FF00AC;
}

/*New Design*/

#design-new{ padding-top:7px; }
#design-new ul li{ display:inline; margin-right:5px; }
#design-new ul li img a{ border:0; }