@font-face {font-family: 'ProximaSans';src: url('../fonts/ufonts.com_proximasansregular-webfont.eot');src: url('../fonts/ufonts.com_proximasansregular-webfont.eot?#iefix') format('opentype'), url('../fonts/ufonts.com_proximasansregular-webfont.woff') format('woff'), url('../fonts/ufonts.com_proximasansregular-webfont.ttf') format('truetype'), url('../fonts/ufonts.com_proximasansregular-webfont.ProximaSans') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family:'HelveticaNeue';src: url('../fonts/helveticaneueltstd-lt-webfont.eot');src: url('../fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('opentype'), url('../fonts/helveticaneueltstd-lt-webfont.woff') format('woff'), url('../fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'), url('../fonts/helveticaneueltstd-lt-webfont.HelveticaNeue') format('svg');font-weight: normal;font-style: normal;}
html,body{background-color:#000;font-family:'HelveticaNeue',Helvetica,Arial,sans-serif;height:100%!important;margin:0;padding:0;}
a img{border:0;outline:none;}
#container{width:1024px;margin:0 auto;}
#top_bar{height:21px;background-color:#0e2034;}
#top_bg{background:transparent url(../images/topbg.jpg) no-repeat;clear:both;height:170px;}
#logo{float:left;height:107px;width:204px;padding:32px 0 31px 70px;}
#menu{float:left;}
#menu ul{line-height:28px;list-style:none;margin:73px 0 0 20px;padding:0;}
#menu ul li{display:inline;float:left;}
#menu ul li a{background-repeat:no-repeat;display:block;height:0!important;padding:28px 48px 0 0;}
#menu li a:hover,#menu li a.aktif{background-position:0 -28px;}
#menu li a,#menu li a:hover{cursor:pointer;}
#menu li#home a{background-image:url(../images/bghome.png);width:77px;}
#menu li#products a{background-image:url(../images/bgproducts.png);width:148px;}
#menu li#news a{background-image:url(../images/bgnews.png);width:175px;}
#menu li#contact a{background-image:url(../images/bgcontact.png);width:104px;}
#slideshow{background:transparent url(../images/bgslide.jpg) no-repeat;height:344px;margin:0 auto;}
#slideshow2{background:transparent url(../images/bgslide.jpg) no-repeat center top;height:317px;margin:0 auto;}
#subproducts{border-top:1px solid #fff;border-bottom:1px solid #fff;float:left;width:200px;padding:0 0 0 80px;}
#address{border-top:1px solid #fff;border-bottom:1px solid #fff;color:#fff;float:left;font-size:11px;width:200px;margin:0 15px 0 0;padding:5px 0 5px 80px;}
#address span.title1{font-size:24px;line-height:30px;text-transform:uppercase;padding:0 0 -5px -5px;}
#address span.title2{font-size:30px;font-weight:700;text-transform:uppercase;}
#subproducts ul,#address ul{list-style:none;margin:0;padding:0;}
#address ul li{line-height:15px;}
#address ul li h3{font-size:11px;margin:0;padding:0;}
#address ul li#satu{background-image:url(../images/alamat.png);background-repeat:no-repeat;background-position:0 5px;margin:0 0 0 5px;padding:2px 0 5px 15px;}
#address ul li#dua{list-style-image:url(../images/telpon.png);background-repeat:no-repeat;background-position:0 15px;margin:0 0 0 25px;padding:2px 0 5px;}
#address ul li#tiga{list-style-image:url(../images/fax.png);background-repeat:no-repeat;background-position:0 15px;margin:0 0 0 25px;padding:2px 0 5px;}
#map{background-color:#fff;float:left;height:254px;width:658px;padding:2px;}
#subproducts li a{color:#fff;font-size:15px;letter-spacing:.06em;line-height:35px;text-decoration:none;text-transform:uppercase;}
#subproducts li a:hover,#subproducts li a.aktif{color:#7cd03d;font-weight:700;}
#slider{margin:0 auto;}
#slider2{float:right;padding:0 80px 0 0;}
#ijo{clear:both;background-color:#7cd03d;height:51px;}
#content{clear:both;background:#0d2033 url(../images/gedung.png) no-repeat right bottom;float:left;height:100%;width:inherit;padding:0 0 20px;}
#content .left{background:#0d2033 url(../images/panah.gif) no-repeat right top;float:left;text-align:right;width:250px;padding:30px 10px 0 0;}
#content .left span{text-transform:uppercase;padding:0;}
#content .left span.title-home,#content .left span.title-products,#content .left span.title-news,#content .left span.title-contact,#content .left span.title-detil{color:#7cd03d;font-family:ProximaSans;letter-spacing:2px;}
#content .left span.subtitle-home,#content .left span.subtitle-products,#content .left span.subtitle-news,#content .left span.subtitle-contact,#content .left span.subtitle-detil{color:#fff;font-family:ProximaSans;font-weight:700;}
#content .left span.title-home{font-size:73px;}
#content .left span.subtitle-home{font-size:48px;}
#content .left span.title-products{font-size:85px;}
#content .left span.subtitle-products{font-size:33px;line-height:25px;}
#content .left span.title-news{font-size:29px;line-height:40px;}
#content .left span.subtitle-news{font-size:30px;}
#content .left span.title-contact{font-size:33px;}
#content .left span.subtitle-contact{font-size:128px;}
#content .left span.title-detil{font-size:42px;}
#content .left span.subtitle-detil{font-size:56px;}
#content .right{border-left:1.5px dashed #fff;color:#fff;float:right;font-size:13px;width:720px;margin:25px 0 0;padding:0 15px;}
#content .home{height:300px;}
#content .right p{float:left;padding:0 50px 0 10px;}
#content .right div.img{border-bottom:1px dashed gray;height:auto;width:auto;float:left;text-align:center;margin:10px;}
#content .right div.img img{display:inline;border:2px solid #fff;margin:3px;}
#content .right div.img a:hover img{border:2px solid #7cd03d;}
#content .right div.desc{text-align:center;font-weight:400;width:inherit;margin:2px;padding:10px;}
form.contact{margin:-10px 0 5px -10px;padding:0;}
form.contact ul{list-style:none;}
form.contact ul li{height:35px;margin:0 0 5px;padding:0 0 10px;}
form.contact ul li label{padding:3px 0 0;}
form.contact ul li#button{height:50px;width:620px;margin:5px 0 0;padding:0;}
input[type=text]{background-color:#fff;border:1px solid gray;float:right;width:350px;margin:0 180px 0 0;padding:7px;}
input[type=submit],input[type=reset]{background-color:#7cd03d;border:2px solid #fff;float:left;font-weight:700;margin:150px 5px 0 0;padding:3px;}
textarea{background-color:#fff;border:1px solid gray;float:right;font-family:Helvetica, Arial, sans-serif;width:450px;height:150px;resize:none;margin:0 80px 0 0;padding:7px;}
span.required{color:red;font-weight:700;}
#footer{clear:both;background:transparent url(../images/bgfooter.png) repeat-x;border-top:9px #000 solid;height:93px;}
#footer #nav{float:left;width:80%;}
#footer #nav ul{list-style:none;text-align:right;margin:0;padding:0;}
#footer #nav ul li{display:inline;line-height:90px;padding:25px;}
#footer #nav ul li a{color:#919193;font-size:15px;font-weight:700;text-transform:uppercase;}
#footer #nav ul li a:hover{color:#0d2033;}
#footer #nav ul li a,#footer #nav ul li a:hover{cursor:pointer;text-decoration:none;}
#footer #copyright{float:right;line-height:68px;width:15%;padding:10px;}