#index #banner{
  background-image: url(../img/banner_bg.jpg);
  width: 940px;
  height: 348px;
  position: relative;
  overflow: hidden;
}

#index #banner_text{
  float: left;
  padding-top: 65px;
  padding-left: 40px;
  margin-right: 30px;
  color: white;
  width: 460px;
  text-align: center;
}

#index #banner_text h1{
  font-weight: bold;
  text-align: left;
}

#index #banner_text a {
  color: #B2D237;
}

#index #banner_text a:hover {
  text-decoration: underline;
}

#index #banner_text p{
  font-size: 14px;
  padding-top: 25px;
  line-height: 24px;
}

#index #banner li img{
  display: none;
  position: absolute;
  top: 25px;
  right: 100px;
  border: 0 none;
}

#index #banner a{
  text-decoration: none;
}

#index #banner ul#portfolio {
    width: 400px;
}

#index #banner .active{
  display: block;
}

html> #index #next_arrow{
  margin-top: 148px;
}

#index #next_arrow{
  float: right;
  margin-right: 50px;
  margin-top: 70px;
  border: none;
}

html> #index #content #left{
  /*padding-right: 30px;*/
}

#index #content #left{
  float: left;
  width: 570px;
}

#index #content #left div.col {
    width: 270px;
}

#index #content #left div.col h2 {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

#index #content #left div.col p {
    font-size: 12px;
}

#index #content #left div.left {
    float: left;
}

#index #content #left div.right {
    float: right;
}

#index #content #left p{
  font-size: 14px;
  margin-bottom: 25px;
  line-height: 20px;
}

#index #content #left li{
  margin-bottom: 15px;
  line-height: 25px;
}

#index #content #left ul{
  margin-top: 5px;
}

#index #content #right{
  float: right;
  padding: 0 0 20px 20px;
  width: 250px;
}

#index #tag_cloud{
  background-image: url(../img/tagcloud_bg.gif);
  width: 222px;
  height: 173px;
  margin: 0 0 30px 0;
  padding: 15px 15px 0 15px;
  color: #999999;
  line-height: 24px;
  overflow: hidden;
  text-align: justify;
}

#index #tag_cloud span{
  text-decoration: none;
  color: #999999;
  margin-right: 10px;
}

#index .highest{
  font-size: 20px;
}

#index .high{
  font-size: 16px;
}

#index .medium{
  font-size: 14px;
}

#index .small{
  font-size: 12px;
}

#index .smallest{
  font-size: 10px;
}

#portfolio .left{
  width: 340px;
  float: left;
}

#portfolio #content p{
  margin-bottom: 36px;
  line-height: 24px;
}

#portfolio #content h2{
  font-size: 20px;
  margin-bottom: 20px;
}

#portfolio .project_name{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

#portfolio .company_name{
  font-size: 10px;
  color: #666666;
  margin-bottom: 15px;
}

#portfolio .project_desc{
  text-align: justify;
  line-height: 24px;
  margin-bottom: 25px;
}

#portfolio .our_involvement{
  color: #666666;
  font-weight: bold;
  margin-bottom: 7px;
}

#portfolio html>body .right{
  float: right;
  margin-bottom: 20px;
}

#portfolio .right{
  float: right;
}

#pagination{
  margin-bottom: 20px;
  overflow: auto;
}

#pagination{
  clear: both;
  width: 840px;
}

#pagination a{
  text-decoration: none;
}

.pagination_active{
  float: left;
  width: 20px;
  height: 17px;
  background-color: #b2d237;
  color: white;
  font-size: 11px;
  margin-right: 5px;
  text-align: center;
  padding-top: 3px;
}

#pagination .pagination_active a{
  color: white;
}

.pagination_name{
    float: left; 
    margin-right: 10px;
    padding-top:2px;
}

.pagination_others{
  float: left;
  width: 20px;
  height: 17px;
  background-color: #e7e7e7;
  color: #666666;
  font-size: 11px;
  margin-right: 5px;
  text-align: center;
  padding-top: 3px;
}

#pagination .pagination_others a{
  color: #666666;
}

.pagination_next{
  float: left;
  width: 50px;
  height: 17px;
  background-color: #e7e7e7;
  color: #666666;
  font-size: 11px;
  text-align: center;
  padding-top: 3px;
}

