/* CSS Document by mdennisa@gmail.com */ body{background:#bcdadf;margin:0; padding:0; font-family:Georgia;} /* LAYOUT */ #wrapper{width:1000px; margin:0 auto;} #header{height:390px; background:url(images/bg_header.jpg) top left no-repeat; position:relative;} #nav{width:190px; height:225px; position:absolute; left:0; top:165px; background:url(images/bg_nav.jpg) no-repeat;} #nav li{list-style:none; margin:5px 0 9px 15px;} #nav li a{font-size:22px; text-decoration:none; color:#FFFFFF; letter-spacing:1px;} #nav li a:hover{color:#886349;} #testi{width:190px; height:330px; background:url(images/bg_testi.jpg) no-repeat; position:absolute; right:0; top:32px;} #testi #a p{margin-top:70px; padding: 0 10px; font-size:13px; font-family:Arial, Helvetica, sans-serif;} #testi #a p img{margin:-3px 0 0 0;} #testi #a img{margin-left:15px;} #content{position:relative;} #contentleft{background:url(images/bg_contleft.jpg) no-repeat; height:325px;width:185px; position:absolute; top:0px; left:0;} #contentleft p { margin:50px 0px 0 5px; text-align:center; color:#fff;padding:0 0px 0 0px; width:170px; } #contentleft p span {margin:0 0px 0 0px;padding:0 0px 0 5px; text-align:center; } #maincontent{position:absolute; top:-28px; right:-20px;width: 906px;} #maincontentup{height:64px; background:url(images/maincontup.gif) no-repeat;} #maincontentcenter{background:url(images/maincontcenter.gif) repeat-y ; min-height:300px;} #maincontentleft{ width:380px; float:left; padding-left:100px; font-size:12px; color:#454445; font-family:Arial, Helvetica, sans-serif; padding-right:20px;} #maincontentright{ width:303px; float:left; background:url(images/bg_peluang.jpg) top left no-repeat; padding:12px; height:392px; font-size:12px;} #maincontentright p{ font-weight:bold; font-family:arial;} #maincontentright .button { float:right; width:162px; height: 43px; background:url(images/new_20.jpg); text-align:center; font-size:16px;} #maincontentright .button p{ margin-top:8px;} #maincontentbottom{height:60px; background:url(images/maincontbottom.gif) no-repeat;} #footer{ margin-top:-28px; margin-left:-25px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #footerleft{ float:left; margin-left:175px; font-size:10px; color:#56A3B0; } #footerright{ float:right; font-size:10px; color:#56A3B0; margin-right:40px;} /*member and rental in index.php*/ #rental { float:left; position:relative; background:url(images/index_007.jpg) no-repeat; width:167px; height:164px; margin-right:20px;} #rental img { position:absolute; bottom:17px; left:10px;} #rental a img{ border:0;} #member { float:left; position:relative; background:url(images/index_008.jpg) no-repeat; width:167px; height:164px;} #member img { position:absolute; bottom:17px; right:10px;} #member a img { border:0;} /*contact us*/ #maincontactleft{ width:580px; float:left; margin-left:100px; font-size:12px; color:#454445; font-family:Arial, Helvetica, sans-serif; padding-right:20px;} #maincontactright{ width:92px; float:left; padding:12px; height:392px;} #maincontactright img { margin-bottom:2px;} /*content.php*/ #maincontentphp{ width:750px; float:left; margin-left:100px; font-size:12px; color:#454445; font-family:Arial, Helvetica, sans-serif; padding-right:20px;} /*About Us*/ #mainaboutleft{ width:580px; float:left; padding-left:100px; font-size:12px; color:#454445; font-family:Arial, Helvetica, sans-serif; padding-right:20px;} #mainaboutright{ width:92px; float:left; padding:12px; height:392px;} #mainaboutright img { margin-bottom:2px;} /*News & Event*/ #mainEventleft{ width:480px; float:left; margin-left:100px; font-size:12px; color:#454445; font-family:Arial, Helvetica, sans-serif; padding-right:20px;} #mainEventright{ width:203px; float:left; background:url(images/News_02.jpg) no-repeat; padding:12px; height:290px;} /*Products*/ #mainproducts{ width:700px; float:left; margin-left:120px; font-size:12px; color:#454445; font-family:Arial, Helvetica, sans-serif; padding-right:20px;} /*products detail*/ #mainprodetail{ width:700px; margin-left:120px; font-size:12px; color:#454445; font-family:Arial, Helvetica, sans-serif; padding-right:20px;} #mainpro{width:670px;} #mainproimage{float:left;width:300px;} #mainprodes{float:left; margin-left:10px;} #mainprodes ul{margin:0; padding:0;} /*Pro*/ #c{ width:910px; height:37px;} #c img { float:left; } #c a img { border:0;} /*news*/ #news{} #newsLeft{margin: 20px;float: left; width:450px;} #newsLeftText { text-align:justify; line-height: 20px; width:320px; } #newsLeftText h1{margin:0; padding:0; font-size:20px; font-weight:normal;} #newsLeftText img{float:right; margin-left: 10px;} #newsLeftText .small{font-size:10px; font-family:tahoma; color:#090;color:#16ACCE;} #newsLeftText .desc{font-size:10px; width: 450px;} #newsRight{float: left; width:200px; margin: 0px 10px 0 15px; height:auto; padding: 10px;} #newsRightDate{float: left; color:#fff; margin-top:10px;background:url(images/date.jpg) no-repeat; width: 33px; height:27px; font-size:18px; line-height:27px;padding-left: 5px;} #newsRightMY{float:left;margin:10px 10px 0 5px; color:#16ACCE;} #newsRightText {float: left; font-weight: bold; margin-top:10px; width: 100px;} #newsRightText a{color:#7b7b7b; text-decoration:none;} #newsRightText a:hover{color:#c56116;} /* TEXT style */ .testi{font-size:16px; color:#FFFFFF;} h1,h2,h3,h4{margin:0; padding:0;} h1{ font-size:18px; color:#16ACCE;} h2{ color:#886349; font-size:12px;} h4{font-size:14px; margin-right:20px;} h3{font-size:16px; font-weight:bold;} .white{color:#fff;} .orange{color:#FFDA45; font-weight:bold;} .green{color:#FFDA45; font-size:30px; font-style:italic; font-weight:bold;} .greentext{color:#A1D070; font-size:13px; font-weight:bold;} .grey{color:#676767;} .price{font-size:14px; font-weight:bold;} /* IMG or THUMB style */ /* TABLE style */ /* FORM style */ form{margin:0; padding:0;} .inputtx{width:250px; border:inset 2px #ccc; font-size:10px; height:16px; margin-left:5px;} .selecttx{width:255px; border:inset 2px #ccc;font-size:10px; margin-left:10px; height:22px;} .commentx{width:510px; border:inset 2px #ccc; font-size:10px; height:150px; margin-left:5px;} .buttontx{margin-left:450px; background:url(images/btn_send.gif); border:0px; text-align:center; width:60px; height: 30px;} #formcolor{ background-color:#efefef; width:500px; height: 20px; padding: 10px 0} #formcolor .style9{font-size:10px;} #formcolor .style10{font-size:10px; color:#a6acad;} /* MISC */ .clear{clear:both;} .active{color:#886349;}