Examples | CSS Rockers

<!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>Railsfactory Contact Us form. Kepp in touch for a great Journey on Rails</title>

<div id="mainDiv">

    <div id="logo_navi">
        <div id="contactus">Contact us:<a href="#">info@railsfactory.com</a><br/>
    Phone : (+91) 44 43521306<br/>
    </div>
         <img src="images/logo.gif" alt="Rails Factory" title="Rails Factory" width="287" height="59" class="logo" />

    <ul class="navi">
        <li class="left_pad"><a href="#"><span class="left"><span>Home</span></span></a></li>
        <li><a href="#"><span class="left"><span>About Us</span></span></a></li>
        <li><a href="#"><span class="left"><span>Services</span></span></a></li>
        <li><a href="#"><span class="left"><span>Careers</span></span></a></li>
        <li><a href="#"><span class="left"><span>Team</span></span></a></li>
        <li><a href="#"><span class="left"><span>Startups corner</span></span></a></li>
        <li><a href="#"><span class="left"><span>Portfolio</span></span></a></li>
        <li><a href="#" class="hover"><span class="left"><span>Contact Us</span></span></a></li>
  </ul>

  </div>


      <div id="body_part_inside">

      <div id="header_inner">
          <p>{As long as we keep your customers happy, they will keep us in business} - We understand this very well and work for the same. Just keep in touch with us to add yourself to our list of Happy Clients!! <span> </span>
          </p>
      </div>

     <div id="body_inside">

     <div id="left_inside">
     <div id="left_inside">
          <h2>Contact Us & Get a Free Quote</h2>
          <p class="jobs">Please fill up the following form to kick start with your application development on Rails. We will get back to you in less than 24-hrs.<strong></strong></p>
          <form action="" id="form1" name="contact" class="quick_contact">
                <div class="width627">
                      <label>Name:</label>
                           <input name="textfield" type="text" class="textbox" />
                      <label>Email: </label>
                           <input name="textfield" type="text" class="textbox" />
                      <label>Website:</label>
                           <input name="textfield" type="text" class="text" />
                      <label>Comment:</label>
                           <textarea name="textarea" cols="45" rows="5" class="area1"></textarea>
                      <input name="sub" type="submit" class="submit_but" value="" />
                      <br class="spacer" />
                </div>
          </form>
                <br class="spacer" />
         </div>


        <div id="right_inside">
         <h2 class="jobs">Quick Contact</h2>
        <p class="contact_gap1">Please get in touch with us at the following address regarding any business enquiries and for any query on Rails.               <strong>We will be happy to serve you!</strong></p>
              <div class="contact">

                    <p class="contact_gap"><strong>RailsFactory</strong></p>
                   <p class="contact_gap">9/55, Karikalan Street, Jafferkhanpet, Ashok Nagar,</p>
                   <p class="contact_gap">Chennai, TN, India -600083,</p>
                    <p class="contact_gap"><strong>Phone:</strong> +91 44 43521306 :</p>
                   <p class="contact_gap"><strong>Mobile:</strong> +91 98404 48539</p>
                   <p class="contact_gap"><strong>Email:</strong><a href="#" class="mail_link">info@railsfactory.com</a></p>
              </div>
            <div class="dot_line">
                   <span> </span>
              </div>
              <div style="width:200px">

<span style="font-size:9px;"><a href="http://wikimapia.org/7245232/RailsFactory">RailsFactory on Wikimapia</a></span>
</center>

</div>
            </div>

      <br class="spacer" />
      </div>

</div>

      </div>


      <div id="bigfotter">

       <div id="fotter">
            <ul class="footerLink">
                  <li>Home</li>
                  <li>|</li>
                  <li><a href="javascript:void (0);">Terms & Conditions</a></li>
                  <li>|</li>
                  <li><a href="javascript:void (0);">Privacy policy</a></li>
                  <li>|</li>
                  <li><a href="javascript:void (0);">Site map</a></li>
                  <li>|</li>
                  <li><a href="javascript:void (0);">Contact</a></li>
            </ul>
            <p class="left_pad">© 2004 - 2008 Railsfactory</p>
            <ul class="valid">
                  <li><a href="javascript:void (0);">Valid CSS</a></li>
                  <li><a href="javascript:void (0);">Valid XHTML</a></li>
            </ul>
      </div>

      </div>

</body>
</html>

