/*  Body  */

body{
  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#888888;
}
.clear{
  clear:both;
}

.main{
  width:980px; background-color:#FFFFFF; margin:0px auto;
}

/* Footer */
.footer{
  text-align:left; padding:15px 0px 0px 0px; margin:5px 0px 0px 0px; border-top:solid 1px #CCCCCC; background-color:#ffffff; height:40px;
  background-color:#EEEEEE;
}
.list_footer ul{
	margin:0px 0px 0px 0px; padding:0px 0px 0px 330px;
}
.list_footer ul li{ 
  float:left ;font-family:tahoma; font-size:12px;list-style:none;
  margin:0px 0px 0px px; padding:0px 15px 0px 0px;
}
.list_footer ul li a{
 text-decoration:none; color:gray; padding:0px 0px 4px 0px; 
}
.list_footer ul li a:hover{
  color:orange;
}

/* top header */
.top_header{
  text-align:left; padding:10px 0px 0px 20px; margin:0px 5px 0px 0px; background-color:#ffffff;
}



/*  Header  */

.header{
  text-align:left; padding:0px 0px 0px 5px; margin:3px 0px 4px 0px; background-color:#ffffff;
}



/*  Main mid  */

.middle{
  margin:0px auto; text-align:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
  background-color:#ffffff;
}
.mid_bg{
  width:240; height:191; margin:0px 0px 0px 4px; padding:0px 4px 0px 4px; -moz-border-radius-bottomright:8px; 
  background-color:#FFCD04;
}
.mid_bg h3{
  font-family:trebuchet ms; color:white; font-size:30px; font-weight:normal;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}
.mid_bg p{
 font-family:tahoma; color:black; margin:8px 0px 8px 0px; padding:0px 0px 0px 0px;font-size:12px; text-align:justify;
}
.mid_bg img{
  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}
.mid_content{
 width:703;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  background-color:white;float:right;
}
.mid_content h2{
   font-family:trebuchet ms; color:#FFCD04; font-weight:normal; font-size:30px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}
.mid_content p{
  font-family:tahoma; color:#6A6A6A; font-size:12px; line-height:18px; text-align:justify; margin:10px 0px 0px 0px; padding:0px 15px 0px 0px;
}
.mid_bg_link{
 float:right; margin:5px 30px 0px 0px;
}
.mid_bg_link a{
 text-decoration:none; font-family:tahoma; font-size:15px; color:blue;
}
.mid_tradding ul{
   margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}
.mid_tradding h3{
  font-family:trebuchet ms; color:#FFCD04; font-weight:normal; font-size:30px; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px;
}
.mid_tradding ul li{
  list-style:none;color:white; font-size:12px; padding:0px 0px 0px 40px; margin:0px 0px 0px 0px;
}
.mid_tradding li a{
 text-decoration:none; color:black; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}
.mid_tradding a:hover{
  text-decoration:underline;
}
.mid_bg_gray{
  width:700px; height:248px; float:right; -moz-border-radius-topleft:8px; padding:0px 0px 0px 0px; margin:0px 6px 0px 0px;
  background-color:#EEEEEE;
}
.latest_project{
  margin:0px 0px 0px 7px; padding:0px 0px 0px 0px; float:left; 
}
.latest_project h2{
 font-family:trebuchet ms; color:#0D71C6; font-weight:normal; margin:20px 0px 0px 20px;font-size:30px; padding:0px 0px 0px 0px; 
}
.latest_project img{
 margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;  
}
.all_project{
  margin:0px 7px 0px 0px; float:right; 
}
.all_project img{
   margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}
.all_project h2{
  font-family:trebuchet ms; color:#F3C50B; font-weight:normal;  margin:20px 0px 0px 20px;font-size:30px; padding:0px 0px 0px 0px;
}
.p_contact{
 width:300; line-height:30px; font-family:tahoma; color:#6A6A6A; font-size:12px;text-align:justify; margin:0px 0px 0px 0px; padding:0px 10px 0px 10px;
}



/* extra tag */

h2{
  font-family:trebuchet ms; font-weight:normal; color:#FFCD04; font-size:30px; margin:0px 0px 0px 0px; padding:0px 0px 0px 12px;  
}
p{
 font-family:tahoma; color:#6A6A6A; font-size:12px; text-align:justify; margin:0px 0px 0px 0px; padding:5px 10px 5px 10px;
}
h3{
 font-family:trebuchet ms; color:#FFCD04; font-weight:normal; font-size:25px; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; 
}
ul{
 margin:0px 0px 0px 0px; padding:0px 0px 0px 50px;
}
ul li{
 font-family:trebuchet ms; list-style:none; color:#585858; font-size:12px;
}
ul li b{
  font-weight:bold; color:#404040; font-size:13px;
}

/*  Navi  */
ul.navi{
  margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; float:right;
  background-color:#B5B5B5; width:500px; height:35px; -moz-border-radius-topleft:8px;
}
ul.navi li{  
  font-family:tahoma; font-size:12px;font-weight:bold;  list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; float:left; text-align:center;
}
ul.navi li a{
  text-decoration:none; display:inline-block; color:#ffffff; margin:0px 0px 0px 0px; padding:11px 22px 10px 20px;
}
ul.navi li a#first{
	-moz-border-radius-topleft:8px;
}
ul.navi li a:hover{
  background-color:#F1C101;
}

/* Extra tag */
.float_r{
  float:right;
}                                    
.float_l{
  float:left;
}



.divSearch{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
	margin:0px 0px 0px 5px;
}
.divSearch i{
	font-style:normal;
	font-size:24px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	border:1px #999999 solid;
	padding:2px 4px 2px 4px;
	background-color:#EEEEEE;
}
.divSearch a{
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	
	border:1px #DDDDDD solid;
	padding:2px 4px 2px 4px;
}
.divSearch a:hover{
	font-weight:bold;
	color:#FF6600;
	text-decoration:underline;
	
	border:1px #FF6600 solid;
	padding:2px 4px 2px 4px;
}


.categoryList li{
	float:left;
	list-style:none;
	text-align:center;
	margin:0px 20px 0px 20px;
}
.categoryList li a{
	display:inline-block;
	width:150px;
	height:200px;
	border:1px #FFFFFF solid;
	padding:10px 10px 10px 10px;
	
	text-decoration:none;
	color:#AAAAAA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
.categoryList li a:hover{
	color:#222222;
}


.proList{
	float:left;
	border:1px #CCCCCC solid;
	padding:10px 10px 10px 10px;
	margin:10px 10px 10px 10px;
	width:250px;
	height:320px;
	text-align:center;
}
.proList h2{
	margin:0px 0px 30px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#002561;
	text-align:center;
}
.proList .details{
	float:right;
	text-align:left;
	width:600px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
}