@charset "utf-8";
/* CSS Document */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{font-family: Arial, Helvetica, Verdana, Sans-serif; font-size:12px;
	color:#000;
	/*background:#FFF;*/
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body{ /*min-width:1343px;*/ margin:auto; background-image:url(../images/fullpage_bg.jpg); background-repeat:repeat-x;}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,

th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

/*CSS Starts*/
.hidden {display: none;}
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clr {clear:both;}

.page-container {width: 1007px;background-color:#ffffff;margin:auto;text-align:left;overflow:hidden;}

header, nav, section, footer {}
.sitemap {width:100%; height:20px; display:block; background-image:url(../images/iphone_development_sitemap.jpg); background-repeat:no-repeat;}
.sitemaptext { background-image:url(../images/sitemap_bg.png); background-repeat:repeat-x; height:18px; background-color:#ffffff; float:right; margin:2px 20px 0px 0px; padding:0px 10px; color:#000;font-size:11px;}
.sitemaptext a{color:#000; text-decoration:none;}
.sitemaptext a:hover{color:#000; text-decoration:underline;}

.logobg { width:100%; height:64px; background-image:url(../images/iphone_development_logobg.jpg);background-repeat:repeat-x;}

/* Logo class for IE only*/
a.logo{ width:417px; height:29px; display:block; background-image:url(../images/iphone-application-developments.gif); background-repeat:no-repeat; float:left; margin:22px 0px 0px 11px;}
/* Logo class for Mozilla only*/
html > body a.logo{ width:417px; height:29px; display:block; background-image:url(../images/iphone-application-developments.gif); background-repeat:no-repeat; float:left; margin:22px 0px 0px 21px;}

div.navi { /*width:521px;*/width:399px; height:29px;
float: right;
display: block;

/*border: 1px solid #ffffff;background-color: #f6f6e1;
margin: 35px 0px 0px 0px;*/
margin: 18px 0px 0px 0px;
padding:0px;
}

div.navi a {
background: url(../images/navigation2.gif) no-repeat;
display: block;
float: left;
/*width: 83px;*/
height: 29px;
padding: 0px;
margin: 0px;
}

/*Now the link classes*/
div.navi a.aboutus {
width: 83px;background-position: 0px 0px; 
}
div.navi a.aboutus:hover {
background-position: 0px -29px;
}

div.navi a.services {
width: 83px;background-position: -83px 0px;
}
div.navi a.services:hover {
background-position: -83px -29px;
}

div.navi a.technology {
width: 83px;background-position: -166px 0px;
}
div.navi a.technology:hover {
background-position: -166px -29px;
}

div.navi a.blog {
width: 55px;background-position: -255px 0px;
}
div.navi a.blog:hover {
background-position: -255px -29px;
}

/*div.navi a.casestudy {
background-position: -342px 0px;
}
div.navi a.casestudy:hover {
background-position: -342px -29px;
}*/

div.navi a.enquiry {
width: 65px;/*background-position: -425px 0px;*/background-position: -312px 0px;
}

div.navi a.enquiry:hover {
background-position: -312px -29px;
}

.header{/*border:1px solid #000000;*/}
.call{width: 1007px; height:36px; display:block;background:url(../images/call_bg.gif) no-repeat left top;}

.container{ width:100%;/*border:1px solid #000000;*/}
.leftcontainer{ width:752px; float:left;}
.rightcontainer{ width:250px; float:right; /*border:1px solid #000000;*/}

.callus {width:752px; text-align:right; float:right;}

/*.section { width:752px; margin-top:15px;}
.section .sectionimg { width:186px; float:right;}
.section .sectionmatter { width:562px; float:left;}
.section h1{ width:510px; font-size:24px; color:#1d1d1b;padding:6px 50px 0px 24px;background:url(../images/yellow-bar.gif) no-repeat right top; height:45px; line-height:26px; float:left; width:auto; text-rendering:optimizelegibility;font-weight:bold;}
.section p.txt { width:510px; font-size:12px; color:#1d1d1b;font-weight:normal; padding:2px 16px 2px 35px; line-height:20px; float:left; }
.section .links {width:500px;font-size:11px;color:#414141; line-height:18px;float:left;padding:10px 16px 2px 45px; float:left;}
.section .linksleft { width:50%; float:left;}
.section .linksright {width:50%; float:right;}

.section2 { width:752px; margin-top:0px;}
.section2 .sectionimg { width:200px; float:left;}
.section2 .sectionmatter { width:548px; float:right;}
.section2 h2{ width:510px; font-size:24px; color:#1d1d1b;padding:6px 175px 0px 24px;background:url(../images/yellow-bar_flip.gif) no-repeat left top; height:45px; line-height:26px; float:right; width:auto; text-rendering:optimizelegibility;font-weight:bold;}

.section2 p.txt { width:495px; font-size:12px; color:#1d1d1b;font-weight:normal; padding:2px 16px 2px 35px; line-height:20px; float:right;}
.section2 .links {width:486px;font-size:11px;color:#414141; line-height:18px;float:right;padding:10px 16px 2px 45px;float:right;}
.section2 .linksleft { width:50%; float:left;}
.section2 .linksright {width:50%; float:right;}


.section3 { width:752px; margin-top:15px;}
.section3 .sectionimg { width:301px; float:right;}
.section3 .sectionmatter { width:447px; float:left;}
.section3 h3{ width:510px; font-size:19px; color:#1d1d1b; padding:6px 50px 0px 24px;background:url(../images/yellow-bar.gif) no-repeat right top; height:45px; line-height:26px; float:left; width:auto; text-rendering:optimizelegibility;font-weight:bold;}
.section3 p.txt { width:394px; font-size:12px; color:#1d1d1b;font-weight:normal; padding:2px 16px 2px 35px; line-height:20px; float:left;}
.section3 .links {width:384px;font-size:11px;color:#414141; line-height:18px;float:left;padding:10px 16px 2px 45px; float:left;}
.section3 .linksleft { width:50%; float:left;}
.section3 .linksright {width:50%; float:right;}


.section4 { width:752px; margin-top:0px;}
.section4 .sectionimg { width:200px; float:left;}
.section4 .sectionmatter { width:548px; float:right;}
.section4 h4{ width:510px; font-size:24px; color:#1d1d1b; padding:6px 120px 0px 24px;background:url(../images/yellow-bar_flip.gif) no-repeat left top;height:45px; line-height:26px; float:right; width:auto; text-rendering:optimizelegibility;font-weight:bold;}
.section4 p.txt { width:495px; font-size:12px; color:#1d1d1b;font-weight:normal; padding:2px 16px 2px 35px; line-height:20px; float:right; }
.section4 .links {width:486px;font-size:11px;color:#414141; line-height:18px;float:right;padding:10px 16px 2px 45px;float:right;}
.section4 .linksleft { width:50%; float:left;}
.section4 .linksright {width:50%; float:right;}*/

.yellobox{ width:246px;background-color:#fecc16; float:left; margin:0px; padding:0px; min-height:150px;/* border:1px solid #000000;*/}

.quickcontect {width:246px;}
.quickcontect .top{width:246px; height:43px; display:block; background-image:url(../images/quick-contact.gif); background-repeat:no-repeat; /*margin-top:7px;*/}
.quickcontect .form{width:200px; margin:auto; margin-top:5px;}

input.fieldHolder
{
	/*width: 84px;
	height: 16px;*/ 
	width: 118px;
	height: 21px; border:1px solid #ffffff;
	overflow:hidden;
	background: url(../images/globalsearch_field.png) no-repeat;
	float: right;
	border: none;padding-left:22px;padding-top:0px; margin-top:5px;margin-right:25px;
	font-size:11px; color:#ffffff; /*padding-top:3px;line-height:21px;*/
}


input.formt[type="text"] {
	background-color: #ffffff;
	border: 0px solid #dcdcdc;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #7a7a7a;
	text-decoration: none;
	height: 20px;
	width:200px;
	margin-top:2px;
	margin-bottom:4px;
}

input.formt:focus[type="text"] {border:none;}

textarea.qtext {
		background-color: #ffffff;
	border: 0px solid #dcdcdc;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #7a7a7a;
	text-decoration: none;
	height: 60px;
	width:200px;
	margin-top:2px;
	}
	
input[type="button"],input[type="submit"] {
 background: url(../images/submitbutton.gif) no-repeat;
 height: 21px;
 width: 55px;
 border-style: none;
 cursor: pointer;
/*	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-image:url(../images/btnbg.gif); background-repeat:repeat-x; background-position:top;
	border:1px solid #ed5f19;
	padding: 5px 7px; margin:0px 5px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;*/
}
input[type="button"],input[type="submit"]:hover {}

input[type="button"],input[type="reset"] {
 background: url(../images/submitbutton.gif) no-repeat;
 height: 21px;
 width: 55px;
 border-style: none;
 cursor: pointer;
/*	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-image:url(../images/btnbg.gif); background-repeat:repeat-x; background-position:top;
	border:1px solid #ed5f19;
	padding: 5px 7px; margin:0px 5px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;*/
}
input[type="button"],input[type="reset"]:hover {}

/*.quickcontect .formtxtbox {
	background-color: #ffffff;
	border: 0px solid #dcdcdc;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #7a7a7a;
	text-decoration: none;
	height: 20px;
	width:200px;
	margin-top:2px;
	margin-bottom:4px;
}
.quickcontect .formtxtarea {
	background-color: #ffffff;
	border: 0px solid #dcdcdc;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #7a7a7a;
	text-decoration: none;
	height: 60px;
	width:200px;
	margin-top:2px;
}
.quickcontect .submitbtn {
 background: url(../images/submitbutton.gif) no-repeat;
 height: 21px;
 width: 55px;
 border-style: none;
 cursor: pointer;
}*/




.footerlinks {width:100%; height:230px; overflow:hidden; padding-bottom:15px; display:block; background-image:url(../images/page-links.jpg); background-repeat:repeat-y;}
.knowlks {/*width:144px;*/width:122px; float:left;/*margin-left:22px;*/margin-left:4px;margin-top:22px; line-height:18px;}
.knowlks b{ font-size:13px;}
.knowlks a{ color:#000000; text-decoration:none; padding-left:6px;}
.knowlks a:hover{ color:#c20000; text-decoration:none;}

.serviceslks {/*width:26%;*/width:27%; float:left;margin-left:10px;margin-top:22px; line-height:18px; }
.serviceslks2 {/*width:26%;*/width:31%; float:left;margin-left:10px;margin-top:22px; line-height:18px;}
.serviceslks b, .serviceslks2 b{ font-size:13px;}
.serviceslks a, .serviceslks2 a{ color:#000000; text-decoration:none; padding-left:6px;}
.serviceslks a:hover, .serviceslks2 a:hover{ color:#c20000; text-decoration:none;}

.copyright {width:100%;/* min-height:75px;*/ padding:22px; display:block; background-color:#232323;line-height:18px; color:#FFF;font-size:11px;}
.copyright b{color:#FFF;}
.copyright a{color:#FFF;text-decoration:none;}
.copyright a:hover{color:#FFF; text-decoration:underline;}
.copyright a:active {color: #FFF;}
.copyright a:visited {color: #FFF;}

.textmatter {margin:15px;color:#1d1d1b;line-height:20px;font-weight:normal; text-align:justify;}
.textmatter b{color:#1d1d1b;}
.textmatter a{color:#c20000; text-decoration:none;}
.textmatter a:hover{color:#1d1d1b; text-decoration:underline;}
.textmatter ul{}
.textmatter li{list-style-position:inside;list-style-type:circle; padding-left:15px; }
.textmatterL { width:47%; float:left; }
.textmatterR {width:47%; float:right;}
.textmatter ul.subpoint {}
.textmatter ul.subpoint li{list-style-position:inside; list-style-type:square; padding-left:15px; }

h1{margin:0px;font-size:24px;color:#1d1d1b; font-weight:bold; line-height:33px;}
h2{margin-bottom: 20px;font-size:14px;color:#1d1d1b; font-weight:bold;}



a.viewmore { font-size:11px; color:#c20000; text-decoration:underline;float:right; margin-right:15px;}
a.viewmore:hover {text-decoration:none;}



/*----------------------- PortfolioSlideshow CSS Strats -----------------------*/
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0px auto;
	/*width:640px;*/ width: 1005px;
	height:263px;
	/*background:transparent url(../images/bg_slideshow.jpg) no-repeat 0 0;*/
	position:relative; /*border:1px solid #000000;*/
}
#slideshow #slidesContainer {
  margin:0px auto;
  /*width:560px;width:917px;*/width:945px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;/*border:1px solid #cd5607;*/
}
#slideshow #slidesContainer .slide {
  margin:0px auto;
  /*width:540px;width:897px;*/width:925px;/*border:1px solid #35eb35;*/ /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  /*width:39px;*/width:26px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/control_left.gif) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/control_right.gif) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */
/*----------------------- PortfolioSlideshow CSS Ends -----------------------*/



/*Requstforquote Form CSS Starts*/
.site-form{ width:600px;/* margin:auto;*/font-family:Arial,Verdana,MS Sans Serif;font-size:11px; color:#525252; background-color:#f1f1f1; padding:0px 25px 25px 25px; border:1px solid #e8e7e7;}
.site-form h3{background:#ee6c02; padding:0 8px; border-left:3px solid #343434; padding:8px 0 8px 11px; margin-bottom:21px; color:#FFFFFF; /*background:#ecf3f8; padding:0 8px; border-left:3px solid #009be7; padding:8px 0 8px 11px; margin-bottom:21px;*/}
.site-form .means-required{ background:url(../images/bg-form-required.gif) no-repeat; padding-left:16px;}
.site-form .required{ background:url(../images/bg-form-required.gif) no-repeat right top;}
.site-form  b.orangef { color:#ad0e0e;}

.site-form2{ /*width:490px;width:600px;*/ width:800px;margin:auto;font-family:Arial,Verdana,MS Sans Serif;font-size:11px; color:#000000; background-color:#fecc16; padding:0px 10px 0px 10px; border:1px solid #dcb113;}
.site-form2 h5{background:#343434; border-left:3px solid #a9870d; padding:8px 0 8px 11px; margin-bottom:21px; color:#FFFFFF; font-weight:bold; font-family:Arial,Verdana,MS Sans Serif;font-size:16px;}
.site-form2 .means-required{ background:url(../images/bg-form-required.gif) no-repeat; padding-left:16px;}
.site-form2 .required{ background:url(../images/bg-form-required.gif) no-repeat 95px 0px;}
.site-form2  b.orangef { color:#cd1414;font-family:Verdana,Arial,MS Sans Serif;font-size:11px; }

.row { width:100%;margin-bottom:10px;/*width:364px;font-family: MS Sans Serif,Arial,Verdana;font-size:12px; text-align:left; line-height:20px; margin-top:4px;*/}
.rowleft { width:30%; /*width:115px;*/min-height:22px; float:left; text-align:left;display:block;padding-left:12px; }
.rowleft .required{ background:url(../images/bg-form-required.gif) no-repeat right top;}
.rowright { width:60%; /*width:242px;*/min-height:20px; float:left; text-align:left;display:block;padding-left:2px;}
.rowleft b.orangef { color:#cd1414;font-family:Verdana,Arial,MS Sans Serif;font-size:11px;}
.rowright a{vertical-align:top; text-decoration:none;}
.rowright a:hover{vertical-align:top; text-decoration:none;}
.rowright img{vertical-align:top; text-decoration:none;}


.formtxtbox {
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	height: 16px;
	/*width: 200px;*/ width:238px;
}

.formtxtboxsmall {
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	height: 16px;
	width: 150px;
}

.formmenu {
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	height: 20px;
	width: 350px;
}

.formmenusmall {
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	height: 20px;
	/*width: 204px;*/width:238px;
}

.slctBox1{
/*border:#7f9db9 1px solid ;*/border: 1px solid #dcdcdc;
width:238px; height:100px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.formtxtarea {
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	height: 90px;
	/*width: 350px;*/ width:235px;
	padding-left:4px;
}

.infoimg { vertical-align:top;}
.browsebutton {
	font-family: MS Sans Serif,Arial,Verdana;
	font-size: 12px;
	color: #000000;
}

.formbutton{
height:20px;
font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
cursor:pointer;
border:outset 1px #ccc;
background:#999;
/*color:#666;*/color:#ffffff;
/*font-weight:bold;padding: 1px 2px;*/
}

.frame
{
	width: 500px;
	height: 300px;
	margin-left: -250px;
	margin-top: -150px;
	top: 50%;
	left: 50%;
	border: #CCC solid 2px;
	-moz-border-radius: 1.6em;
	-webkit-border-radius: 1.6em;
	border-radius: 1.6em;
	position: absolute;
}

a {
    position:relative;
    color:#3CA3FF;
	/*font-weight:bold;*/
    text-decoration:none; vertical-align:top;
}
a  span{ display: none; }
a:hover{ 
z-index:25; 
color: #aaaaff; 
background:;
}
a:hover span.tooltip{font-family:Arial,Verdana, Helvetica, sans-serif; font-size:12px;
    display:block;
    position:absolute;
    /*top:-30px;*/top:-12px; left:-40px;vertical-align:top;
	/*padding: 0px 0px 0px 250px;padding:0px; padding-left:60px;*/
	/*width:200px;*/width:310px;
	color: #ffffff;
    text-align: left;
	/*filter: alpha(opacity:70);
	KHTMLOpacity: 0.70;
	MozOpacity: 0.70;
	opacity: 0.70; border:1px solid #000000;*/
}
/* for Mozilla only*/
/*html > body a:hover span.tooltip{
	padding: 15px 15px 15px 15px;
}*/
a:hover span.top{
	display:block;
	/*padding: 0px 0px 8px 0px;*/height:2px;
    background: url(../images/tool_tip_box3.gif) no-repeat top;
}

html > body a:hover span.top{height:8px; background: url(../images/tool_tip_box2.gif) no-repeat top;padding:0px;}

a:hover span.middle{ 
	display: block;
	/*padding: 0px 11px 0px 11px;*/margin-left:55px; padding:0px;
	background: url(../images/content_image2.gif); background-repeat:no-repeat; 
}

a:hover span.bottom{
	display: block;
	/*padding:3px 8px 60px;padding:2px 0px 2px 0px;*/height:5px;
    background: url(../images/tool_tip_box2.gif) no-repeat bottom;
}

.fpad { /*padding:0px 119px 3px 25px;*/padding:0px 65px 3px 25px;}
/*RequstforquoteForm CSS Ends*/



.sectionmatter {width:325px; float:right; margin-left:12px; margin-bottom:12px; }
.sectionmatterh {width:510px; font-size:16px; color:#1d1d1b;padding:6px 50px 0px 24px;background:url(../images/yellow-bar.gif) no-repeat right top;height:45px;line-height:26px;float:left; width:auto; text-rendering:optimizelegibility;font-weight:bold;border-left: 1px solid #efefef;}
/*.links {font-size:11px;color:#414141; line-height:20px;float:left;padding:0px 10px 2px 20px;float:left;}
.links a{color:#414141; text-decoration:none;}
.links a:hover{color:#c91111; text-decoration:none;}*/

.tabcontent{float:left; border-left: 1px solid #efefef;/*padding-bottom: 10px;border-right: 1px solid #efefef; border-bottom: 3px solid #efefef;background-color:#ffffff;*/}
.tabcontent ul.active {display: block;}
.tabcontent ul{display: none; margin: 0px; padding: 0px; list-style: none;}
.tabcontent li{list-style: none;font-size: 12px;color:#525252;}
/* for IE only*/
.tabcontent ul li a {display: block; background: url(../images/bullet_lnav.gif) no-repeat left center; background-position: 12px;color:#525252;padding: 0px 0px 0px 30px; text-decoration: none; } 
/* for Mozilla only*/
html > body .tabcontent ul li a {display: block; background: url(../images/bullet_lnav.gif) no-repeat left center; background-position: 12px;color:#525252;padding: 3px 3px 3px 30px;text-decoration: none; } 
.tabcontent ul li a:hover {background-image: url(../images/bullet_lnav_act.gif); color:#e7701b;}