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

body { margin:0px; padding:0px; font:12px arial; color:#3c3c3c; background:#f2f2f2; }

#wrapper { float:left; width:100%; margin:0px; padding:0px; }

a { border:none; outline:none; }
a img { border:none; outline:none; }

/*** header ***/

#headerbg { float:left; background:url(../images/bg-topheader.png) left top no-repeat; width:100%; height:99px; }
#header { margin:0px auto; background: url(../images/bg-header.png) left top no-repeat; width:950px; height:99px; }

#logo {/*float:left;*/ margin:10px; position:absolute; width:120px; }

/***visit button**/

.additional_info2{
 width:484px; background:none; float:right; margin:10px 5px 10px 0px;
}
.advanced_button1{
height:32px;
width:57px;
float:right;
text-indent: -9999px;
}

.visitoursite{
background: transparent url(../images/visit-button.png) no-repeat top left; height:32px; width:153px;
}

.visitoursite:hover{
background: transparent url(../images/visit-button.png) no-repeat bottom left; height:32px; width:153px;
}
/** visit button**/
/*********** Menu************/
div#spritemenu {
    	height: 23px;
      width: 484px;
      font-size: 9px;
      background-image: url(../images/menu.png);
      overflow: hidden;
	    float:right; margin:55px 125px 0px 0px;
    }
    
    div#spritemenu ul li {
      display: inline;
      margin: 0px;
      padding: 0px;
    }
    
    div#spritemenu ul li a {
      display: block;
      position:relative;
      height: 23px; outline:none; border:none;
    }
    
    div#spritemenu ul li a:hover {
      background-image: url(../images/menu.png);
    }
    
    div#spritemenu ul {
      margin: 0px;
      padding: 0px;
      list-style-type:none;
      height: 23px;
    }
    
    div#spritemenu span {
      display: none;
    }
    
		div#spritemenu li.buttonA a {top: 0px; left: 0px; width: 52px; background-position: 0px 0px;}
		div#spritemenu li.buttonB a {top: -23px; left: 67px; width: 71px; background-position: -67px 0px;}
    	div#spritemenu li.buttonC a {top: -46px; left: 153px; width: 71px; background-position: -153px 0px;}
		div#spritemenu li.buttonD a {top: -69px; left: 239px; width: 55px; background-position: -239px 0px;}
		div#spritemenu li.buttonE a {top: -92px; left: 309px; width: 71px; background-position: -309px 0px;}
		div#spritemenu li.buttonF a {top: -115px; left: 395px; width: 81px; background-position: -395px 0px;}
    
		div#spritemenu li.buttonA a:hover {background-position: 0px -23px;}
		div#spritemenu li.buttonB a:hover {background-position: -67px -23px;}
		div#spritemenu li.buttonC a:hover {background-position: -153px -23px;}
		div#spritemenu li.buttonD a:hover {background-position: -239px -23px;}
		div#spritemenu li.buttonE a:hover {background-position: -309px -23px;}
		div#spritemenu li.buttonF a:hover {background-position: -395px -23px;}
		
		.home a#home {background:url(../images/menu-home.png);}
		.menu-services div#spritemenu li.buttonB a#menu-services {background:url(../images/menu-services.png); margin:0; }
		
		.menu-portfolio div#spritemenu  a#menu-portfolio {background:url(../images/menu-portfolio.png) left top;}
		
/********** menu end **********/
/**banner**/
.banner_outer { margin:0px auto 3px auto; width:970px; display:table; clear:both;}
.bannerhldr { margin:0px auto 3px auto; width:960px;}
.bannerhldr1 { margin:0px auto; width:960px; display:table; clear:both;}
#bannerhldr-bg { float:left; background:transparent url(../images/banner-homepage.png) left top no-repeat; width:970px; height:377px; margin:5px 0px 0px 0px; }
#bannerhldr-detail-bg { float:left; background:transparent url(../images/iphone_detail_banner_bg.png) left top no-repeat; width:970px; height:228px; margin:5px 0px 0px 0px; }
#bannerhldr-hompage-bg { float:left; background:url(../images/banner-homepage.png) left top no-repeat; width:100%; height:377px; margin:0; }

