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>Ruby on Rails geeks and RoR is at the focal point of our activities like E-business solutions, professional web site design and product engineering</title>

<body>

    <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="#" class="hover"><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="#"><span class="left"><span>Contact Us</span></span></a></li>
  </ul>

  </div>



      <div id="body_part_inside">

      <div id="header_inner">
            <p>RoR is at the focal point of all our activities. We began our tryst with RoR since its early days and today we feel proud to position ourselves as a leading RoR consultant in the world<span> </span>
            </p>
    </div>



      <div id="body_inside">

     <div id="left_inside">
          <h2>The Beginning</h2>
          <p>We are one of the early start-up company working in Rails early 2006. Although it was a challenging decision to date with RoR and keeping the girlfriend PHP off the shelf, RoR didn't not let us down. Combining proven expertise in technology, and an understanding of emerging business trends, RailsFactory delivers a range of development solutions that includes e-business solutions, professional web site design and product engineering.
          </p>
          <h2>Quick Profile</h2>
          <ul class="profile">
              <li>Founded in 2006</li>
              <li>Grown to be one of the largest RoR consultants in just 2 years</li>
              <li>Employee strength of 30+ engineers and system administrators</li>
              <li>Over 25 RoR projects executed in 2-years</li>
              <li>Major clients are from US, Canada, India & UK</li>
              <li>Active Volunteer for Amazon Web Services group in Chennai, India</li>
          </ul>
          <h2>How we engage</h2>
          <p>

We generally follow series of steps for every project depending on the development model you choose from. Generally things flow like this,
          </p>
          <h2>Initial Process</h2>
          <ul class="profile">
              <li>We will sign the NDA</li>
              <li>Brain stroming about the project requirment and application architecture</li>
              <li>Choose your <a href="services.html">"application development model"</a></li>
              <li>Wireframes built by Interactive designer (if no frontend design provided)</li>
              <li>Video/audio conference with core development team</li>
              <li>We will setup Staging server, SVN repository, Basecamp access, Ticketing System</li>
              <li>Milestones, daily updates and weekly deliverables</li>
              <li>Production deployment for Beta release</li>
          </ul>
     </div>


     <div id="right_inside">
         <h2 class="clients">Client's Testimonials</h2>
         <p class="inver">Dinesh and his team have been awesome and Jujube would not have seen the light of day without them. It was my first experience hiring off-shore developers and they have removed any doubts I had through constant communication - and a great <span>application!.</span>

         </p>
         <p class="text right_text fonts11"><strong>Christopher O'Brien</strong><br /><strong>Founder - IgniteFactory Inc</p>
         <p class="right_text"><a href="javascript:void (0);" class="right_link">more testimonials ...</a></p>
         <h2>Quick Contact</h2>
         <form action="" id="form1" name="contact" class="quick_contact">
                  <label>Email:
                           <input name="textfield" type="text" class="textbox" />

                  </label>
                  <label>Comment:
                           <textarea name="textarea" cols="45" rows="5" class="area"></textarea>

</label>
<label>

</label>
         </form>
    </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;
}