@charset "utf-8";
/* CSS Document */

body{
    padding:0;
    margin:0;
    background:url(../images/bg.gif) repeat-x 0 0 #edebdb;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#666;
}

div, p, img, h1, h2, ul, h3{
    padding:0;
    margin:0;
}

.spacer{
    line-height:0;
    font-size:0;
    clear:both;
}

/*-----------main div starts------*/

#mainDiv{
    width:995px;
    margin:0 auto;
    padding:17px 0 0 0;
}

#logo_navi{
    margin:0 7px;
    height:147px;
    position:relative;
}

.logo{
    position:absolute;
    left:27px;
    top:0;
}

#logo_navi ul.navi{
    height:56px;
    list-style-type:none;
    position:absolute;
    left:0;
    top:91px;
}

#logo_navi ul.navi li{
    float:left;
    display:block;
    padding:0 5px;
}

#logo_navi ul.navi li.left_pad{
    padding:0 5px 0 0;
}

#logo_navi ul.navi li a{
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    line-height:40px;
    color:#fff;
    height:56px;
    background-color:inherit;
    float:left;
    cursor:pointer;
}

#logo_navi ul.navi li a span{
    float:left;
    display:block;
}

#logo_navi ul.navi li a span.left span{
    padding:0 9px;
}

#logo_navi ul.navi li a:hover{
    background:url(../images/navi_bg.gif) repeat-x 0 0 #fff;
    color:#9a0034;
}

#logo_navi ul.navi li a:hover span.left{
    background:url(../images/navi_left.gif) no-repeat left top;
    display:block;
}

#logo_navi ul.navi li a:hover span.left span{
    background:url(../images/navi_right.gif) no-repeat right 0;
    display:block;
    float:left;
}

#logo_navi ul.navi li a.hover{
    background:url(../images/navi_bg.gif) repeat-x 0 0 #fff;
    color:#9a0034;
    cursor:text;
}

#logo_navi ul.navi li a.hover span.left{
    background:url(../images/navi_left.gif) no-repeat left top;
}

#logo_navi ul.navi li a.hover span.left span{
    background:url(../images/navi_right.gif) no-repeat right 0;
}

#contactus{
    position:absolute;
    right:0;
    top:0;
    color:#666666;
    background-color:inherit;
    font-weight: bold;
    font-size:12px;
    line-height: 20px;
}

#contactus a{
    color:#990033;
    background-color:inherit;
    text-decoration:none;
}

#contactus a:hover{
    color:#666666;
    background-color:inherit;
}

#body_part{
    background:url(../images/body_bg.gif) repeat-y 0 0;
    padding:9px 30px 51px;
}

/*---------------header part starts-----------------*/

#header{
    background:url(../images/header_pic.jpg) no-repeat 0 12px;
    height:239px;
    position:relative;
    padding:28px 0 0 13px;
}

#header_inner{
    background:url(../images/header_inside.jpg) no-repeat 0 12px;
    height:212px;
    position:relative;
    padding:28px 0 0 13px;
}

#header p{
    font:normal 20px/26px Georgia, "Times New Roman", Times, serif;
    color:#f6ffc3;
    background-color:inherit;
    background:url(../images/inver.gif) no-repeat 0 0;
    padding:0 0 0 28px;
    width:650px;
}

#header_inner p{
    font:normal 20px/26px Georgia, "Times New Roman", Times, serif;
    color:#f6ffc3;
    background-color:inherit;
    background:url(../images/inver.gif) no-repeat 0 0;
    padding:0 0 0 28px;
    width:850px;
}

#header p span{
    background:url(../images/inver1.gif) no-repeat right top;
    padding:0 25px 0 0;
}

#header_inner p span{
    background:url(../images/inver1.gif) no-repeat right top;
    padding:0 25px 0 0;
}

#header h2{
    background:url(../images/rails.gif) no-repeat 0 0;
    height:19px;
    position:absolute;
    left:206px;
    width:310px;
    top:217px;
    text-indent:-222222px;
    display:block;
    font-size:0;
    line-height:0;
}

#header a.contact{
    background:url(../images/contact.gif) no-repeat 0 0;
    height:46px;
    width:126px;
    display:block;
    text-decoration:none;
    font-size:0;
    line-height:0;
    position:absolute;
    left:524px;
    top:205px;
}