#pagination .pagination_next a{
  color: #666666;
}

.pagination_prev{
  float: left;
  width: 50px;
  height: 17px;
  margin-right: 5px;
  background-color: #e7e7e7;
  color: #666666;
  font-size: 11px;
  text-align: center;
  padding-top: 3px;
}

#pagination .pagination_prev a{
  color: #666666;
}

#services #content p{
  margin-bottom: 16px;
  line-height: 24px;
}

#services #service_categories{
  background-image: url(../img/services_categories.png);
  background-repeat: no-repeat;
  width: 843px;
  height: 213px;
  margin: 30px 0 30px 0;
}

#services .categories a{
  float: left;
  color: #000;
  font-size:14px;
  font-weight:bold;
  width: 207px;
  text-align: center;
  text-decoration: none;
  padding-top: 20px;
  margin-bottom:105px;
}

#services .categories_last a{
  float: left;
  color: #000;
  font-size:14px;
  font-weight:bold;
  width: 220px;
  text-align: center;
  text-decoration: none;
  padding-top: 20px;
  margin-bottom:105px;
}

#services #clear{
  clear: both;
}

#services .category_desc{
  float: left;
  padding: 0 10px;
  text-align: center;
  line-height: 150%;
  width: 187px;
}

#services .category_desc_last{
  float: left;
  padding: 0 10px;
  line-height: 150%;
  text-align: center;
  width: 200px;
}

#services #content h3{
  font-weight: bold;
}

#services .category_detail{
  width: 843px;
}

#services .category_detail .left{
  float: left;
  width: 424px;
  margin: 10px 20px 0 -7px;
}

#services .category_detail .left p{
  padding: 10px 14px 0 7px;
}

#services .category_detail .right{
  float: left;
  clear: right;
  width: 405px;
  margin-top: 10px;
}

#services #content .category_detail .right p{
  margin-bottom: 15px;
}

#services .category_detail .right li{
  background-image: url(../img/small_bullet.png);
  padding-left: 20px;
  background-position: center left;
  line-height: 12px;
  font-weight: bold;
  color: #333;
}

#career #content #left{
  width: 570px;
  float: left;
  margin-right: 30px;
}

#career #content #right{
  float: right;
  width: 250px;
}

#career #content #left h2 {
    margin-bottom: 10px;
}

#career #content #left p{
  line-height: 24px;
  margin-bottom: 20px;
}

#career #content #left p.back-links {
    margin-bottom: 5px;
    text-align: right;
}

#career #content h3{
  color: #b2d237;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}

#career #content ul {
    margin-bottom: 20px;
}

#career #content div.divider {
    margin-bottom: 20px;
}

#career #content li{
  padding-left: 0;
  margin-left: 15px;
  line-height: 18px;
  list-style: square;
  margin-bottom: 10px;
}

#career .gap{
  margin-bottom: 10px;
}

#career #margin{
  margin-bottom: 30px;
}

#career #content #right a{
  text-decoration: none;
  color: black;
}

#career #content #right a:hover{
    text-decoration: underline;
}

#career #content h4 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

#career #content h5 {
    font-size: 12px;
    font-weight: bold;
    margin: 15px 0;    
}

#career .clear{
  clear: both;
  margin-bottom: 12px;
}

.tip{color:gray;font-size:80%;margin-bottom:5px;}

.block{display:block}

.boxed{
  background:#F2F2F2;
  border:1px solid #DBDBDB;
  padding: 15px 15px 5px 15px;
  color: #333;
  margin: 0 0 30px 0;
  width:100%;
}

.boxed p{margin-bottom:3px !important;}

.button{
background:#F6F6F6;
border:1px solid #CCCCCC;
color:#1C94C4;
font-size:11px;
font-weight:bold;
padding:0.4em 1em 0.4em 1em;
margin-right: 5px;
cursor:pointer;
-moz-border-radius:4px;
text-decoration:none;
}

#career #right p{
  line-height: 200%;
  margin-bottom: 20px;
}

#about #content #left{
  width: 560px;
  float: left;
  margin-right: 30px;
}

#about #content #right{
  float: right;
  width: 250px;
}

