@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; }

input, textarea, select
{
	background: #FFF url('images/inputBack.jpg') no-repeat right top;
	border: 1px solid #CCC;
	padding: 2px;
	color: #000
}

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

/*** header ***/

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

#logo { display:inline; float:left; margin:1px; }

/***visit button**/

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

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

.visitoursite:hover{
background: 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-left:0px; margin-right:100px; margin-top:5px; margin-bottom: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: 115px; background-position: -153px 0px;}
		div#spritemenu li.buttonD a {top: -69px; left: 265px; width: 110px; background-position: -265px 0px;}
		div#spritemenu li.buttonE a {top: -92px; left: 371px; width: 105px; background-position: -371px 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: -265px -23px;}
		div#spritemenu li.buttonE a:hover {background-position: -371px -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**/
.bannerhldr { margin:0px auto; width:970px;}
.bannerhldr1 { margin:0px auto; width:960px; display:table; clear:both;}
#bannerhldr-bg { float:left; background:url('../images/banner-homepage.png') no-repeat left top; width:970px; height:300px; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:0px }
#bannerhldr-detail-bg { float:left; background:url('../images/iphone_detail_banner_bg.png') no-repeat left top; width:970px; height:228px; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:0px }
#bannerhldr-hompage-bg { float:left; background:url('../images/banner-homepage.png') no-repeat left top; width:100%; height:300px; margin-left: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') no-repeat 5px 6px; height:20px; color:#5c5c5c; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:tahoma; padding-left:23px; padding-right:0px; padding-top:6px; padding-bottom:0px}
#services ul li:hover{ background:url('../images/services-li-hover.png') no-repeat left 4px; width:295px; height:20px; color:#5c5c5c; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:tahoma; padding-left:23px; padding-right:0px; padding-top:6px; padding-bottom:0px}
#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') no-repeat left top; width:295px; height:20px; margin-left:-23px; margin-right:0; margin-top:-2px; margin-bottom:0; padding-left:23px; padding-right:0px; padding-top:2px; padding-bottom:0px}
#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') no-repeat left top; width:18px; height:75px}
.getintouchmiddlehldr{float:left; background:url('../images/getstarted-middle.png') repeat-x left top; width:912px; height:75px}
.getintouchrighthldr{float:left; background:url('../images/getstarted-right.png') no-repeat left top; width:20px; height:75px}

.getintouch-text{float:left; margin:20px 0px 0px 5px; font:normal 24px 'Century Gothic';}

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

.get_in_touch{ background: url('../images/button-get-started.png') no-repeat top left; height:46px; width:185px }
.get_in_touch:hover{ background: 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') no-repeat left top; width:950px; height:9px }
.bottom-box-middle {  float:left; background: url('../images/bottom-box-middle.png') repeat-y left top; width:950px; height:210px }
.bottom-box-bottom {  float:left; background:url('../images/bottom-box-bottom.png') no-repeat left top; width:950px; height:43px }

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

.box-product { float:left; display:inline; background:url('../images/box-product.gif') no-repeat left top; width:650px; height:184px; margin-left:0px; margin-right:5px; margin-top:5px; margin-bottom:0px }
.box-product1 { float:left; display:inline; background:url('../images/box-product.gif') no-repeat left top; width:650px; height:184px; margin-left:13px; margin-right:5px; margin-top:5px; margin-bottom:0px }
.box-producttwitter { float:left; display:inline; background:url('../images/bottom-box-bgtwitter.png') no-repeat left top; width:304px; height:184px; margin-left:0px; margin-right:5px; margin-top:5px; margin-bottom:0px }

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

.product-imghldr{ line-height:1.6em; margin:56px 13px 0px 15px;}
.product-imghldr a img {float:left; border:none; outline:none;}

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

.box-imghldr{float:left; margin:23px 13px 0px 40px; display:inline;width: 244; height: 112 }
.box-imghldr a img { border:none; outline:none; display:inline;width: 244; height: 112}

.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:23px 13px; 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 41px; width:225px;}
.banner-img-hldr{float:left; margin:10px 10px 0px 0px; width:650px; height:190px; display:inline;}

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


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

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

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

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

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

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

.iphonecontenthldr{float:left; margin:17px 0px 10px 0px; line-height:18px;}
.diviphonehldr{float:left; width:680px;}
.diviphone-imghldr{float:left; width:420px; margin-right:10px; display:inline;}
.diviphone-texthldr{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: url('../images/button-viewdemo.png') no-repeat top left; height:35px; width:138px
}

.viewdemo:hover{
background: 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;}

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

.download_button:hover{
background: 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: url('../images/button_getstarted.png') no-repeat top left; height:33px; width:149px
}

.button_getstarted:hover{
background: 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') no-repeat left 5px;  padding-left:10px; color:#5c5c5c; text-decoration:none; font-weight:bold}
.sitemap li a:hover {background: url('../images/arrow-right.png') no-repeat left 5px;  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') no-repeat left 5px;  padding-left:10px; color:#5c5c5c; text-decoration:none; font-weight:normal}
.sitemap li li a:hover {background: url('../images/arrow.png') no-repeat left 5px;  padding-left:10px; color:#007cc3; text-decoration:underline}



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

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

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

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

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

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

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

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

#twitter { float:left; display: block; width: 24px; height:24px; background: url('../images/icon-twitter.png') no-repeat 0 0;; padding-left:1px; padding-right:1px; padding-top:0; padding-bottom: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') no-repeat left top; width:19px; height:635px}
.contentbg-right { float:left; background:url('../images/content-bg-right.png') no-repeat left top; width:17px; height:635px}
.contentbg-middle1 { float:left; background:url('../images/content-bg-middle.png') repeat-x left top; width:673px; height:635px}
.contentbg-middle2 { float:left; background:url('../images/content-bg-middle.png') repeat-x left top; width:210px; height:635px}
.contentbg-seperator { float:left; background:url('../images/content-bg-seperator.png') no-repeat left top; width:30px; height:635px}

.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; font-family:verdana; font-size:12px;}
.contentlist ul li { text-align:left; background:url('../images/footer-bull.gif') no-repeat left 12px;; padding-left:20px; padding-right:0px; padding-top:4.5px; padding-bottom:4.5px}
.contentlist a:hover {text-decoration:none; border-bottom:#880073 1.5px dotted;	color:#a9008f;}
.contentlist li a {	text-decoration:none; color:#00293f;}
.contentlist a.active { color:#000; font-weight: bold; text-decoration:none;}

.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";}


table {

table-layout:fixed;
width:97%;
border: 0px solid #e1e1e1;

}

td {

padding:0px;
}


td a{

font-size:10px;
text-decoration:none;
color:#fff;

}

th {

text-align: left;
background-color:#e2e2e2;
}

img.cpic
{
position: relative;
top: 0px;


padding: 2px 2px 2px 2px;
}

img.right
{
float: right;
margin-left: 14px;
}

img.left
{
float: left;
margin-top: 3px;
margin-right: 14px;
}


.footer-free
{
	font-family:verdana;
	font-size:12px;
	color:#FFFFFF;
	margin-top:20px;
}
.footer-free a
{
	text-decoration:underline;
	color:#FFFFFF;
}
.footer-free a:hover
{
	text-decoration:none;
	border-bottom:#012F47 1.5px dotted;
	color:#294251;
}
.footer-free ul
{
	margin-left: 0;
	padding-left: 0px;
	display: inline;
	border: none;
	}
.footer-free li
{
	
	background-image:url('../images/footer-bull.gif');padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
	background-repeat:no-repeat;
}
.footer-free li a
{
	text-decoration:none;
	color:#00293f;
}