#body{
    width:947px;
    margin:26px 0 0 0;
    background:url(../images/body_line.gif) repeat-y 607px 0 ;
}

.dot_line{
    background:url(../images/dot_line.gif) repeat-x left top;
    height:24px;
    padding:1px 0 0 0;
    margin:10px 0 0 10px;
}

.dot_line span{
    background:url(../images/dot_fo.gif) no-repeat 0 0;
    width:83px;
    height:20px;
    margin:0 auto;
    display:block;
}

.dot_line1{
    background:url(../images/dot_line.gif) repeat-x left top;
    width:300px;
    height:24px;
    padding:1px 0 0 0;
    margin:10px auto 0;
}

.dot_line1 span{
    background:url(../images/dot_fo.gif) no-repeat 0 0;
    width:83px;
    height:20px;
    margin:0 auto;
    display:block;
}

span.body_bot{
    background:url(../images/line_bot.gif) no-repeat 0 0;
    height:48px;
    display:block;
    width:720px;
    margin:0 0 26px 0;
}

/*----------left part starts---------*/

#left_part{
    width:581px;
    float:left;
}

#left_part h2{
    height:26px;
    margin:6px 0 14px 0 !important;
    font:bold 24px/26px Tahoma, Arial, Helvetica, sans-serif;
}

#left_part h2.why{
    background:url(../images/why_rails.gif) no-repeat 0 0;
    height:26px;
    text-indent:-222222px;
    margin:0 0 21px 0;
    font-size:0;
    line-height:0;
}

#left_part ul.link{
    list-style-type:none;
    background-color:#ffffc7;
    color:#4d4d02;
    border:#ddddb2 1px solid;
    padding:13px 13px 0 13px;
    margin:0 0 20px 0;
}

#left_part ul.link li{
    background:url(../images/left_arrow.gif) no-repeat 0 5px;
    padding:0 0 10px 14px;
    font-size:12px;
    line-height:16px;
    color:#4d4d02;
    background-color:inherit;
}

#left_part ul.link li.leftarrow{
    background:url(../images/left_arrow1.gif) no-repeat 0 5px !important;
    font-weight:bold;
}

/*----------------right part starts---------------*/

#right_part{
    width:330px;
    float:right;
}

#right_part h2.start{
    background:url(../images/start_ups.gif) no-repeat 0 0;
    height:34px;
    font-size:0;
    line-height:0;
    text-indent:-20000px;
    margin:0 0 18px 25px;
}

.mar_right{
    margin-left:25px !important;
}

#right_part h2.clients{
    background:url(../images/client_testi.gif) no-repeat 0 0;
    height:35px;
    font-size:0;
    line-height:0;
    text-indent:-20000px;
    margin:0 0 18px 25px;
}

.text{
    font-size:12px;
    line-height:16px;
    color:#666666;
    background-color:inherit;
    padding:0 0 16px 0;
}

.right_text{
    text-align:right;
}

.right_link{
    color:#9a0034;
    background-color:inherit;
    font-size:10px;
    font-weight:bold;
    line-height:16px;
    text-decoration:none;
}

.right_link:hover{
    color:#000;
    background-color:inherit;
}

#right_part span.right_bot{
    background:url(../images/right_bot.gif) no-repeat 0 0;
    height:20px;
    display:block;
    margin:32px 0 19px 0;
}

#right_part p.inver{
    background:url(../images/right_inver.gif) no-repeat 0 0;
    padding:0 0 0 19px;
    font-style:italic;
    font-size:11px;
    line-height:16px;
    color:#666666;
    background-color:inherit;
    margin:0 0 16px 25px;
}

.fonts11{
    font-size:12px !important;
}

#right_part p.inver span{
    background:url(../images/right_inver1.gif) no-repeat right 0;
    padding:0 20px 0 0;
}

h2.advance{
    background:url(../images/advance.gif) no-repeat 0 0;
    height:25px;
    text-indent:-222222px;
    font-size:0;
    line-height:0;
    margin:0 0 11px 10px;
}

/*-------------advance--------------*/

.advan{
     width:704px;
    background-color:#efefe7;
    margin:0 auto;
}

.advan span.top{
    background:url(../images/advance_top.gif) no-repeat 0 0;
    height:38px;
    display:block;
}

.advan span.bot{
    background:url(../images/advance_bot.gif) no-repeat left bottom;
    height:40px;
    display:block;
}

