*{margin:0px; padding:0px;}
a{outline:none; }
img, div, input{behavior: url("iepngfix.htc") }
body{background:url(images/top_bg.jpg) repeat-x top; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#3F3F3F; text-decoration:none;}
#body{width:990px; margin-left:auto; margin-right:auto; }
#banner{float:left; width:990px;}
#banner .topbanner{float:left; width:990px; height:69px; background:url(images/grey_dot.gif) repeat-y 690px 0px;    }
#banner .topbanner img{float:left; padding-right:15px;}
#banner .topbanner img.logo{ padding-right:145px;}
#banner .topbanner img.email{ float:right}
#banner .lowerbanner{float:left;  width:990px; height:302px; padding-top:8px; }
#banner .lowerbanner img{padding:0px; margin:0px; text-align:left; float:left }
#banner .lowerbanner .heading{ background:url(images/blue_bg.jpg) no-repeat left top; float:left;  width:989px; height:98px;  }
#banner .lowerbanner .heading  div{ width:227px; padding-right:20px; padding-top:8px; height:90px; float:left  }
#banner .lowerbanner .heading  div p{font-family:tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#668AA1; text-align:left;  width:220px; float:left; padding-top:5px;  }
#banner .lowerbanner .heading span img{float:left; padding:0px; margin:0px;}
#footer{ width:100%; float:left;  }
#footer .upperpart{ background:url(images/blue_bg1.gif) repeat-x;  width:100%; height:240px;   }
#footer .fottermenu{width:990px; margin-left:auto; margin-right:auto;   }
#footer .upperpart .fottermenu .webdesign{float:left; padding-left:4px; width:215px; padding-right:20px; padding-bottom:28px; padding-top:13px; font-size:20px; color:#fff; border-right: 1px dashed #668AA0; }
#footer .upperpart .fottermenu .webdesign p{font-size:11px; color:#80A2B7;  padding-top:10px;  }
#footer .upperpart .fottermenu .technology{float:left; padding-left:20px; width:200px; padding-right:20px; padding-top:13px; padding-bottom:1px;  font-size:20px; color:#fff; border-right: 1px dashed #668AA0; }
#footer .upperpart .fottermenu .technology ul{float:left; padding-top:8px; }
#footer .upperpart .fottermenu .technology ul li{list-style:none; display:block; float:left; width:200px; padding-bottom:1px; font-size:11px; color:#80A1B7;  }
#footer .upperpart .fottermenu .development{float:left; width:224px; padding-left:20px; padding-right:20px; padding-top:13px; padding-bottom:28px;  font-size:20px; color:#fff; border-right: 1px dashed #668AA0;}
#footer .upperpart .fottermenu .development p{font-size:11px; color:#80A1B7; padding-left:2px; padding-top:10px; line-height:15px;  }
#footer .upperpart .fottermenu .ecommerce{float:left; width:219px; padding-left:20px;  padding-top:13px; padding-bottom:13px;  font-size:20px; color:#fff;  }
#footer .upperpart .fottermenu .ecommerce p{font-size:11px; color:#80A1B7; padding-left:2px; padding-top:10px; line-height:15px;}
#footer .lowerpart{background:url(images/footer_bg.gif) ; width:100%; height:174px; }
#footer .lowerpart .footernavi{ float:left; width:981px; padding-left:9px; padding-top:4px; padding-bottom:10px; font-size:20px; color:#fff;}
#footer .lowerpart .footernavi ul{float:left; width:970px; padding-top:0px;}
#footer .lowerpart .footernavi ul li{float:left; display:inline; list-style:none; }
#footer .lowerpart .footernavi ul li a{text-decoration:none; font-size:12px; color:#fff; padding-top:3px; }
#footer .lowerpart .footernavi ul li span{padding-left:16px; padding-right:15px; padding-top:0px; }
#footer .lowerpart p{font-size:12px; color:#fff; padding-left:9px; padding-top:5px; }
#content{float:left; width:990px;}
#content .leftcontent{float:left; width:215px; padding-bottom:10px;}
#content .topmidle{background:url(images/top_middle_line.gif) repeat-x 0px 2px; }
#content .leftline {background:url(images/left_line.gif) repeat-y left top;}
#content .rightline {background:url(images/right_line.gif) repeat-y right top;}
#content .topright {background: url(images/top_right_crv.gif) no-repeat top right; }
#content .bottomright {background: url(images/bottom_right_crv.gif) no-repeat top right; }
#content .bottommidle{background:url(images/bottom-middle_line.gif) repeat-x bottom}
#content  img.corner {width: 15px;height: 18px;border: none;display: block !important;}
#content .leftcontent ul{ margin:0px; padding:0px; width:190px; padding-left:20px; padding-bottom:10px;}
#content .leftcontent ul li{list-style:none; background:url(images/dotted_line.gif) repeat-x bottom; width:170px; padding-bottom:13px; padding-top:5px;   }  
#content .leftcontent ul li a{text-decoration:none; font-size:15px; color:#3D3D3D;}   
#content .leftcontent .middleside{ padding-left:19px; background:url(images/photo.jpg) 112px 0px no-repeat; width:195px; padding-bottom:10px; padding-top:5px; }
#content .middlecontent{float:left; width:531px; padding-right:13px; padding-left:13px; padding-top:7px; padding-bottom:10px;}
#content .middlecontent p{text-align:justify; padding-bottom:11px; }
#content .middlecontent h3{font-size:18px; font-weight:normal; color:#00659C; background:url(images/heading_bg.gif) bottom repeat-x; padding-bottom:13px; }
#content .middlecontent h3 img {padding-right:9px; } 
#content .middlecontent ul{ padding-bottom:13px;  }
#content .middlecontent ul li{display:block; list-style:none; background:url(images/arro.gif) 0px 2px no-repeat; padding-left:15px; padding-bottom:8px; }
#content .middlecontent .contactform{float:left; width:450px; padding-left:50px; padding-top:20px; }
#content .middlecontent .contactform .information{padding-bottom:8px;}
#content .middlecontent .contactform .information label{font-weight:bold; font-size:12px; color:#000;  padding-bottom:7px; width:130px; float:left; text-align:right; padding-right:10px; }
#content .port h3{font-size:18px; font-weight:normal; color:#00659C; background:url(images/heading_bg.gif) 5px bottom repeat-x;  padding-bottom:13px; }



  
#content .middlecontent .portfolio{ width:517px; padding-bottom:8px;   }
#content .middlecontent .portfolio .roundtopmiddle{background:url(images/por-middle_top.gif) repeat-x }
#content .middlecontent .portfolio .roundtop {background: url(images/por_right_crv.gif) no-repeat top right;}
#content .middlecontent .portfolio .roundbottom {background: url(images/por_right_crv_bott.gif) no-repeat top right; }
#content .middlecontent .portfolio .roundbottommiddle{background:url(images/por-middle_bott.gif) repeat-x 0px 0px } 
#content .middlecontent .portfolio .roundleft{background:url(images/por_left_line.gif) repeat-y}
#content .middlecontent .portfolio .roundright{background:url(images/por_right_line.gif) repeat-y right }
#content .middlecontent .portfolio img.corner {width: 9px;height: 9px;border: none;display: block !important;}
#content .rightcontent{float:left; width:217px;}
#content .rightcontent .enquiry{padding-left:19px; padding-right:20px; padding-bottom:20px;  }

#content .rightcontent .enquiry h3{font-size:18px; color:#3D3D3D;  background:url(images/free_qu_bg.gif) bottom repeat-x; padding-bottom:12px; font-weight:normal;}
#content .rightcontent .enquiry .form{padding-top:7px; padding-left:2px;  }
#content .rightcontent .enquiry .form label{font-size:12px; color:#3D3D3D; width:52px; padding-bottom:7px; } 
#content .rightcontent .enquiry .form .label{padding-bottom:6px; padding-right:8px; } 
#content .textbox{border:1px solid #D4D4D4; } 
#content .rightcontent .enquiry .form input{width:118px; height:21px; }
#content .rightcontent .enquiry .form p{text-align:justify; padding-right:5px; padding-bottom:8px; }
#content .port{float:left; width:768px; padding-top:7px; padding-left:5px; } 
.proyecto {
	width: 185px;
    margin-bottom: 1em;
	float: left;
	height: 111px;
	position: relative;
	padding-left:7px;
	
}
.proyecto img{border:3px solid #00436D }
div.info-proyecto {
	display: none;
	position: absolute;
	bottom: 9px;
	left:12px;
	width: 170px;
    height: 40px;
	background: transparent url(images/info-proyecto.png)  !important;
	background-image: none;
	/* URI relative to HTML page, not CSS file!! */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/image_name.png',sizingMethod='scale');
	border-top: 1px solid #fff;
	text-align:center
}
   div.info-proyecto a{ color:#fff; font-size:13px;  font-weight:bold; text-align:center }
p.etiquetas {
	clear: both;
	font-size: 1em;
	margin: 0;
	color: #fff;
	background:#00436D
}

p.etiquetas a {
	font-size: .9em;
	font-weight: 700;
	color: #f9c500;	
	background:#00436D
}
.proyecto h3{
	clear: left;
	margin: 0;
	color: #f9c500;
	background:#00436D
}