#about #content p{
  line-height: 24px;
  margin-bottom: 20px;
}

#about #content h3{
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}

#about .team{
  width: 560px;
  overflow: hidden;
  border-bottom: 1px dashed #dde7d4;
  margin-bottom: 15px;
}

#about .team_last{
  width: 560px;
  overflow: hidden;
  margin-bottom: 15px;
}

#about .team .left, .team_last .left{
  float: left;
  width: 142px;
  margin: 0 15px 0 0;
}

html> #about .team .right, .team_last .right{
  width: 403px;
}

#about .team .right, .team_last .right{
  float: left;
  width: 402px;
}

#about #content #left .team .right p{
  margin-bottom: 10px;
}

#about #content .testimonial_top p{
  margin-bottom: 0;
}

#contact #content #left{
  float: left;
  width: 379px;
  margin: 0 30px 20px 0;
}

#contact #content #left .border, #career #content #left .border{
  border: 1px solid #DFDFDF;
  width: 379px;
}

#contact #content #left p{
  margin-bottom: 20px;
}

#contact #content p{
  line-height: 24px;
}

#contact #content #right{
  float: right;
  width: 400px;
  overflow: hidden;
}

#contact #content #right #left{
  clear: both;
  float: left;
  width: 200px;
  margin: 0;
}

#contact #content #right #left p{
  width: 187px;
  margin: 20px 0 0 0;
}

#contact #content #right #right{
  float: right;
  width: 194px;
  margin-bottom: 10px;
}

#contact #content #right #right p{
  margin-top: 34px;
}

#contact #im{
  clear: both;
  background-image: url(../img/IM.gif);
  background-repeat: no-repeat;
  width: 340px;
  height: 64px;
  padding: 10px 0 0 30px;
  margin-bottom: 10px;
}

#contact #im #top_left{
  margin-right:45px;
}

#contact #im #bottom_left{
  float: left;
  margin: 15px 50px 0 0;
  display: block;
}

#contact #im #bottom_right{
  float: left;
  margin-top: 15px;
}

#contact .req, #career .req {
  color: #ff0000;
}

#contact #content label, #career #content label {
    display: block;
    font-weight: bold;
    color: #666;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 5px;
}

#contact #content input, #career #content input{
  display: block;
  margin: 0 0 15px 0;
  padding: 5px;
}

#career #content input.button{
    margin: 20px auto;
}

#contact #content input.error{
    /*border: 1px solid red !important;*/
}

#contact #content span.form-success, #career #content span.form-success {
    clear: both;
    display: block;
    color: white;
    margin-bottom: 10px;
    background-color: green;
    padding: 10px;
}

#contact #content span.form-error, #career #content span.form-error {
    clear: both;
    display: block;
    color: white;
    margin-bottom: 10px;
    background-color: red;
    padding: 10px;
}

#contact #content span.success, #career #content span.success {
    clear: both;
    display: block;
    color: green;
    margin-bottom: 10px;
}

#contact #content span.error, #career #content span.error {
    clear: both;
    display: block;
    color: red;
    margin-bottom: 5px;
}


#contact #content #left textarea, #career #content #left textarea {
  border: 1px solid #e2e6cf;
  width: 379px;
  height: 150px;
  margin: 5px 0 10px 0;
  padding: 5px;
  display: block;
}

#contact #zoom{
  float: left;
  font-size: 10px;
  padding: 5px 0 0 10px;
}

div.clear {
    clear: both;
}

.thumb_holder{border:1px solid #CCCCCC;float:left;margin:1px}

.flickr_thumb{border:2px solid white !important;}

table#career th {
    color: #000;
}

table#job-info, table#job-info td {
    border: 0;
    background-color: #efefef;
	line-height: 18px;
}

table#job-info {
    border: 2px solid #ccc;
}

table#job-info td.head {
    font-weight: bold;
    padding-left: 15px;
}

div#apply-bottom {
    clear: both;
    margin: 30px 0 20px;
    text-align: center;
}

div#apply-bottom span {
    display: inline;
}

#career h3#ques-intro {
    margin-top: 20px;
}

#career textarea.code {
    font-family: "Courier New";
    font-size: 12px;
    width: 550px !important;
}