.advan p{
    font-size:11px;
    line-height:16px;
    margin:0 42px;
    color:#666;
    background-color:inherit;
    padding:0 0 13px 0;
}

.advan p.bold{
    font-size:14px;
    font-weight:bold;
    line-height:16px;
}

.advan ul{
    list-style-type:none;
    margin:0 0 15px 70px;
}

.advan ul li{
    background:url(../images/advance_arrow.gif) no-repeat 0 6px;
    font-size:11px;
    line-height:18px;
    font-weight:bold;
    padding:0 0 0 17px;
    color:#666;
    background-color:inherit;
}

/*----------------------footer part start------------*/

#bigfotter{
    background-color:#9a0034;
    border-top:#680325 6px solid;
    padding:20px 0 0 0;
    color:#fff;
}

#fotter{
    width:947px;
    margin:0 auto;
    position:relative;
    height:61px;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
}

#fotter ul.footerLink{
    list-style-type:none;
    height:20px;
    margin:0 0 10px 0;
}

#fotter ul.footerLink li{
    color:#fff;
    padding:0 4px;
    background-color:inherit;
    float:left;
    line-height:20px;
}

#fotter ul.footerLink li a{
    color:#fff;
    background-color:inherit;
    text-decoration:none;
}

#fotter ul.footerLink li a:hover{
    color:#ffea00;
    background-color:inherit;
}

#fotter ul.valid{
    list-style-type:none;
    height:20px;
    position:absolute;
    right:0;
    top:0;
}

#fotter ul.valid li{
    color:#fff;
    padding:0 8px;
    background-color:inherit;
    float:left;
    line-height:20px;
}

#fotter ul.valid li a{
    color:#fff;
    background-color:inherit;
}

#fotter ul.valid li a:hover{
    color:#ffea00;
    background-color:inherit;
    text-decoration:none;
}

.left_pad{
    padding:0 0 0 4px;
}

/*---------------About Us page styles-----------------*/

#body_part_inside{
    background:url(../images/body_bg.gif) repeat-y 0 0;
    padding:9px 30px 17px;
}

/*---------------header part starts-----------------*/

#header_inside{
    background:url(../images/header_inside.jpg) no-repeat 0 0;
    height:212px;
    position:relative;
    padding:0;
    margin:12px 0 0 0;
}

#header_inside p{
    font:normal 20px/26px Georgia, "Times New Roman", Times, serif;
    color:#f6ffc3;
    background-color:inherit;
    background:url(../images/inver.gif) no-repeat 0 0;
    padding:0 0 0 28px;
    width:850px;
}

#header_inside p span{
    background:url(../images/inver1.gif) no-repeat right top;
    padding:0 25px 0 0;
}

#header_inside h2{
    background:url(../images/rails.gif) no-repeat 0 0;
    height:19px;
    position:absolute;
    left:475px;
    width:310px;
    top:125px;
    text-indent:-222222px;
    display:block;
    font-size:0;
    line-height:0;
}

#header_inside h2.jobs{
    background:url(../images/jobs.gif) no-repeat 0 0;
    height:19px;
    position:absolute;
    left:555px;
    width:332px;
    top:125px;
    text-indent:-222222px;
    display:block;
    font-size:0;
    line-height:0;
}

#header_inside a.contact{
    background:url(../images/contact.gif) no-repeat 0 0;
    height:46px;
    width:126px;
    display:block;
    text-decoration:none;
    font-size:0;
    line-height:0;
    position:absolute;
    left:795px;
    top:110px;
}

#header_inside a.dedicated{
    background:url(../images/dedicated.gif) no-repeat 0 0;
    height:46px;
    width:150px;
    display:block;
    text-decoration:none;
    font-size:0;
    line-height:0;
    position:absolute;
    left:15px;
    top:110px;
}

#header_inside a.fixed_cost{
    background:url(../images/fixed_cost.gif) no-repeat 0 0;
    height:47px;
    width:109px;
    display:block;
    text-decoration:none;
    font-size:0;
    line-height:0;
    position:absolute;
    left:174px;
    top:110px;
}

#header_inside a.quick_hatch{
    background:url(../images/quick_hatch.gif) no-repeat 0 0;
    height:46px;
    width:126px;
    display:block;
    text-decoration:none;
    font-size:0;
    line-height:0;
    position:absolute;
    left:294px;
    top:110px;
}

