BHULAN

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bhulan - Main</title>
<link href="css/bhulan-style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--wrapper start-->
<div id="wrapper">
  <!--top menu start-->
  <div class="top">
    <div id="top_nav"> <span class="img_left_1"></span>

      <ul>
        <li><a href="#" class="topnav_active">HOME</a></li>
        <li><a href="#">ABOUT US</a></li>
        <li><a href="#">SERVICES</a></li>
        <li><a href="#">PORTFOLIO</a></li>
        <li class="last"><a href="#">NEWS</a></li>

      </ul>
      <a href="#" class="img_right_1">Contact</a></div>
    <div class="clear"></div>
  </div>
  <!--top menu end-->
  <!--body start-->
  <div id="wrapper_2">
    <table width="968" border="0" cellspacing="0" cellpadding="0">

      <tr>
        <td width="968" height="20"><span class="body_top"></span></td>
      </tr>
      <tr>
        <td><!--content start-->
          <div id="content">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><h1><a href="#">Bhulan - Main</a></h1>

                  <p class="logo_txt">Connecting your business<br />
                    to affordable and quality<br />
                    technology resources you need.</p></td>
              </tr>
            </table>
            <table width="946" border="0" cellpadding="0" cellspacing="0" class="banner">
              <tr>

                <td width="605" align="left"><img src="images/banner_1.jpg" width="605" height="265" alt="Banner1" /></td>
                <td width="207" align="center"><img src="images/banner_2.jpg" width="158" height="265" alt="Banner 2" /></td>
                <td width="134" align="right"><img src="images/banner_3.jpg" width="134" height="265" alt="Banner 3" /></td>
              </tr>
            </table>
            <table width="946" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="624"><div class="box_style_1">
                    <p><strong>Bhulan IT Services</strong> is an outsourcing company specializing in IT solutions. We closely integrate with our clients from inception to deployment providing best possible solutions and making outsourcing easier, reliable and viable.  Meticulously developed processes at BIS are the key in providing a well defined set of deliverables ensuring timely project completion and achieving client’s business goals. Over time we have closely worked with several clients to successfully reconstruct their image and process over the Internet. Let Bhulan IT Services plan your success too.</p>

                    <p>BIS is geared towards providing their clients with timely and innovative solutions as desired. We work in close collaboration with our clients to understand and translate their needs into powerful and result oriented solutions. BIS guarantees quality solutions within budget which are effective, efficient and optimal. </p>
                  </div></td>
                <td width="322" align="left" valign="top"><div class="phone"><h2>0044 131 4661135</h2><h2></h2>
                  <a href="#">Use Callback</a></div></td>
              </tr>
            </table>
            <div class="box_style_2">

              <table width="926" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="132" align="center" valign="middle" class="border_style_1"><img src="images/it_services.gif" width="95" height="102" alt="IT Services" /></td>
                  <td width="406" align="left" valign="top" class="border_style_1"><ul>
                      <li> <strong>Design Services. </strong><br />
                        Corporate Imaging (Logo, Web templates, Brochure designs) Campaign Management (Promotional material designs) </li>
                      <li> <strong>Web Applications</strong><br />

                        Content Management Systems, Ecommerce Systems, Open source customizations, </li>
                      <li> <strong>Flash development</strong><br />
                        Animations, banners, movies, presentations</li>
                    </ul></td>
                  <td width="388" align="left" valign="top"><ul>
                      <li> <strong>Custom Applications</strong><br />

                        Information portals, business applications, etc</li>
                      <li> <strong>Resource Hiring</strong><br />
                        On demand technical and skilled resource hiring</li>
                    </ul></td>
                </tr>
              </table>
            </div>

            <table width="946" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="636" valign="bottom"><div class="work_box"> <img src="images/work1.jpg" width="118" height="100" alt="" /> <a href="#">Project Name</a> </div>
                  <div class="work_box"> <img src="images/work2.jpg" width="118" height="100" alt="" /> <a href="#">Project Name</a> </div>
                  <div class="work_box"> <img src="images/work3.jpg" width="118" height="100" alt="" /> <a href="#">Project Name</a> </div>

                  <div class="work_box"> <img src="images/work4.jpg" width="118" height="100" alt="" /> <a href="#">Project Name</a> </div></td>
                <td width="310"><div class="testi_box"> <span class="title_1">Client Testimonials</span>
                    <p>"New emerging markets will always be there but I believe that the emerging markets..."</p>
                    <span class="title_2"><span class="blue_style">Henry Harteveld</span></span> <span class="title_2">Forrester Research</span> </div></td>

              </tr>
            </table>
          </div>
          <!--content end-->
        </td>
      </tr>
      <tr>
        <td height="21"><span class="body_btm"></span></td>
      </tr>

    </table>
  </div>
  <!--body end-->
  <!--footer start-->
  <div class="bottom">
    <div id="footer"> <span class="img_left_2"></span> <span class="copyright_txt">2009 by <span class="green_style">Bhulan Ltd.</span> All Rights Reserved.</span> <span class="img_right_2"></span> </div>

    <div class="footer_links"> <a href="#">Terms</a> / <a href="#">Privacy Policy</a></div>
    <div class="clear"></div>
  </div>
  <!--footer end-->
