/*
Theme Name: PxC Yellow Default
Theme URI: http://www.pixelcodestudio.com/
Description: The default theme for pixel code website.
Version: 1.0
Author: Dicky Hendarsah
Author URI: http://dicky.pixelcodestudio.com/
Tags: PXC, modern

	This theme was designed and built by Febi Perdhani
	whose blog you will find at http://febi.pixelcodestudio.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body { margin:0; padding:0; background-color:#161514; background-image:url('../images/bg.jpg'); background-repeat:repeat-x;}
td { font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF}
div {font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF}
img { border:none 0; }
#wrapper { width:100%;margin:0 auto; }
#page { width:900px; margin:0 auto; }
#secondpage { width:900px; height:380px; margin:0 auto; background-image:url('../images/bgcontentsec.jpg'); background-repeat:no-repeat; background-position:top left;}
#fullbox { width:100%; height:290px;background-image:url('../images/bgfull.jpg'); background-repeat:repeat-x;  }
#header { width:100%; height:206px; background-image:url('../images/bgheader.jpg'); background-repeat:repeat-x; position:relative}
#logo { width:220px; height:62px; position:absolute; top:30px; left:0}
#nav { width:100%; height:54px; background-image:url('../images/bgheadnav.jpg'); background-repeat:repeat-x; position:absolute; bottom:41px }
#content { width:900px; background-image:url('../images/bgcontent.jpg'); background-repeat:no-repeat; padding-top:20px; margin-bottom:15px; }
#contentindex { width:900px; height:514px; background-image:url('../images/bgcontent.jpg'); background-repeat:no-repeat; padding-top:20px; margin-bottom:15px; }

#leftcontent {width:382px; float:left;font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#9e9c9c;}
#rightcontent {width:518px; float:left; }
.leftcontent {float:left;}
#footer { width:100%; margin:0 auto; height:72px; background-image:url('../images/bgfooter.jpg'); background-repeat:repeat-x; position:relative;  }
#footer .footerleft {  width:600px; float:left;font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#cccccc; }
#footer .imgfooter { width:250px; float:right; text-align:right; }

.contentsecond { width:100%;margin:0 auto; padding-top:30px;  }
.pagebox { width:900px; margin:0 auto; padding-top:8px}
.line { height:2px; background-image:url(../images/line.gif); background-repeat:repeat-x;}
.line2 { height:2px; background-image:url(../images/line2.jpg); background-repeat:repeat-x;}
.line3 { height:2px; background-image:url(../images/line3.jpg); background-repeat:repeat-x;}



#leftcontent .packagebox { width:359px; height:153px; background-image:url('../images/packagebox.png'); background-repeat:no-repeat; float:left; margin-top:25px; margin-left:10px; position:relative}
.imgbig { width:503px; height:301px; background-image:url(../images/border.png); background-repeat:no-repeat; float:right; position:relative }
.imgbig img { padding:10px 10px 10px 11px; border:none }
.imgspan { width:164px; height:106px; position:absolute; top:0; left:-13px; background-image:url('../images/featured.png'); background-repeat:no-repeat; }
.txtbigimg { width:500px; height:50px; float:right; color:#999999; font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif}
.nameclient { width:40%; float:left}
.typetime { width:50%;float:right; text-align:right}
.yellowtxt { color:#c88800;}
.bigboxfeatured { float:left }
.thumbboxfeatured { float:left; margin-top:35px; width:510px }
.imgthumbbox { width:89px; height:83px; background-image:url(../images/thumb.png); margin-left:13px; float:left}
.imgthumbbox img { padding:5px 5px 5px 5px; border:none; filter:alpha(opacity=60);opacity: 0.6;	-moz-opacity: 0.6;}
.imgthumbbox img:hover {opacity: 0.99;	-moz-opacity: 0.99;	filter:alpha(opacity=99);}

#nav ul 				{ list-style: none; margin:0; padding:0 }
#nav ul li 				{ display: inline; }
#nav ul li a 			{ height: 53px; float: left; text-indent: -9999px; border: none; background-image: url('../images/links.jpg');  }

#nav ul li a.home	{ width: 148px; height:53px; background-position: 0px 0px; }
#nav ul li a.homeactive	{ width: 148px; height:53px; background-position: 0px 53px; }

#nav ul li a.about	{ width:150px; height:53px; background-position: -148px 0px; }
#nav ul li a.aboutactive	{ width:150px; height:53px; background-position: -148px 53px; }

#nav ul li a.portfolio	{ width:162px; height:53px; background-position: -298px 0px; }
#nav ul li a.portfolioactive	{ width:162px; height:53px; background-position: -298px 53px; }

#nav ul li a.services	{ width:156px; height:53px; background-position: -460px 0px; }
#nav ul li a.servicesactive	{ width:156px; height:53px; background-position: -460px 53px; }

#nav ul li a.product	{ width:138px; height:53px; background-position: -616px 0px; }
#nav ul li a.productactive	{ width:138px; height:53px; background-position: -616px 53px; }

#nav ul li a.contact	{ width:146px; height:53px; background-position: -754px 0px; }
#nav ul li a.contactactive	{ width:146px; height:53px; background-position: -754px 53px; }

.leftsecond { width:605px;  float:left}
.rightsecond { width:295px; float:left; position:relative}
.innerright {  padding-left:20px;}
.thumbprodtxt { width:595px; padding-top:10px; float:left; font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF}
.prodtxt { width:184px; height:38px; background-image:url(../images/bggrey.jpg); background-repeat:repeat-x; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; float:left; margin-right:13px; }
.prodtxtyellow {width:184px; height:38px; background-image:url(../images/bgyellow.jpg); background-repeat:repeat-x; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; float:left; margin-right:13px;}
.contactbox { width:260px; margin-top:25px; float:left;font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:13px;  color:#999999}
.contactboxporto { width:220px; margin-top:25px; margin-bottom:30px; float:left;font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:13px;  color:#999999}
.contactboxct { width:250px; margin-top:25px; padding-top:10px; padding-bottom:10px; padding-left:15px; margin-bottom:30px; margin-right:30px; float:right;font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:13px;  color:#999999; background-color:#161513;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; }
.iconcontact { width:60px; height:50px; float:left; text-align:center; margin-bottom:13px;}

.iconcontactporto { width:40px; height:50px; float:left; text-align:center; margin-bottom:13px;}
.iconcontactporto  img { filter:alpha(opacity=40);opacity: 0.4;	-moz-opacity: 0.4; border:none}

.contactinfo { width:200px; height:50px; float:left;margin-bottom:13px; }
.contactinfoporto { width:170px; height:50px; float:left;margin-bottom:13px; color:#999999 }
.contactinfoct { width:180px; height:50px; float:left;margin-bottom:13px; color:#999999 }
.innerprodtxt { padding-left:10px; padding-right:8px;}
.thumbbox { width:595px; float:left; margin-top:15px;}
.thumbproduct { width:183px; height:153px; float:left; margin-right:14px;} 
.thumbproduct img {  filter:alpha(opacity=60);opacity: 0.6;	-moz-opacity: 0.6; border:1px solid #c78600 }
.thumbproduct img:hover { opacity: 0.99;	-moz-opacity: 0.99;	filter:alpha(opacity=99); border:1px solid #ffb317}
.included {margin-left:8px; padding-top:58px;}
.included td { height:25px ;}
#clientbox { width:195px; height:19px; position:absolute; top:0; right:8px; z-index:10}
#clientbox img { right:5px; position:absolute; border:0 none}
.box { width:56px; height:55px; background-image:url('../images/box.png'); background-repeat:no-repeat; position:absolute; top:-10px; left:4px;}
.viewproductbutton { width:583px; height:54px; float:left; text-align:right;}
.viewproductbutton img { margin-top:15px; margin-right:4px; border:none}
.yellowlink { color:#c88800; text-decoration:none; }
.yellowlink:hover { text-decoration:underline}

.whitelink { color:#cccccc; text-decoration:none; }
.whitelink:hover { text-decoration:underline}

#screenshot{ position:absolute; -moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border:1px solid #CCCCCC;background:#c78600; padding:5px;display:none;	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF	}
.leftporto { width:215px; float:left; position:relative; }
.rightporto { width:660px;float:left; position:relative; margin-bottom:10px; margin-left:20px;}
.categorybox { width:204px; float:left; margin-bottom:30px;}
.topcat { width:204px; height:10px;background-image:url(../images/top.png); background-repeat:no-repeat; margin-top:25px;}
.labelcat { width:185px; height:42px; float:left; padding-left:15px; background-color:#c88800;border-right:1px solid #0f0f0f}
.contentcat { width:185px; padding-left:15px; float:left; background-color:#2a2a27; margin-bottom:20px;-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-right:1px solid #0f0f0f;border-bottom:1px solid #0f0f0f; padding-top:15px; }
.dividercat { width:200px; height:5px; background-image:url(../images/dividercat.jpg); background-repeat:repeat-x; }
.thumbboxport {width:320px;float:left; margin-right:10px; margin-bottom:15px;}
.thumbtxt { width:320px; height:51px; background-image:url(../images/bgporto.jpg); background-repeat:repeat-x; float:left; margin-right:7px; margin-top:6px; margin-bottom:8px; -moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;}
.thumbtxt:hover {background-image:url(../images/bgportoy.jpg); background-repeat:repeat-x; -moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;}
.thumbimg { width:312px; height:241px;border:4px solid #1a1a18}
.thumbimg img { border:0 none;filter:alpha(opacity=40);opacity: 0.4;	-moz-opacity: 0.4;}
.thumbimg img:hover{ opacity: 0.99;	-moz-opacity: 0.99;	filter:alpha(opacity=99);}
.thumbimg:hover {border:4px solid #c88800;}

.thumbtxtproduct { width:320px; height:51px; float:left; margin-right:7px; margin-top:6px; margin-bottom:8px; }
.contenttxtproduct { width:232px; height:51px;background-image:url(../images/bgporto.jpg); background-repeat:repeat-x; float:left; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; margin-right:3px;}
.spantxtproduct  { margin-top:5px; margin-left:10px;}
.detailbtn { width:85px; height:51px;background-image:url(../images/bgportoy.jpg); background-repeat:repeat-x; float:left; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px;}
.detailbtn img { margin-top:15px; margin-left:10px;}
.portolabel { width:100%; position:relative;text-align:center; float:left; margin-bottom:30px;}
.pagenavigator { width:99%; height:; float:left; margin-bottom:30px; margin-top:20px; text-align:center;  }
.numbox { width:17px; height:21px; text-align:center; background-color:#2a2a27; float:left; margin-right:10px; border-bottom:1px solid #0a0a09;border-right:1px solid #0a0a09;border-top:1px solid #3b3b38; color:#FFFFFF;}
.boxin { width:210px; float:left;}

#productdetailbox { width:900px; float:left; margin-bottom:20px;}
.topproduct	{ width:898px;  float:left; background-color:#2a2a27; border-right:1px solid #0b0b0a; border-left:1px solid #0b0b0a; border-top:1px solid #3b3b38; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; }
.productimg { width:447px; float:left; margin-top:20px}
.productimg img { margin-left:16px; margin-bottom:20px;}
.producttxt { width:450px; float:left; margin-top:20px;}
.innerdetailproduct { margin-left:17px; line-height:20px;}
.txtproductdetail { color:#c88800; font-size:20px;}
.txtproductdetail p { line-height:20px; color:#ffffff; font-size:13px; }
.buttondetail { width:450px; height:50px; float:left; background-color:#22221f; border:none; border-top:1px solid #3b3b38; margin-bottom:15px; text-align:right}
.buttondetail img { text-align:right; margin-top:8px; margin-right:10px;}
.secondproduct { width:898px;  float:left; border-right:1px solid #0b0b0a; border-left:1px solid #0b0b0a; background-color:#3b3b38; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; }
.imgsecondproduct { margin:10px; margin-left:15px;}

.servicebox { width:900px;height:295px; float:left; margin-bottom:20px; }
.serviceimg { width:235px; height:295px;float:left;background-image:url(../images/bgservicesyell.png); background-repeat:repeat-x;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px; text-align:center; }
.serviceimg img { margin-top:15px; }
.servicetxt { width:660px; height:295px; float:left; background-image:url(../images/bgservicesbl.png); background-repeat:repeat-x;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;}
.serviceimginner {height:291px;border-right:1px solid  #20201e;}
.servicetxtinner { padding-left:20px;padding-top:10px; padding-right:15px; padding-bottom:10px;}
.servicetxtborder { width:660px; height:291px;border-left:1px solid  #3a3a36;}
.titleservice { font-size:18px; }
.buttonservice { text-align:right;}

#panellogin { background: #754c24; height: 85px;display: none; position:relative; border-top:2px solid #bb7f00 }
#panellogin form { margin-left:10px; line-height:10px; padding-top:10px; margin-right:5px; height:85px; }
#panellogin input { border:1px solid #666666}
.td1 { width:30%; height:20px; float:left}
.td2 { width:10%; height:25px; float:left; text-align:center }
.td3 { width:60%; height:25px; float:left; }
.td4 { width:96%;  height:25px; float:left; text-align:right; }

.btn-slide { width:195px; height:19px; background-image:url(../images/clientbox.png); background-repeat:no-repeat;}
.aboutbox { width:100%;background-color:#2a2a27;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; float:left; border-top:1px solid #3b3b38; margin-bottom:15px; }
.innerabout { padding:10px;}
.aboutbox img { border:0 none; float:left; margin-right:10px; margin-left:5px; margin-bottom:10px; }
.contactbox2 { width:900px; }
.innercontact { padding-left:30px;background-color:#2a2a27;height:880px;-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;   }
.headercontact { width:900px; height:129px; background-image:url(../images/headercontact.png); background-repeat:no-repeat; float:left; position:relative }
.dividercontact { width:900px; height:21px; background-image:url(../images/dividercontcat.jpg); background-repeat:no-repeat; float:left;}
.leftcontact { width:415px; float:left;}
.centercontact { width:12px; height:700px; float:left;  background-image:url(../images/dividerhorcontact.jpg); background-repeat:repeat-y; margin-right:15px;}
.rightcontact { width:400px; float:left;}
.leftcontact table, .leftcontact table { width:99%}
.leftcontact td ,.rightcontact td { height:50px;font-size:18px; }
.textcol { width:140px;height:50px; text-align:left; vertical-align:middle}
.textcol2 { height:50px; text-align:left; vertical-align:top}
.inputcontact { width:256px;height:35px; background-image:url(../images/bginputcontact.jpg); background-repeat:repeat-x; border:none;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; font-size:16px; margin-top:5px;  }

.inputcontact2 { width:256px;height:120px;  border:none;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;  }
.inputcontact3 { width:100px;height:35px; background-image:url(../images/bginputcontact.jpg); background-repeat:repeat-x; border:none;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; font-size:16px; margin-top:5px;  }

.requestbox { width:311px; text-align:left; position:absolute; left:25px; top:5px;}
.getinbox	{ width:311px; text-align:left; position:absolute; right:110px; top:5px;}

.aboutleft { width:320px; float:left;}
.aboutright { width:320px; float:left}
.wecan table { width:98%;}
.listing { width:53px; }
.cost { height:25px;}
.widcost { width:25px;}