/* 

Developed for TCL Abadi
http://tcl-abadi.com

by Tajid Yakub
http://tajidyakub.net

 */
 
body { font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; font-size:12px; margin:0; padding:0;}
a { text-decoration:none; color:#666666;}
a:hover { text-decoration:underline; color:#6A301A;}
a:active { text-decoration:none; color:#666666;}

img { border: solid 1px #333333;}
input { border: solid 2px #999999; padding:0px;}
textarea { border: solid 2px #999999; padding:0px;}
#container { width:700px; margin:auto; padding:0;}
#nav-atas { width:700px; margin:0; padding:0; height:55px;}
#nav-atas .left { width:300px; float:left; height:55px;}
#nav-atas .right { width:400px; float:left; height:55px; background:url(/images/img-nav-atas.jpg) no-repeat;}
#nav-atas .left a { height:55px; width:100px; float:left; text-indent:-5000px;}	
#nav-atas .left a.home { background:url(/images/btn-home.jpg) no-repeat;}
#nav-atas .left a.home:hover { 	background:url(/images/btn-home-h.jpg) no-repeat;}
#nav-atas .left a.services { background:url(/images/btn-services.jpg) no-repeat;}
#nav-atas .left a.services:hover { 	background:url(/images/btn-services-h.jpg) no-repeat;}
#nav-atas .left a.about { background:url(/images/btn-about-us.jpg) no-repeat;}
#nav-atas .left a.about:hover { 	background:url(/images/btn-about-us-h.jpg) no-repeat;}
#headerhome {width:700px; margin-top:5px; height:190px; background:url(/images/header.jpg) no-repeat;}
#headerabout {width:700px; margin-top:5px; height:190px; background:url(/images/bg-header-about.jpg) no-repeat;}
#headerservices {width:700px; margin-top:5px; height:190px; background:url(/images/bg-header-services.jpg) no-repeat;}
#nav-jump {width:670px; padding-top:7px; padding-left:30px; margin-top:10px; height:23px; background:url(/images/nav-jump.jpg) no-repeat; color:#666666;}

#nav-jump a { color:#666666; text-decoration:none;}
#nav-jump a:hover { color:#6A301A; text-decoration:underline;}

#mainbody { width:700px; margin-top:10px; background: #E8E8E8 url(/images/bg-main-body.jpg) no-repeat; float:left;}
#mainbody .lefthome { text-align:left; margin-top:20px; width:235px; height:150px; padding-top:40px; padding-left:30px; float:left; background:#E8E8E8 url(/images/bg-main-left.jpg) no-repeat;}
#mainbody .righthome { text-align: justify; margin-top:20px; width:360px; float:left; background:#E8E8E8 url(/images/bg-main-right.jpg) no-repeat; padding-top:40px; padding-right:30px; padding-left:35px; padding-bottom:50px;}

#mainbody .leftabout { text-align:right; margin-top:20px; width:220px; padding-top:40px; float:left; background:#E8E8E8;padding-left:30px; padding-right:15px; }
#mainbody .rightabout { text-align: justify; margin-top:20px; width:360px; float:left; background:#E8E8E8 url(/images/bg-about-right.jpg) no-repeat; padding-top:40px; padding-right:30px; padding-left:35px; padding-bottom:50px;}


#mainbody .leftservices { text-align:right; margin-top:20px; width:220px; padding-top:40px; float:left; background:#E8E8E8;padding-left:30px; padding-right:15px; }
#mainbody .rightservices { text-align: justify; margin-top:20px; width:360px; float:left; background:#E8E8E8 url(/images/bg-services-right.jpg) no-repeat; padding-top:40px; padding-right:30px; padding-left:35px; padding-bottom:50px;}

#mainbody .titservices { text-align:right; margin-top:20px; width:640px; padding-top:40px; float:left; padding-left:30px; padding-right:30px; background: #E8E8E8 url(/images/bg-title-services.jpg) no-repeat; }
#mainbody .serv-dom { text-align:justify; width:370px; float:left; padding-bottom:30px; padding-left:300px; padding-right:30px; background:#E8E8E8 url(/images/bg-services-domestic.jpg) 0px 30px no-repeat; }
#mainbody .serv-air { text-align:justify; width:370px; float:left; padding-bottom:30px; padding-left:300px; padding-right:30px; background:#E8E8E8 url(/images/bg-services-air.jpg) 0px 30px no-repeat; }
#mainbody .serv-sea { text-align:justify; width:370px; float:left; padding-bottom:30px; padding-left:300px; padding-right:30px; background:#E8E8E8 url(/images/bg-services-sea.jpg) 0px 30px no-repeat; }
#mainbody .serv-pro { text-align:justify; width:370px; float:left; padding-bottom:30px; padding-left:300px; padding-right:30px; background:#E8E8E8 url(/images/bg-services-project.jpg) 0px 30px no-repeat; }
#mainbody .serv-ware { text-align:justify; width:370px; float:left; padding-bottom:30px; padding-left:300px; padding-right:30px; background:#E8E8E8 url(/images/bg-services-warehouse.jpg) 0px 30px no-repeat; }

#footer { width:670px; background:url(/images/bg-footer.jpg) no-repeat; height:50px; float:left; margin-top:0px; padding-top:30px; padding-right:30px; text-align:right; font-size:11px; color:#333333; }