</div>
<!--wrapper end-->
</body>
</html>

/* main css start */
* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #e4e4e4;
	font-family: verdana;
	font-size: 11px;
	color: #4c4c4c;
}
h1{
}
h1 a{
	background: url(../images/logo.gif) no-repeat;
	width:138px;
	height:76px;
	display:block;
	margin: 0 16px 20px 24px;
	float: left;
	text-indent:-9000px;
}

#wrapper {
	margin: 11px auto;
	width: 968px;
	padding-bottom: 11px;
}
#wrapper_2 {
	background: url(../images/body_mdl.gif) repeat-y;
}
.clear {
	clear: both;
}
/* main css end */

/* body css start */
.top {
	background: url(../images/top_bg.gif) no-repeat bottom;
	padding: 0 38px;
}
#top_nav {
	height: 29px;
	background: url(../images/top_menu_cnt.gif) repeat-x;
	width: 500px;
	float: right;
}
#top_nav ul {
	list-style: none;
}
#top_nav ul li {
	float: left;
	background: url(../images/sprtr.gif) no-repeat right;
	padding: 0 20px;
}
#top_nav ul li.last {
	background: none;
}
#top_nav ul li a {
	font: bold 12px/29px "Trebuchet MS";
	color: #fff;
	text-decoration: none;
}
#top_nav ul li a:hover, #top_nav .topnav_active {
	color: #c4ff00;
}
#content {
	padding: 0 11px;
}
#content p {
	margin-bottom: 10px;
}
.logo_txt {
	color: #939393;
	font: normal 10px verdana;
	margin-top: 15px;
}
.banner {
	margin-bottom: 30px;
}
.box_style_1 {
	padding: 0 20px;
}
.box_style_2 {
	background-color: #f2f2f2;
	padding: 10px;
	margin: 10px 0;
}
.box_style_2 ul {
	list-style: none;
	margin-left: 20px;
}
.box_style_2 ul li {
	background: url(../images/bullet.gif) no-repeat left 2px;
	padding-left: 15px;
	margin-bottom: 10px;
	width: 350px;
}
.border_style_1 {
	border-right: #fff 1px solid;
}
.blue_style {
	color: #0092cf;
}
.green_style {
	color: #c4ff00;
}
.title_1 {
	font-weight: bold;
	display: block;
	height: 22px;
}
.title_2 {
	font-weight: bold;
	font-style: italic;
	text-align: right;
	display: block;
	padding-right: 20px;
}
.work_box {
	width: 118px;
	margin: 0 20px;
	border-bottom: #e6e6e6 1px solid;
	text-align: center;
	float: left;
}
.work_box img {
	display: block;
}
.work_box a {
	font: normal 11px/20px verdana;
	color: #0092cf;
	text-decoration: none;
}
.work_box a:hover {
	color: #86a910;
}
.testi_box {
	width: 157px;
	height: 123px;
	background: url(../images/testi_bg.jpg) no-repeat;
	padding: 10px 0 0 123px;
}
.testi_box p {
	color: #767676;
}
.img_left_1 {
	background:url(../images/top_menu_lft.gif) no-repeat left;
	width:20px;
	height:29px;
	float: left;
}
.img_right_1 {
	background:url(../images/top_menu_email.gif) no-repeat left;
	width:40px;
	height:29px;
	float: right;
	font-size: 0;
	text-indent: -9000px;
}
.body_top{
	background:url(../images/body_top.gif) no-repeat left;
	width:968px;
	display:block;
	height:20px;
}
.body_btm{
	background:url(../images/body_btm.gif) no-repeat left;
	width:968px;
	display:block;
	height:21px;
}
.phone {
	width: 276px;
	height: 137px;
	background: url(../images/phone.gif) no-repeat;
	text-indent: -9000px;
	font-size: 0;
}
/* body css end */

/* footer css start */
.bottom {
	background: url(../images/bottom_bg.gif) no-repeat top;
	padding: 0 38px;
}
#footer {
	height: 31px;
	background: url(../images/footer_bg.gif) repeat-x;
	float: left;
	width: 300px;
}
#footer span.copyright_txt {
	float: left;
	color: #e4e4e4;
	font: normal 10px/28px verdana;
	padding-left: 17px;
}
.footer_links {
	color: #8a8a8a;
	font: normal 10px verdana;
	float: right;
}
.footer_links a {
	color: #8a8a8a;
	font: normal 10px/25px verdana;
	text-decoration: none;
}
.footer_links a:hover {
	color: #0092cf;
}
.img_left_2{
	background:url(../images/copyright_sign.gif) no-repeat;
	float:left;
	display:block;
	width:38px;
	height:31px;
}
.img_right_2 {
	background:url(../images/footer_right.gif) no-repeat left;
	width:11px;
	height:31px;
	float: right;
}
/* footer css end */