/*---------------header part ends-----------------*/

/*---------------body part starts-----------------*/

#body_inside{
    width:947px;
    margin:28px 0 0 0;
    background:url(../images/body_line.gif) repeat-y 714px 0 ;
}

/*----------left inside part starts---------*/

#left_inside{
    width:680px;
    float:left;
    margin:0 0 0 10px;
}

#left_inside p {
    font-size:11px;
    color:#666;
    line-height:18px;
    padding:0 0 35px 0;
}

#left_inside h2{
    height:26px;
    margin:6px 0 14px 0 !important;
    font:bold 24px/26px Tahoma, Arial, Helvetica, sans-serif;
}

.careers_link{
    color:#7f9201;
    background-color:inherit;
}

.careers_link:hover{
    color:#990033;
    background-color:inherit;
    text-decoration:none;
}

#left_inside h2.dedicated_icon{
    height:31px;
    background:url(../images/dedicated_icon.gif) no-repeat 0 0;
    margin:6px 0 14px 0 !important;
    padding:6px 0 0 55px;
    font:bold 24px/31px Tahoma, Arial, Helvetica, sans-serif;
}

#left_inside h2.fixed_cost_icon{
    height:42px;
    background:url(../images/fixed_cost_icon.gif) no-repeat 0 0;
    margin:6px 0 14px 0 !important;
    padding:11px 0 0 40px;
    font:bold 24px/42px Tahoma, Arial, Helvetica, sans-serif;
}

#left_inside h2.quick_hatch_icon{
    height:33px;
    background:url(../images/quick_hatch_icon.gif) no-repeat 0 0;
    margin:6px 0 14px 0 !important;
    padding:0px 0 0 48px;
    font:bold 24px/33px Tahoma, Arial, Helvetica, sans-serif;
}

#left_inside ul.profile{
    list-style-type:none;
    padding:15px;
    margin:6px 0 45px 0;
    background-color:#EFEFE7;
    border:#C6C6C0 1px solid;
}

#left_inside ul.profile li{
    background:url(../images/green_bullet.gif) no-repeat 0 5px;
    padding:0 0 10px 14px;
    font-size:11px;
    line-height:16px;
    color:#666666;
    background-color:inherit;
}

#left_inside ul.profile li a{
    text-decoration:none;
    color:#666666;
    background-color:inherit;
}

#left_inside ul.profile li a:hover{
    color:#9a0034;
    background-color:inherit;
}

#left_inside.details {
    width:463px;
    height:85px;
}

.pic {
    width:100px;
    height:85;
    display:block;
    float:left;
    margin:0 20px 0 0;
}

.details h4 {
    height:17px;
     margin:0 0 14px 0;
    font:bold 16px/17px Tahoma, Arial, Helvetica, sans-serif;
    color:#9A0034;
}

.details p {
    font-size:11px;
    color:#666;
    line-height:18px;
    padding:0 0 15px 0 !important;
}

.details p.top20 {
    padding:15px 0 0 0 !important;
}

/*----------left inside part ends---------*/

/*----------right inside part starts---------*/

#right_inside{
    width:209px;
    float:right;
    margin:0 12px 0 10px;
}

#right_inside h2.jobs{
    height:25px;
    margin:0 0 0 12px;
    font:bold 18px/18px Tahoma, Arial, Helvetica, sans-serif;
    line-height:25px;
}

#right_inside ul.right_links{
    list-style-type:none;
    margin:6px 0 0 12px;
}

#right_inside ul.right_links li{
    background:url(../images/link_bullet.gif) no-repeat 0 5px;
    padding:0 0 10px 16px;
    font-size:12px;
    line-height:16px;
    color:#666666;
    background-color:inherit;
}

#right_inside ul.right_links li a{
    font-size:12px;
    line-height:16px;
    color:#666666;
    background-color:inherit;
    text-decoration:none;
}

#right_inside ul.right_links li a:hover{
    color:#9A0034;
}

#right_inside span.right_inside_bot{
    background:url(../images/right_inside_bot.gif) no-repeat 0 0;
    height:22px;
    display:block;
    margin:24px 0 19px 0;
}

#right_inside h2{
    height:25px;
    margin:30px 0 0 12px;
    font:bold 18px/18px Tahoma, Arial, Helvetica, sans-serif;
    line-height:25px;
}

