/* CSS Document */

body{ background:#DADDDF; width:100%; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#main{ width:100%;}
#toparea{ width:993px; margin:auto;}
#banner_area{ width:100%; background:url(../images/banner_bg.jpg); background-repeat: repeat-x; height:304px;}
#content{ width:993px; margin:auto; height:auto}
#btn{ background:url(../images/links_btn.jpg); background-repeat:repeat-x; width:993px; height:28px;  }
#matter{ background:#FFFFFF; height:auto; }
#matterarea{ width:931px; margin: auto; height:350px; padding-top:20px; }
#breif{ width:225px; float:left; text-align:justify; padding-right:10px;}
#project{ width:467px; float:left;}
#news{ width:229px; float:left; height:150px;}
#newscnt{ width:180px;}
#pro_bg{ height:165px; background:url(../images/pro_bg.jpg); background-repeat:no-repeat;}
#scroll{ width:698px; float:left; margin-top:10px;}
#client{ width:210px; float:left; margin-left:18px; font-size:14px; margin-top:20px;}
#clients{ border:solid 4px #CCCCCC; width:205px; height:80px; margin-top:4px;}
#client_head{ border:solid 1px #CCCCCC; width:210px; height:20px; margin-top:4px;background:#efefef;font-weight:bold;}
.link{ float:left; padding-left:10px; padding-right:14px; padding-top:5px}
.sep{ float:left;}
.link a{ color:#FFFFFF; font-weight:bold; text-decoration:none;}
.link a:hover{ color: #999999; font-weight:bold; text-decoration:none;}
#footerlink{ width:993px; margin:auto; height:35px; margin-top:5px;}
#btmlinks{ width:540px; float:left; padding-top:10px; margin-left:10px; }
#iso{ width:241px; float:right;}
#heading{ font-size:15px; font-weight:bold; color:#7F8B97; border-bottom:solid 1px  #99AFB7 ; margin-bottom:10px; background:url(../images/heading_bg.jpg); background-repeat:repeat-x; height:30px; vertical-align:middle;}
#footer{ width:993px; margin:auto; height:25px; background:#FFFFFF; margin-top:5px;}
#btmlinks a { text-decoration:none; color:#333333;}
#btmlinks a:hover { text-decoration:none; color: #990000;}
#top{ background:#87A2BF; height:15px; padding-top:2px}
#top a{ color: #FFFFFF; text-decoration:none; font-size:9px }
#top a:hover{ color: #FF0000 ; text-decoration:none; font-size:9px}
.more a{ text-decoration:none; font-size:10px; text-align:center; padding:1px 5px 1px 5px;  color:#990000; }
.more a:hover{ text-decoration:none; font-size:10px; text-align:center; padding:1px 5px 1px 5px; background:#E0EBEA; color:#990000; }
.more_pr a{ text-decoration:none; font-size:10px; text-align:center; padding:5px 5px 5px 5px;  color:#990000; }
.more_pr a:hover{ text-decoration:none; font-size:10px; text-align:center; padding:5px 5px 5px 5px; background: #BAC0C5; color:#990000; }
.project_head{font-size:15px; height:20px; background-color:#E4EDFA; padding-left:15px; font-weight:bold; }
.pro_image{ width:210px; float:left; margin-left:10px; margin-top:10px; border-bottom:solid 1px #666666;}
.project_menu a{ text-decoration:none; padding:2px 5px 2px 5px; color:#333333}
.project_menu a:hover{ text-decoration:none; padding:2px 5px 2px 5px; background: #A6ABBF; color: #FFFFFF}
#project_heading{ background:url(../images/image_bg.jpg); background-repeat:repeat-x; height:19px; padding-top:5px; color:#435B63;}
#box1 a{ text-decoration:none; color: #990000}
#box1 a:hover{ text-decoration:none;  color: #3399FF  }
#sub_head{ background:#999999; padding-top:5px; color:#FFFFFF; padding-right:5px;}
#messege a{ color: #333333; font-weight:bold; text-decoration:none;}
#messege a:hover{ color: #999999; font-weight:bold; text-decoration:none;}
