* {margin:0; padding:0;}
body {background-color:#f8f8f8; font-family:Tahoma, Arial, sans-serif; color:#202020; font-size:14px;}
a {cursor:pointer; color:#4f6373; text-decoration:underline;}
a:hover {text-decoration:none;}
h3 {font-size:20px; font-family:Georgia, serif; color:#4f6373; font-style:italic; padding:20px 0 15px 0;}
h1 {color:#202020; font-family:Tahoma,Arial,sans-serif; font-size:14px; font-style:normal; font-weight: normal;}
input {height:19px; border:1px solid #9dcec0; font-size:14px; padding:3px 0 0 3px; background:url("../images/input_bg.gif") 0 0 repeat-x;}
textarea {height:118px; border:1px solid #9dcec0; font-size:14px; padding:3px 0 0 3px; background:url("../images/input_bg.gif") 0 0 repeat-x;}
.fll {float:left;}
.clear {height:0; clear:both;}
.main {width:736px; margin:0 auto;}
.header a {text-decoration:none;}
.logo {padding:22px 0 0 18px; font-size:22px; color:#4f6373; float:left;}
.zen {font-weight:bold; color:#14212b;}
.tray {font-weight:bold;}
.slogan {height:13px; width:168px; margin:5px 0 11px 0; border:0px;}

a.button {height:22px; float:left; background:url("../images/button.gif") 100% -22px no-repeat transparent; padding-right:3px; text-decoration:none; color:#202020;}
a.button span {height:22px; float:left; background:url("../images/button.gif") 0 0 no-repeat; padding:0 10px 0 13px;}                                  
a.button:hover {background:url("../images/button.gif") 100% -66px no-repeat transparent;}
a.button:hover span {background:url("../images/button.gif") 0 -44px no-repeat; padding:0 10px 0 13px;}
a.button:active {background:url("../images/button.gif") 100% -110px no-repeat transparent;}
a.button:active span {background:url("../images/button.gif") 0 -88px no-repeat; padding:0 10px 0 13px;}

.mb_6 {margin-bottom:6px;}

.menu {background:url("../images/menu.gif") 100% -47px no-repeat transparent; height:47px; padding-right:18px;}
.menu ul {background:url("../images/menu.gif") 0 0 no-repeat transparent; height:38px; padding:9px 0 0 47px;}
.menu ul li {list-style-type:none; display:block; float:left; padding-right:53px;}
.menu ul li a {font-family:Georgia, serif; color:#ebebeb; font-size:18px; text-decoration:none;}
.menu ul li a div {color:#7e7e7e; margin-top:-22px;}
.menu ul li a:hover div {color:#345169;}
.a_hover {color:#345169;}
.a_default {color:#7e7e7e;}
.menu ul li a.homepage {height:19px; width:61px; background:url("../images/homepage.gif") 0 0 no-repeat; margin-top:0; display:block;}
.menu ul li a.homepage:hover {background:url("../images/homepage.gif") 0 -19px no-repeat;}
.menu ul li.active a div {color:#345169;}
.menu ul li.active a.homepage {background:url("../images/homepage.gif") 0 -19px no-repeat; margin:0;}

.content {background:url("../images/content_bg.gif") 0 0 repeat-y #fafafa; padding:0 18px; background-color:#fafafa;}
.contain_text {padding:0 80px; overflow:hidden; width:540px;}

.line_1 {height:1px; background-color:#ebebeb; margin-top:35px;}
.line_2 {height:1px; background-color:white; }

.footer {padding:10px 0; text-align:center; font-size:11px;}

div.bot_line {background:url("../images/menu.gif") 100% -110px no-repeat transparent; height:16px; padding-right:25px;}
div.bot_line div {background:url("../images/menu.gif") 0 -94px no-repeat transparent; height:16px;}
.banner {margin-left:162px; height:166px; width:360px; margin-bottom:40px;}
.left_home {padding-left:90px; width:255px; float:left;}
.left_home a {color:#734e63; font-family:Georgia, serif; font-style:italic; font-size:20px;}
.left_home ul, .right_home ul {margin-top:3px;}
.left_home ul li, .right_home ul li {display:block; background:url("../images/list.gif") 0 6px no-repeat transparent; list-style-type:none; padding:3px 0 6px 22px;}
.right_home {padding-left:115px; width:220px; float:left;}
.right_home a {color:#63734e; font-family:Georgia, serif; font-style:italic; font-size:20px;}

ul.mark li {display:block; background:url("../images/list.gif") 0 6px no-repeat transparent; list-style-type:none; padding:3px 0 6px 22px;}

.center_home {margin-top:45px; padding-left:145px;}
.center_header {margin-bottom:9px; display:block; color:#4f6373; font-family:Georgia, serif; font-size:20px; font-style:italic; padding-left:130px; height:22px;}
.agile {padding:0 30px 0 0; height:15px; float:left; color:#202020; text-decoration:none;}
.agile h1, .grails h1, .rails h1, .django h1 {display:inline;}
.grails {padding-top:2px;}
.rails {padding-top:6px;}
.django {padding-top:11px;}

.baby_image {background:url("../images/content_images.gif") 0 0 no-repeat; height:108px; width:80px; float:left; margin-right:25px;}
.costume_image {background:url("../images/content_images.gif") 0 -116px no-repeat; height:108px; width:80px; float:left; margin-right:25px;}
.consult_image {background:url("../images/content_images.gif") 0 -236px no-repeat; height:60px; width:80px; float:left; margin-top:8px; margin-right:25px;}
.offshore_image {background:url("../images/content_images.gif") 0 -300px no-repeat; height:100px; width:80px; float:left; margin-top:8px; margin-right:25px;} 
.serv_text {line-height:20px; text-align:justify;}
.agile_image {background:url("../images/content_images.gif") 0 -390px no-repeat; height:75px; width:80px; float:left; margin-right:25px;}
.tools_image {background:url("../images/content_images.gif") 0 -460px no-repeat; height:90px; width:80px; float:left; margin-right:25px;}
.customer_image {background:url("../images/content_images.gif") 0 -570px no-repeat; height:105px; width:80px; float:left; margin-right:25px;}
.money_image {background:url("../images/content_images.gif") 0 -685px no-repeat; height:105px; width:80px; float:left; margin-right:25px;}

.form {margin-top:20px;}
.form_head {height:5px; background:url("../images/blue_borders.gif") 100% -5px transparent; padding-right:5px;}
.form_head div {height:5px; background:url("../images/blue_borders.gif") 0 0 no-repeat;}
.form_bot {height:5px; background:url("../images/blue_borders.gif") 100% -15px transparent; padding-right:5px;}
.form_bot div {height:5px; background:url("../images/blue_borders.gif") 0 -10px no-repeat;}
.form_content {border-left:1px solid #a9c1d1; border-right:1px solid #a9c1d1; padding:7px 0 7px 18px; overflow:hidden; width:520px;}
.form_content h3 {padding:8px 0 20px 0;}
div.lable_name {width:148px; height:21px; text-align:right; float:left; margin-right:9px; padding-top:3px;}
div.lable_name span {color:red;}
.form_content input, textarea {float:left; width:265px;}
input.error, textarea.error {background:url("../images/input_bg_error.gif") 0 0 repeat-x transparent; border:1px solid #E2A6A6;} 
.grails_image {background:url("../images/enjoy_images.gif") 0 0 no-repeat; height:108px; width:80px; float:left; margin-right:25px;}
.ruby_image {background:url("../images/enjoy_images.gif") 0 -115px no-repeat; height:100px; width:80px; float:left; margin-right:25px;} 
.django_image {background:url("../images/enjoy_images.gif") 0 -210px no-repeat; height:50px; width:80px; float:left; margin-right:25px;}
.mail_image {background:url("../images/enjoy_images.gif") 0 -270px no-repeat; height:70px; width:80px; float:left; margin-right:25px;}

.card_top_1 {height:5px; background:url("../images/card_balloon.gif") 100% -5px no-repeat transparent; padding-right:5px;}
.card_top_2 {height:5px; background:url("../images/card_balloon.gif") 0 0 no-repeat transparent;}
.card_content {background-color:#e6ebef; padding:2px 7px 2px 120px;}
.card_content.contact {padding:2px 7px;}
.card_bot_1 {height:5px; background:url("../images/card_balloon.gif") 100% -15px no-repeat transparent; padding-right:5px;}
.card_bot_2 {height:5px; background:url("../images/card_balloon.gif") 0 -10px no-repeat transparent;}
.card_icons {background:url("../images/card_icons.gif") 0 0 no-repeat; padding:7px 7px 7px 7px; height:80px;}
.card_icons div {margin-bottom:2px;}
.card_icons a {margin-bottom:4px; display:block;}
.balloon_bot_1 {height:25px; background:url("../images/card_balloon.gif") 100% -45px no-repeat transparent; padding-right:5px;}
.balloon_bot_2 {height:25px; background:url("../images/card_balloon.gif") 0 -20px no-repeat transparent; padding-right:5px;}
.balloon_top_1 {height:5px; background:url("../images/card_balloon.gif") 100% -75px no-repeat transparent; padding-right:5px;}
.balloon_top_2 {height:5px; background:url("../images/card_balloon.gif") 0 -70px no-repeat transparent;}
.balloon_content {background-color:#faf0f0; padding:2px 7px; border-left:1px solid #e2a6a6; border-right:1px solid #e2a6a6; font-size:12px; color:#995a5a;}


.note {background-color:#fefcce; font-size:10px; font-style: italic;}
.home_title_left {font-size: 18px;}
.home_title_right {font-size: 18px;}

.note_top {height:12px; background:url("../images/card_balloon.gif") 0 -80px no-repeat transparent;}
.note_top div {height:12px; background:url("../images/card_balloon.gif") 100% -91px no-repeat transparent;}
.note_content {background-color:#e6ebef; padding:0 7px; font-size:12px; color:#202020; font-style:italic; line-height:normal;}
.note_bot {height:5px; background:url("../images/card_balloon.gif") 0 -102px no-repeat transparent;}
.note_bot div {height:5px; background:url("../images/card_balloon.gif") 100% -107px no-repeat transparent;}

.success_balloon .balloon_top_1 {height:5px; background:url("../images/card_balloon.gif") 100% -167px no-repeat transparent; padding-right:5px;}
.success_balloon .balloon_top_1 .balloon_top_2 {height:5px; background:url("../images/card_balloon.gif") 0 -162px no-repeat transparent; padding-right:5px;}
.success_balloon .balloon_content {background-color:#e9f5f1; padding:2px 7px; border-left:1px solid #9dcec0; border-right:1px solid #9dcec0; font-size:12px; color:#4f8576;}
.success_balloon .balloon_bot_1 {height:25px; background:url("../images/card_balloon.gif") 100% -137px no-repeat transparent; padding-right:5px;}
.success_balloon .balloon_bot_2 {height:25px; background:url("../images/card_balloon.gif") 0 -112px no-repeat transparent; padding-right:5px;}

.team {margin:20px 0 0 100px;}

.contain_text.serv {width:567px; padding:0 67px;}
.what_how_menu {margin-top:20px; border-bottom:1px solid #a9c1d1; width:567px;}
.what_how_menu li {list-style-type:none; display:block; float:left; position:relative; top:1px;}
.what_how_menu li a {background:url(../images/what_how.gif) 0 0 no-repeat transparent; display:block; height:34px; width:275px; text-decoration:none;}
.what_how_menu li a h3 {padding:5px 15px; display:block; background:url(../images/what_how.gif) 100% -34px no-repeat transparent;}
.what_how_menu li.first_m {margin-right:17px;}
.what_how_menu li.li_active a {background:url(../images/what_how.gif) 0 -68px no-repeat transparent;}
.what_how_menu li.li_active a h3 { background:url(../images/what_how.gif) 100% -102px no-repeat transparent;}

.what_how_content {width:565px; border-left:1px solid #a9c1d1; border-right:1px solid #a9c1d1; padding:15px 0 0 0;}
.what_how_content .inner_text {padding:0 15px; text-align:justify;}
.what_images_bg {width:541px; background:url(../images/what_images_bg.gif) 0 0 no-repeat; margin:20px 0 0 12px;}

.what_item {width:180px; height:145px; float:left; text-align:center; position:relative;}
.what_item span {text-align:center; font-size:12px; color:#202020; font-family:Tahoma, Arial, sans-serif; font-weight:bold; display:block; padding-top:10px;}
.what_item span.pl_20 {padding-left:20px;}
.what_item span.pr_10 {padding-right:10px;}
.mt_5 {margin-top:5px;}
.ml_20 {margin-left:20px;}

.how_images_bg {width:541px; background:url(../images/how_images_bg.gif) 0 0 no-repeat; margin:20px 0 0 12px;}
.how_item {width:164px; height:122px; float:left; text-align:center;}
.how_item span {text-align:center; font-size:12px; color:#202020; font-family:Tahoma, Arial, sans-serif; font-weight:bold; display:block; padding-top:10px;}


.what_how_bot {height:10px; background:url(../images/what_how_cont_bot.gif) 0 0 no-repeat transparent; width:567px; margin-left:0;}

.balloon {width:160px; height:98px; padding:12px 12px 25px 12px; overflow:hidden; position:absolute; top:-117px; left:60px; background:url("../images/balloon.gif") 0 0 no-repeat transparent; font-size:12px; text-align:justify;}



h3.less_bot_pad {padding-bottom:3px; margin-left:7px;}
.h_224 {height:224px; width:325px;}
.h_224 img {}
.proj_pic {background:url(../images/pic_frame.png) 0 0 no-repeat transparent; height:224px; width:313px; margin-top:-228px; z-index:5; position:absolute; //position:relative;}

.proj_text {font-size:12px; line-height:normal; width:215px; text-align:justify;}
.mb_30 {margin-bottom:20px;}
a.left_pic, a.right_pic {width:30px; height:30px; display:block; position:relative; cursor:pointer;}
a.left_pic {top:97px; left:3px;}
a.right_pic {top:67px; left:280px;}
.project_description li {margin-left:20px;}

.h_224 img {border:0;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }