/*
   Cmas.co.id CSS layout
   Created by: (C)hristanto
   Mailto: webmaster@interaksi.co.id
   @ 30 Jan 2007
*/ 

/* Main Area Worksheet and Column */
body {
    margin: 0px auto;
    padding: 0px;
    text-align: center;    
    background: #638DCE url('images/bg.jpg');
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #FFFFFF;
    line-height: 16px;
/*    clear:both; */
}

#isi {
	width: 700px;
	padding: 20px;
	border: 0px;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #FFFFFF;
	
}

table {
	border: 0;
	padding: 0;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #FFFFFF;	
}

h3 {
    font-family: Verdana, Arial;
    font-size: 15px;
    color: #FFFFFF;	
	font-weight: bold;
}

#footer {
    font-family: Verdana, Arial;
    font-size: 10px;
    color: #006600;
    text-align: center;
    background: #B2EC00;
    line-height: 12px;
    padding-top: 20px;
    width: 768px;
}

.w3 { display: none; }

#wrap {
    clear: both;
	width: 768px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	border-left: 1px solid #000099;
	border-right: 1px solid #000099;	
	background: #648DCF;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-color: #FFFFFF;
}

#nav-top {
	text-align: right;
	padding-right: 10px;
	border-bottom: 1px solid #FFFFFF;	
}

#banner {
	padding: 0px auto;
	width: 768px;
	height: 134px;
}

#content, #services {
	padding: 15px 15px 15px 5px;
    font-family: Verdana, Arial;
    color: #FFFFFF;	
	clear: both;
	width: 768px;
	margin: 0px;
}

#services { height: 680px; }

#about {
	padding: 10px; 
	width: 490px;
	float: left;
}	

#services-1 {
	padding: 0px 0px 0px 0px;
    background: url('images/bridges-construction.jpg') no-repeat top;
	width: 247px;
	border: 1px solid #3766AF;
	border-bottom: 3px solid #3766AF;
	float: left;
	height: 340px;
}

#services-2 {
	padding: 0px 0px 0px 0px;
    background: url('images/bridges-devices.jpg') no-repeat top;
	width: 247px;
	border: 1px solid #3766AF;
	border-bottom: 3px solid #3766AF;
	float: left;
	margin-left: 3px;
	height: 340px;
}

#services-3 {
	padding: 0px 0px 0px 0px;
    background: url('images/antiseismic.jpg') no-repeat top;
	width: 247px;
	border: 1px solid #3766AF;
	border-bottom: 3px solid #3766AF;
	float: left;
	margin-left: 3px;
	height: 340px;
}

#services-4 {
	padding: 0px 0px 0px 0px;
    background: url('images/rcd-piles.jpg') no-repeat top;
	width: 247px;
	border: 1px solid #3766AF;
	border-bottom: 3px solid #3766AF;
	float: left;
	margin-bottom: 10px;
	height: 340px;
}

#services-5 {
	padding: 0px 0px 0px 0px;
    background: url('images/slipform.jpg') no-repeat top;
	width: 247px;
	border: 1px solid #3766AF;
	border-bottom: 3px solid #3766AF;
	float: left;
	margin-left: 3px;
	margin-bottom: 10px;
	height: 340px;
}

#services-6 {
	padding: 0px 0px 0px 0px;
    background: url('images/contractor.jpg') no-repeat top;
	width: 247px;
	border: 1px solid #3766AF;
	border-bottom: 3px solid #3766AF;
	float: left;
	margin-left: 3px;
	margin-bottom: 10px;
	height: 340px;
}

#services-d {
	padding: 0px 0px 10px 0px;
	width: 240px;
	margin-top: 180px;
	font: 14px bold Verdana,Arial;
}

.serv-d {
	padding: 0px auto;
	font: 12px Verdana,Arial;
	text-ident: 0px;
	margin-left: -10px;
	text-align: left;	
}			


#project {
	margin: 0 10px 0 0;
	width: 220px;
	float: right;
	padding: 8px 8px 8px 8px;
	border: 0px auto;
	background: url('images/project.jpg') no-repeat top left;
}

#project-p {
	float: right;
	padding: 8px 8px 8px 8px;  
	margin-top: 30px;
	border: 2px solid #FFFFFF;
}

p {
    font-family: Verdana, Arial;
    font-size: 12px;
    color: #FFFFFF;
    text-align: justify;
}

img {
	border: 0;
}

/* A HREF style */
a { font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline overline; }
a:visited { font-weight: normal; color: #FFFFF; }

/* Menu Definition */
/*
#menu {
	text-align: left;
	padding: 5px 10px 0px 10px;
	padding-bottom: 0px;s
	border-top: 1px solid #FFFFFF;	
	background: #9A4EC8;
	height: 35px;
}
*/

#menu {
	text-align: center;
	padding: 0px;
	border-top: 1px solid #FFFFFF;	
	border-bottom: 2px solid #FFFFFF;	
	background: #c00000 ;
	height: 30px; 
	width: 768px;

}

#pointermenu2{
margin: 0;
padding: 0;
}

#pointermenu2 ul{
margin: 0px;
margin-left: 5px;
float: left;
padding-left: 3px;
padding-right: 3px;
font: bold 11px Helvetica,Verdana;
background: #c00000;
}

* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 0px;
margin-left: 3px; /*menu offset from left edge of window in IE*/
}

#pointermenu2 ul li{
display: inline;
}

#pointermenu2 ul li a{
float: left;
color: white;
font-weight: bold;
padding: 8px 6px 8px 6px; 
margin-bottom: 0px;
text-decoration: none;
border-left: 1px solid #FFFFFF; 
}

#pointermenu2 ul li a:visited{
color: white;
}


#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color: #FFFFFF;
/* background: #000080 transparent url(icon/pointer.gif) bottom center no-repeat; */
background: #3766AF url('images/pointer.gif') bottom center no-repeat;
}

#pointermenu2 ul li a#rightcorner{
padding-right: 0;
padding-left: 3px;
}