#right_inside form.quick_contact {
    padding:23px 10px 14px 10px;
    margin:10px 12px 34px 11px;
    width:170px;
    background-color:#EDEBDB;
    border:#BDBCAE 1px solid;
    font:12px/18px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
}

#right_inside form input.textbox {
    width:165px;
    height:19px;
    border:#BDBCAE 1px solid;
    font:12px/18px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
    padding:10px 0 0 5px;
    margin:5px 0 16px 0;
}

#right_inside form input.submit_but {
    width:92px;
    height:33px;
    background:url(../images/submit_but.gif) no-repeat 0 0;
    border:none;
    font:12px/18px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
    padding:0;
    margin:0 0 0 79px;
    cursor:pointer;
}

.area {
    width:165px;
    height:120px;
    border:#BDBCAE 1px solid;
    font:12px/18px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
    padding:10px 0 0 5px;
    margin:5px 0 20px 0;
}

#right_inside h2.clients{
    background:url(../images/client_testi1.gif) no-repeat 0 0;
    height:35px;
    font-size:0;
    line-height:0;
    text-indent:-20000px;
    margin:0 0 18px 5px;
}

#right_inside p.inver{
    background:url(../images/right_inver.gif) no-repeat 0 0;
    padding:0 10px 0 14px;
    font-style:italic;
    font-size:11px;
    line-height:16px;
    color:#666666;
    background-color:inherit;
    margin:0 0 16px 0;
}

#right_inside p.inver span{
    background:url(../images/right_inver1.gif) no-repeat right 0;
    padding:0 20px 0 0;
}

.text1{
    font-size:12px;
    line-height:16px;
    color:#666666;
    background-color:inherit;
    padding:0 16px 16px 0;
}

.text2{
    font-size:11px;
    line-height:16px;
    color:#666666;
    background-color:inherit;
    padding:0 16px 5px 40px;
}

/*----------right inside part ends---------*/

/*---------------body part ends-----------------*/

/*---------------Services page styles-----------------*/

#left_inside p.services {
    font-size:11px;
    color:#666;
    line-height:18px;
    padding:0 0 20px 0;
}

.textlink{
    color:#990033;
    text-decoration:none;
    background-color:inherit;
    line-height:18px;
    font-size:11px;
}

.textlink:hover{
    color:#666;
    background-color:inherit;
}

#left_inside ul.link{
    list-style-type:none;
    background-color:#ffffc7;
    color:#4d4d02;
    border:#ddddb2 1px solid;
    padding:13px 13px 0 13px;
    margin:0 0 20px 0;
}

#left_inside ul.link li{
    background:url(../images/left_arrow.gif) no-repeat 0 5px;
    padding:0 0 10px 14px;
    font-size:12px;
    line-height:16px;
    color:#666666;
    background-color:inherit;
}

/*---------------Jobs Corner page styles-----------------*/

#left_inside h4.jobs {
    height:27px;
     margin:0 0 14px 0 !important;
    font:bold 16px/27px Tahoma, Arial, Helvetica, sans-serif;
    color:#9A0034;
}

#left_inside p.jobs {
    font-size:11px;
    color:#666;
    line-height:18px;
    padding:0 0 15px 0;
}

#left_inside p.jobs_bold {
    font-size:11px;
    font-weight:bold;
    font-style:italic;
    color:#666;
    line-height:18px;
    padding:0 0 4px 0;
}

/*---------------Contact Us page styles-----------------*/

#left_inside div.contact{
    padding:15px;
    display:block;
    margin:6px 0 10px 0;
    background-color:#EFEFE7;
    border:#C6C6C0 1px solid;
}

#right_inside div.contact{
    padding:15px;
    width:170px;
    display:block;
    margin:6px 0 10px 10px;
    background-color:#F7F7F7;
    border:#C6C6C0 1px solid;
}

p.contact_gap {
    font-size:11px;
    color:#666;
    line-height:16px;
    padding:0 0 5px 0 !important;
}

p.contact_gap1 {
    font-size:11px;
    color:#666;
    line-height:16px;
    padding:15px 25px 5px 14px !important;
}

.mail_link {
    font-size:11px;
    color:#666;
    line-height:16px;
    text-decoration:none;
}

.mail_link:hover {
    font-size:11px;
    color:#474747;
    line-height:16px;
    text-decoration:none;
}

