body{margin:0;
padding:0;
font: normal 0.7em "Trebuchet MS", Verdana, Arial, sans-serif ;
font-weight:normal;
color:#555555;
background:#ffffff url(images/body_bg.gif);}

a img{border:none;}
a img:hover{border:none; background:none;}
a:link{color:#fb7736;text-decoration:none;}
a:visited{color:#a9a9a9;text-decoration:none;}
a:hover{border: 0px;color: #a00b0b;background-color: #d6f700;}
a:active{color:#d6f700;text-decoration:none;}

.logo {
position:relative;
height:143px;
width:880px;
left:-10px;
top:5px;
border-top:#c0dc00 2px solid;
border-bottom:#c0dc00 2px solid;
}

/* NAVBAR */

#navbar {
	list-style: none;
	height: 63px;
	margin-bottom: 50px;
	margin-top:5px;
	margin-left:-10px;
   width:840px;
   width:880px !ie;
	background-color: #ffffff url('images/global_mid_bg.gif') repeat-x;
	clear:both;
	z-index:1;
}

#navbar li {
	float: right;
}

#navbar a {
	display: block;
	height: 0;
	width: 108px;
	padding-top: 27px;
	border: none;
	font-size: 1px;
	text-indent: -2000px;
	background-repeat: no-repeat;
}

li.home, li.home a {
	background-image: url(images/nav/nav_3dw.png);
}


li.portofolio, li.portofolio a {
	background-image: url(images/nav/nav_portofolio.png);
}

li.services, li.services a {
	background-image: url(images/nav/nav_services.png);
}

li.contact, li.contact a {
	background-image: url(images/nav/nav_contact.png);
}

#navbar li {
	background-position: 0px -27px;
	background-repeat: no-repeat;
}

#navbar a:hover {
	background: none;
}

.home li.home a,
.portofolio li.portofolio a,
.services li.services a,
.contact li.contact a {
	background: none;
}

.greenbartop {
position:absolute;
margin-left:-10px;
top:189px;
height:1px;
width: 100%;
border-top: #c0dc00 2px solid;
border-bottom: #d6f700 1px solid;
z-index:1;
}

.greenbarbottom {
float:left;
margin-left:0px;
margin-top:20px;
height:1px;
width: 880px;
margin-left:-10px;
border-bottom: #c0dc00 2px solid;
border-top: #d6f700 1px solid;
z-index:1;
}


.separator {
text-align:center;
padding-top:10px;
margin:auto;
}

.frame{
width:900px;
margin:0 auto;
padding:5px 0 0 0;
text-align:left;
background:transparent url("images/frame_bg.gif") 0 7px repeat-x;}

.startframe, .startframe span, .endframe, .endframe span{
margin:0;padding:0;
}

.pagearea{
position:relative;
width:860px;
margin:10px 10px 0;
padding:10px 10px 0;
color:#555555;
background:#ffffff;}

.startpagearea{
position:relative;
display:block;
height:11px;
margin:-15px -14px 0;
background:transparent url("images/pagearea_corners.gif") right top no-repeat;}

.startpagearea span{
position:absolute;
bottom:0;
left:0;
display:block;
height:11px;
width:10px;
background:transparent url("images/pagearea_corners.gif") 0 -11px no-repeat;
}

* html .startpagearea span{
top:0;
}

.endframe, .endpagearea{
clear:both;line-height:1px;height:1px;
}

.contentarea{
width:860px;
padding:0;
background:#ffffff;
}

.footer{
position:relative;
width:100%;
margin:-1px 0 0;padding:0;
}

.footerframe{
height:150px;
width:900px;
margin:0px auto;
padding: 0 0 0 0;background:transparent url("images/frame_bottom_bg.png") left bottom repeat-x;
}

.footer .copyright{
position:relative;
top:35px;
margin:0 auto;
padding:0;
text-align:center;
}

.footer .copyright p{
margin:0;
padding:0;
font-size:0.9em;
font-weight:normal; 
color:#000; 
line-height: 50%;
}

.invisible{
text-indent:-9000px;
margin:0;
padding:0;
font-size:0.9em;
font-weight:normal;
}

.hidden{display:none;}
.nobg{background:none;}
.nomargin{margin:0}
.nopadding{padding:0}
.clearfloat{margin:0;padding:0;clear:both;}
.center{margin:0;padding:0;text-align:center;}


.imglink a, img {
border:0px !important;
}

.imglink {
border:0px !important;
}

.columns{width:100%;margin:0;padding:0;}
.column{float:left;margin:0;padding:0;}
.fourninths{width:382px;}
.fiveninths{width:478px;}
.threesevenths{width:375px;}
.foursevenths{width:485px;}
.onesixth{width:150px;}
.fivesixths{width:710px;}
.onefifth{width:172px;}
.onefourth{width:215px;}
.threefourths{width:645px;}
.onethird{width:287px; margin-top:-110px;z-index:3;}
.middlethird{width:286px;}
.twothirds{width:565px; margin-left:8px; margin-top:-70px;z-index:3;}
.onehalf{width:430px;}
.endcolumns{margin:0;padding:0;clear:both;}
.designcentersr2{min-height:50px;margin:0px 0;padding:0;}

.marque {color:#829a43; font-weight:bold; font-size:105%;}

.lightgreen {
background:#fff;
padding:3px;
border:1px #f1f1f1 solid;
}
.lightorange {
background:#fff;
padding:3px;
border:1px #f1f1f1 solid;
}

.lightgreen:hover {
background:#fff;
padding:3px;
border:1px #d6f700 solid;
}
.lightorange:hover {
background:#fff;
padding:3px;
border:1px #d6f700 solid;
}

.lightgray {
background: #fff url("images/dotted_line_vert.gif") top right repeat-y;
padding:5px;
border:1px #fff solid;
}

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

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

.checkgreen {
	background: url("images/bullet_checkmark.gif")  top left;
	background-repeat: no-repeat; 
	padding-left:15px;
}

acronym {
  border-bottom: 1px dotted #829a43;
}

.float {
float:left;
border:2px solid #666;}

.float a:hover {
background:#fff;
border:2px solid #c40000;
}
.rotate_index {
padding-left:15px;}