.banner-img-hldr1{float:right; width:auto; text-align:right; margin:-10px 32px 0px 0px; height:285px; display:inline;}
.bannertext{float:left; margin:-15px 10px 0px 45px; width:900px; line-height:15px; display:inline;}
.bannertext1{float:left; margin:-10px 10px 0px 45px; width:900px; line-height:15px; display:inline;}
#services { margin:20px 0px 20px 0px; }
#services ul{ list-style:none; padding:0px; margin:0px; }
#services ul li{ background:url(../images/bullet.png) 5px 6px no-repeat; padding:6px 0px 0px 23px; height:20px; color:#5c5c5c; font:normal 12px tahoma;}
#services ul li:hover{ background:url(../images/services-li-hover.png) left 4px no-repeat; width:295px; padding:6px 0px 0px 23px; height:20px; color:#5c5c5c; font:normal 12px tahoma;}
#services ul li span { padding:0px 0px 0px 0px;  }
#services ul li span a { cursor:pointer; display:block; }

#services ul li a { color:#5c5c5c; font:normal 12px tahoma; text-decoration:none; }

.services-sublink a#services-sublink {  background:url(../images/services-li-hover.png) left top no-repeat; width:295px; padding:2px 0px 0px 23px; margin:-2px 0 0 -23px; height:20px;}
#services ul li span { padding:0px 0px 0px 0px;  }
/**get started **/
.divhldr{margin:0 auto; width:940px; display:table; padding:0; clear:both;}
.getintouchhldr{float:left; margin:0 0 0 -5px; width:950px; height:75px; display:table; padding:0;}
.getintouchlefthldr{float:left; background:url(../images/getstarted-left.png) left top no-repeat; width:18px; height:75px;}
.getintouchmiddlehldr{float:left; background:url(../images/getstarted-middle.png) left top repeat-x; width:912px; height:75px;}
.getintouchrighthldr{float:left; background:url(../images/getstarted-right.png) left top no-repeat; width:20px; height:75px;}

.getintouch-text{float:left; margin:24px 0px 0px 0px; font:normal 23px Verdana, Geneva, sans-serif;}

.additional_info{ float:right; margin:17px 0px 0px 0px; }
.advanced_button{ height:57px; width:252px; display: block; text-indent: -9999px; }

.get_in_touch{ background: transparent url(../images/button-get-started.png) no-repeat top left; height:46px; width:185px; }
.get_in_touch:hover{ background: transparent url(../images/button-get-started.png) no-repeat bottom left; height:46px; width:185px; }

/***boxes***/
.boxhldr{margin:8px 0 0 -5px; width:950px; =width:960px; display:block;}
.bottom-box-top {  float:left; background:url(../images/bottom-box-top.png) left top no-repeat; width:950px; height:9px; }
.bottom-box-middle {  float:left; background: url(../images/bottom-box-middle.png) left top repeat-y; width:950px; height:210px; }
.bottom-box-bottom {  float:left; background:url(../images/bottom-box-bottom.png) left top no-repeat; width:950px; height:43px; }

.bottom-box-bg { float:left; display:inline; margin:5px 5px 0px 0px; background:url(../images/bottom-box-bg.png) left top no-repeat; width:304px; height:204px; }
.bottom-box-bg1 { float:left; display:inline; margin:5px 5px 0px 13px; background:url(../images/bottom-box-bg.png) left top no-repeat; width:304px; height:204px; }
.bottom-box-bgtwitter { float:left; display:inline; margin:5px 5px 0px 0px; background:url(../images/bottom-box-bgtwitter.png) left top no-repeat; width:304px; height:204px; }