.width627{
    width:470px;
    padding:7px 0 0 8px;
    margin:0 auto;
}

#left_inside form.quick_contact {
    padding:23px 12px 14px 13px;
    margin:10px 12px 34px 31px;
    width:570px;
    background-color:#EFEFE7;
    border:#BDBCAE 1px solid;
    font:12px/18px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
}

#left_inside form.quick_contact label {
    float:left;
}

#left_inside form input.textbox {
    width:373px;
    height:16px !important;
    float:left;
    border:#BDBCAE 1px solid;
    font:12px/18px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
    padding:10px 0 0 5px;
    margin:0 0 16px 0;
}

#left_inside form label {
    width:70px;
    height:16px;
    line-height:16px;
    float:left;
    margin:0 2px 0 0;
}

#left_inside form input.submit_but {
    width:92px;
    height:33px;
    float:left;
    background:url(../images/submit_but.gif) no-repeat 0 0;
    border:none;
    font:12px/18px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
    padding:0;
    margin:0 0 0 90px;
    cursor:pointer;
}

.area1 {
    width:373px;
    height:120px;
    float:left;
    border:#BDBCAE 1px solid;
    font:12px/18px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
    padding:10px 0 0 5px;
    margin:5px 0 20px 0;
}

/*---------------Startup Corner page styles-----------------*/

#left_inside ul.startup{
    list-style-type:none;
     padding:15px;
    margin:6px 0 15px 0;
    background-color:#EFEFE7;
    border:#C6C6C0 1px solid;
}

#left_inside ul.startup li{
    background:url(../images/green_bullet.gif) no-repeat 0 5px;
    padding:0 0 10px 14px;
    font-size:11px;
    line-height:16px;
    color:#666666;
    background-color:inherit;
}

#left_inside p.sratup {
    font-size:11px;
    color:#666;
    line-height:18px;
    padding:24px 0 15px 0;
}

/*---------------Testimonial page styles-----------------*/

#left_inside p.testi1 img {
    padding:0;
    margin:0;
}

#left_inside p.testi1 {
    font-size:11px;
    color:#666;
    line-height:18px;
    padding:0 0 5px 20px;
}

#left_inside img.testi {
    border:#E9E9EA 1px solid;
    margin:0 auto;
    display:block;
}

#left_inside p.testi {
    font-size:11px;
    color:#666;
    line-height:14px;
    padding:5px 10px 5px 20px;
}

#left_inside p.testi1 a {
    font-size:11px;
    color:#9a0034;
    line-height:14px;
    text-decoration:none;
    padding:0;
    margin:0;
}

#left_inside p.testi1 a:hover {
    text-decoration:underline;
}

#left_inside span.testi_bot{
    background:url(../images/right_bot.gif) no-repeat 90px 0;
    height:20px;
    display:block;
    margin:32px 0 19px 0;
}

#left_inside div.testi_total {
    width:590px;
    margin:10px auto 20px;
}

#left_inside div.testi_left {
    width:290px;
    height:100px;
    float:left;
    background-color:#F8F8F8;
    border:#E9E9EA 1px solid;
    padding:20px 0 10px 0;
}

#left_inside div.testi_right {
    width:290px;
    height:100px;
    float:right;
    background-color:#F8F8F8;
    border:#E9E9EA 1px solid;
    padding:20px 0 10px 0;
}

#left_inside div.testi_left1{
    width:290px;
    height:85px;
    float:left;
    background-color:#F8F8F8;
    border:#E9E9EA 1px solid;
    padding:35px 0 10px 0;
}

#left_inside div.testi_right1 {
    width:290px;
    height:85px;
    float:right;
    background-color:#F8F8F8;
    border:#E9E9EA 1px solid;
    padding:2px 0 43px 0;
}

/* ---------- thanks page style --------- */
#left_inside_thanks{
    width:663px;
    float:left;
    background-color:#FFFFFF;
}

#left_inside_thanks p {
    font-size:11px;
    color:#666;
    line-height:18px;
    padding:0 0 15px 0;
}

/*-------------portfolio------------*/

#box2{
    position:absolute;
    left:0 ;
    top:0;

}

#box2 span{
display:block;
float:left;
}

/* ********************************** */

.mask2{
    position:relative;
    width:195px;
    height:84px;
    overflow:hidden;
}

span img{
display:block;
border:none;
}