.box-title { float:left; margin:8px 0px 0px 30px; color:#005b8f; font:bold 16px "Century Gothic"; display:inline; }

.box-imghldr{float:left; margin:23px 20px 0px 20px; display:inline; }
.box-imghldr a img { border:none; outline:none; display:inline;}

.box-brochure { float:left; margin:30px 0px 0px 20px; display:inline;}

.brochure-text-title{ float:left; font:bold 14px "Century Gothic"; margin:0px 0px 10px 0px;}
.twitter-text{ float:left; width:264px; margin:30px 20px; display:inline;}

.quotation{ font:bold 16px arial; color:#0098e0; padding:0px 2px; }

.viewmore { float:right; margin:3px 0px 0px 0px; font:bold 12px "Century Gothic"; color:#7e7e7e; text-decoration:underline; letter-spacing:0.05em; }
.viewmore:hover { font:bold 12px "Century Gothic"; color:#f00; text-decoration:none; }

.black_overlay{
	display: none;
	position: fixed;
	top: 0%; left: 0%;
	width: 100%; height: 100%; /*height:expression(parseInt(document.documentElement.offsetHeight*0.5)+'px');*/
	background-color: #000;
	overflow:auto;
	z-index:1001;	
}
.white_content {
	display: none;
	position: absolute; 
	margin:0px auto; left:3%;
	top: 5%; width: 90%; height: 730px; 
	padding:10px 20px 20px 20px;
	background-color: #d2e9f5;
	z-index:1002; overflow: auto;
}
#divClose, .divClose {width:100%; text-align:right;}

.techviewmore{float:right; margin-top:12px; color:#7e7e7e;}
.techviewmore:hover{float:right; margin-top:12px;}
/***footer***/
.divfooterhldr { margin:0px auto; width:950px; display:block; }
.divfooterhldr_index { margin:-10px auto; width:950px; display:table;}
.footerhldr{float:left; width:950px;}

.footerleft{float:left; margin:0px 0px 10px 10px;}
.footerright{float:right; margin:0px 15px 10px 0px; width:480px;}

.footer-bluetext{float:right; color:#2485da;}
.footer-img{float:right; margin:0px 5px;}
.footer-text{float:right; color:#949494; margin:3px 0px 0px 0px;}

.footerlink{ font:bold 12px arial; color:#373737; margin:0px 2px; text-decoration:none; }
.footerlink:hover{ font:bold 12px arial; color:#007cc3; margin:0px 2px; text-decoration:underline; }

.bluelink{ font:normal 12px arial; color:#007cc3; margin:0px 2px; text-decoration:none; line-height:20px; }
.bluelink:hover{ font:normal 12px arial; color:#007cc3; margin:0px 2px; text-decoration:underline; line-height:20px; }

img { border: none; outline:none; }

.iphonebannercontent {float:left; margin:30px 0px 0px 10px; width:190px;}
.banner-img-hldr{float:left; margin:10px 10px 0px 0px; width:718px; height:190px; display:inline;}

/* twitter */
.advance_iphone{ height:190px; width:92px; text-indent: -9999px; }


/* radio */
.radio{}
.iphone-radio1{float:right; border:none; outline:none; background:url(../images/iphone-02.jpg) left top no-repeat; width:92px; height:190px;}

/* aptitutde */
.aptitutde1{float:right; border:none; outline:none; background:url(../images/iphone-03.jpg) left top no-repeat; width:95px; height:190px;}

/* server */
.server1{float:right; border:none; outline:none; background:url(../images/iphone-04.jpg) left top no-repeat; width:95px; height:190px;}

/* tictactoe */
.tictactoe1{float:right; border:none; outline:none; background:url(../images/iphone-05.jpg) left top no-repeat; width:95px; height:190px;}

/* restaurant */
.restaurant1{ float:right; border:none; outline:none; background:url(../images/iphone-06.jpg) left top no-repeat; width:95px; height:190px;}

.banner-img-hldr img { margin:0px 4px;}

.iphonecontenthldr{float:left; margin:17px 0px 10px 0px; line-height:18px;}
.diviphonehl{float:left; width:680px;}
.diviphone-img{float:left; width:420px; margin-right:10px; display:inline;}
.diviphone-text{float:left; width:240px; line-height:20px; margin:10px 5px 0px 0px;}
.diviphone-texthldr4{float:left; width:190px; line-height:20px; margin:10px 5px 0px 0px;}
.diviphone-imghldr4{float:left; width:470px; margin-right:10px; display:inline;}

.techviewmore{float:right; margin-top:12px;}
.techviewmore:hover{float:right; margin-top:12px; }

.lblheading { font:bold 16px arial; margin-bottom:10px; }

.viewdemo{
background: transparent url(../images/button-viewdemo.png) no-repeat top left; height:35px; width:138px;
}

.viewdemo:hover{
background: transparent url(../images/button-viewdemo-hover.png) no-repeat top left; height:35px; width:138px;
}

.advance_button_viewdemo{height:35px;
width:138px;
float:left;
text-indent: -9999px; margin-top:22px;}

.advance_download_button{height:33px;
width:105px;
float:left;
text-indent: -9999px; margin-top:25px;}

.apple_store{height:33px; padding-left:38px;
width:145px;
float:left; margin-top:40px;}

.download_button{
background: transparent url(../images/download-button.png) no-repeat top left; height:35px; width:209px;
}

.download_button:hover{
background: transparent url(../images/download-button.png) no-repeat bottom left; height:35px; width:209px;
}

.iphonebannertext { margin:10px 0px 0px 0px; font:bold 16px "Trebuchet MS"; color:#548dd4; line-height:20px; }

.button_getstarted{
background: transparent url(../images/button_getstarted.png) no-repeat top left; height:33px; width:149px; float:left; margin-top:40px;
}

/*.button_getstarted:hover{
background: transparent url(../images/button_getstarted-hover.png) no-repeat top left; height:33px; width:149px;
}*/

.div-spacer{height:5px; margin:0px auto; display:block; width:940px;}

.sitemaphldr{float:left; margin:0px 0 5px 20px; width:100%;}
.sitemap{ padding:0px; margin:10px 20px; list-style:none; width:100%;}
.sitemap li{ padding:3px;}
.sitemap li a {background: url(../images/arrow-right.png) left 5px no-repeat;  padding-left:10px; color:#5c5c5c; text-decoration:none; font-weight:bold;}
.sitemap li a:hover {background: url(../images/arrow-right.png) left 5px no-repeat;  padding-left:10px; color:#007cc3; text-decoration:underline;}

.sitemaplist{float:left; width:80%;}
.sitemaplist1{float:left;}

.sitemap li ul{ margin:0px 0 5px 10px; padding:0; list-style:none;}
.sitemap li li a, .sitemaplist2 { background: url(../images/arrow.png) left 5px no-repeat;  padding-left:10px; color:#5c5c5c; text-decoration:none; font-weight:normal;}
.sitemap li li a:hover {background: url(../images/arrow.png) left 5px no-repeat;  padding-left:10px; color:#007cc3; text-decoration:underline;}



#digg { float:left; display: block; width: 24px; height:24px; padding:0 1px; background: url(../images/icon-digg.png) no-repeat 0 0; }
#digg:hover {  background-position: 0 -24px; }
#digg span { display: none; }

#reddit { float:left; display: block; width: 24px; height:24px; padding:0 1px; background: url(../images/icon-reditt.png) no-repeat 0 0; }
#reddit:hover {  background-position: 0 -24px; }
#reddit span { display: none; }

#stumbleupon { float:left; display: block; width: 24px; height:24px; padding:0 1px; background: url(../images/icon-stumbleupon.png) no-repeat 0 0; }
#stumbleupon:hover {  background-position: 0 -24px; }
#stumbleupon span { display: none; }

#delicious { float:left; display: block; width: 24px; height:24px; padding:0 1px; background: url(../images/icon-delicious.png) no-repeat 0 0; }
#delicious:hover {  background-position: 0 -24px; }
#delicious span { display: none; }

#google { float:left; display: block; width: 24px; height:24px; padding:0 1px; background: url(../images/icon-google.png) no-repeat 0 0; }
#google:hover {  background-position: 0 -24px; }
#google span { display: none; }

#myspace { float:left; display: block; width: 24px; height:24px; padding:0 1px; background: url(../images/icon-myspace.png) no-repeat 0 0; }
#myspace:hover {  background-position: 0 -24px; }
#myspace span { display: none; }

#facebook { float:left; display: block; width: 24px; height:24px; padding:0 1px; background: url(../images/icon-facebook.png) no-repeat 0 0; }
#facebook:hover {  background-position: 0 -24px; }
#facebook span { display: none; }

#yahoobuzz { float:left; display: block; width: 24px; height:24px; padding:0 1px; background: url(../images/icon-yahoobuzz.png) no-repeat 0 0; }
#yahoobuzz:hover {  background-position: 0 -24px; }
#yahoobuzz span { display: none; }

#twitter { float:left; display: block; width: 24px; height:24px; padding:0 1px; background: url(../images/icon-twitter.png) no-repeat 0 0; }
#twitter:hover {  background-position: 0 -24px; }
#twitter span { display: none; }

/*****Content*****/
.contenthldr { float:left; width:950px; margin:5px 10px 10px 5px;}
.contentbg-left { float:left; background:url(../images/content-bg-left.png) left top no-repeat; width:19px; height:306px;}
.contentbg-right { float:left; background:url(../images/content-bg-right.png) left top no-repeat; width:17px; height:306px;}
.contentbg-middle1 { float:left; background:url(../images/content-bg-middle.png) left top repeat-x; width:673px; height:306px;}
.contentbg-middle2 { float:left; background:url(../images/content-bg-middle.png) left top repeat-x; width:210px; height:306px;}
.contentbg-seperator { float:left; background:url(../images/content-bg-seperator.png) left top no-repeat; width:30px; height:306px;}

.contentlbl { font:normal 18px Tahoma, Geneva, sans-serif; color:#404040; margin:10px 0px 0px 0px;}

.contentlist ul{ list-style:none; margin:20px 0px 0px 5px; padding:0px; }
.contentlist ul li { padding:5px 0px 3px 10px; text-align:left; background:url(../images/content-bullet.png) left 12px no-repeat;}

.breadcrumb_link { font:normal 12px arial; color:#3c3c3c; text-decoration:none; }
.breadcrumb_link:hover { font:normal 12px arial; color:#3c3c3c; text-decoration:underline; }
.breadcrumb_arrow { font:normal 14px "Agency FB"; color:#3c3c3c; padding:0px 2px; }
.breadcrumb_text { font:normal 12px arial; color:#0081cb; }
.arrow{font:bold 14px "Agency FB";}

/***lightbox*/
a{outline:none; border:none;}
a img {border:none; outline:none;}
.black_overlay_light{
	display: none; position: fixed; top: 0%; left: 0%;
	width: 100%; height: 100%;
	background-color: #000;	overflow:auto; z-index:999;
	opacity:0.6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.white_content_light {
	display: none; position: absolute; 
	margin:0px auto; right:5%; top:50px; width: 609px; height:auto;
	padding:0; z-index:1002; overflow:hidden; background:#f2f2f2;
}
#divClose1, .divClose1 {float:left; background: url(../images/lightbox/lightbox_top.png) left top no-repeat; width:609px; height:28px;}

#divClose1 input{margin:5px 5px;}
input.showhide1{outline:none; border:none;}
.showhide1{
	background:transparent url(../images/lightbox/lightbox-button.png) left top no-repeat; float:right;
	height:17px; width:84px; color:#919191; font:11px arial; cursor:pointer; padding:0; margin:0; line-height:15px;
}
.buttonClose1{ float:right; padding:6px 5px;}
.lightbox-content{float:left; background:url(../images/lightbox/bg-lightboxcontent.png) left top no-repeat; width:609px; height:224px; position:relative; margin:0; padding:28px 0 0 0; display:inline;}
.lightbox-bottom{float:left; background:url(../images/lightbox/lightbox_bottom.png) left top no-repeat; width:609px; height:130px; padding:18px 0 0 0;}

.micrositelist { margin:0; padding:0 0 0 30px; display:inline; list-style:none; position:relative;}
.micrositelist li{float:left; width:100px; display:inline-block; opacity:0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.micrositelist li:hover{opacity:1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.micrositelist li a{color:#333; font:bold 12px arial; text-decoration:none;}
.micrositelist li a:hover{color:#035a97; font:bold 12px arial; text-decoration:none;}

/****content***/
.diviphonehldr{float:left; width:609px; margin:-28px 0 0 0; padding:0; color:#333;}
.diviphone-imghldr{float:left; width:auto; margin:10px; display:inline;}
.diviphone-texthldr{float:left; width:300px; line-height:20px; margin:10px 0px; text-align:left; display:inline;}
.lblheading { font:bold 16px arial; margin-bottom:10px; }
/****light box **/

#bannerhldr-contactus-bg { float:left; background:transparent url(../images/white-contact-bg.png) left top no-repeat; width:970px; margin:5px 0px 0px 0px; }

/* Form */
.bg_mid{ background:url(../images/bg_mid.png) left top repeat-y;width:933px; padding:10px 10px 20px 20px;}
.bg_top{ background:url(../images/bg_top.png) left top no-repeat; width:963px; height:10px;}
.bg_bot{ background:url(../images/bg_bot.png) left bottom no-repeat; width:963px; height:50px; }
.bg_mid a{color:#333;}
.bg_mid p{ margin:0;}

.button {
width: 93px;
height: 31px;
display: block;
background: url(../images/btn_send.gif) no-repeat left top;
color: #fff;
text-shadow: none; font-size:16px; padding:0; font-weight:bold; cursor:pointer;
border-style: none;
text-align: center;
}


.button:hover {
background: url(../images/btn_send.gif) no-repeat left bottom;
text-decoration: none;
color: #fff;
}
.clear{ clear:both;}
.midpart-highlight {
color:#0081CB;
font-size:12px;
font-weight:700;
}
/* Form Input Styling */
li input {
border-style: none;
color: #444444;
display: block;
height: 20px;
width: 231px; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:none;
}
.input_text {

background: url(../images/form-element.jpg) left top no-repeat;
}
.form_col{ float:left; width:290px; margin:0; padding:0;}
.form_col li{ margin-bottom: 10px; list-style:none;}

.browse {
height: 30px;
width: 256px;
padding:7px 10px 4px 28px;
background: url(../images/elements.gif) no-repeat 0 -233px;
}
.name {
background: url(../images/name-elements.gif) no-repeat 0 0;
width: 231px;
padding:7px 10px 4px 28px;
}

.email {
background: url(../images/email-elements.gif) no-repeat 0 0;
width: 231px;
padding:7px 10px 4px 28px;
}

.company {
background: url(../images/company-elements.gif) no-repeat 0 0;  
width: 231px;
padding:7px 10px 4px 28px;
}

.phone {
background: url(../images/phone-elements.gif) no-repeat 0 0;  
width: 231px;
padding:7px 10px 4px 28px;
}

.message {
background: url(../images/elements.gif) no-repeat 0 -160px;
border-style: none;
color: #444444;
/*display: block;*/
padding:7px 10px 5px 28px; font-size:12px; font-family:Arial, Helvetica, sans-serif;
width: 231px;
height: 60px;

}



.message textarea {
background: none;

border-style: none;
color: #444444;
font-size:12px; font-family:Arial, Helvetica, sans-serif;
width: 231px;
height: 60px;
margin:0px;

}
.select_li{ width: 231px; height:20px; padding:7px 10px 4px 28px;
background: url(../images/elements.gif) no-repeat 0 -127px;}

.select_text{height: 20px; border:none; outline:none;
width: 229px;
background:#eeeeee; }

.btn_send{ float:right; padding:0px 31px 10px 0px;}

/* @end */

.advanced_button1{
position:absolute;
text-indent: -9999px;  margin:-31px 0 0 200px;
}

.visitoursite{
background: transparent url(../images/browse.gif) no-repeat top left; height:20px; width:70px; padding:7px 0px 4px 0px;
}

.visitoursite:hover{
background: transparent url(../images/browse.gif) no-repeat bottom left; height:20px; width:70px; padding:7px 0px 4px 0px;
}


div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: left;
	/*-moz-opacity:0 ;
	filter:alpha(opacity: 0);*/
	opacity: 1;
	z-index: 1;
	background: url(../images/elements.gif) no-repeat 0 -233px;

}
.download_pdf{
background: transparent url(../images/download_pdf.png) no-repeat top left; height:35px; width:148px;
}

.download_pdf:hover{
background: transparent url(../images/download_pdf_h.png) no-repeat top left; height:35px; width:148px;
}
.case_study{
background: transparent url(../images/case-study.png) no-repeat top left; height:28px; width:104px;
}

.case_study:hover{
background: transparent url(../images/case-study_h.png) no-repeat top left; height:28px; width:104px;
}