@font-face {
font-family: 'RockwellRegular';
src: url('../fonts/rock-webfont.eot');
src: url('../fonts/rock-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/rock-webfont.woff') format('woff'), url('../fonts/rock-webfont.ttf') format('truetype'), url('../fonts/rock-webfont.svg#RockwellRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RockwellBold';
src: url('../fonts/rockb-webfont.eot');
src: url('../fonts/rockb-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/rockb-webfont.woff') format('woff'), url('../fonts/rockb-webfont.ttf') format('truetype'), url('../fonts/rockb-webfont.svg#RockwellBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GillSansMTRegular';
src: url('../fonts/gil_____-webfont.eot');
src: url('../fonts/gil_____-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gil_____-webfont.woff') format('woff'), url('../fonts/gil_____-webfont.ttf') format('truetype'), url('../fonts/gil_____-webfont.svg#GillSansMTRegular') format('svg');
font-weight: normal;
font-style: normal;
}
* { margin:0px; padding:0px; }
html, body, #wrapper-main { height: 100%; }
body > #wrapper-main {height: auto; min-height: 100%;}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
input, select, textarea { resize: none; }
a { outline:none; cursor:pointer }
img { border:none; }
.clear { clear:both; line-height:0px; height:0px; }
ul, ul li { list-style:none; }
:focus { outline:none }
a:link, a:visited { text-decoration:none; color:#626668; }
hover a:link, hover a:visited { text-decoration:none; color:#fff; }
.fl { float:left; }
.fl2 { font-size:11px; }
.fr { float:right; }
.bold { font-weight:bold; }
.orange {color:#DE4E00}
.black {color:#000}
.font15 {font-size:15px;}
input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input[type=text], [type=password], select, textarea {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
textarea {overflow:auto}
.fontboldhighlight {font-size:18px;  font-family:'RockwellRegular'; }
input[type="checkbox"] { background:none!important; border:none!important; margin:0!important; padding:0!important; width: 20px; }
input, button, textarea, select { font-size:100%; }
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { box-shadow:0px 0px 5px #464645!important;   -moz-box-shadow:0px 0px 5px #464645; -webkit-box-shadow:0px 0px 5px #464645;}
.heading1 { color:#384348; font-size:34px; font-family:'RockwellRegular'; font-weight:normal; line-height:normal; text-shadow:1px 1px 1px #fff; margin-bottom:15px }
.heading2 { color:#DE4E00; font-size:24px; font-family:'RockwellRegular'; font-weight:normal; line-height:normal; text-shadow:1px 1px 1px #fff; margin:0 0 15px 0; }
.heading3 { color:#DE4E00; font-size:24px; font-family:'RockwellRegular'; text-shadow:1px 1px 1px #fff;  padding-bottom:15px; margin-bottom:15px; behavior:url(pie.htc); background:url(../images/line.png) left bottom no-repeat;   }
.heading4 { font-size:16px; color:#999; font-family: 'RockwellRegular'; text-shadow:1px 1px 1px #fff; margin-bottom:10px; }
body { background:url(../images/body-bg.jpg) left top repeat; font-family:'GillSansMTRegular'; color:#545d60; font-size:13px; line-height:18px; }
#wrapper-main { width:100%; margin:0; padding:0; }
#main-container { width:100%;  }


/***************Header Part Start***************/

#hpart-container { width:100%;  z-index:5;background:url(../images/hpartbg.jpg) left top repeat-x; height:90px   }
#hpart { width:985px; margin:0 auto; padding:0;}

.logo {
    margin-top:26px;
    float:left;
}


.top-info {
    text-align:right;
    color:#7a8e96;
    line-height:40px;
    font-size:12px;
    height:35px;
    padding-right: -20px;
}

.top-info span {
    position:relative;
    left:140px;
    top:-25px;
    font-size:20px;
    color:white;
    line-height:12px;
}

.top-info span a {
    color:white;
}

.top-info span a:hover {
    color: #FFFFAA;
    -webkit-transition:color 0.3s ease-in;  
    -moz-transition:color 0.3s ease-in;  
    -o-transition:color 0.3s ease-in;  
    transition:color 0.3s ease-in;
}

.top-info h1 {
	line-height: 16px;
	padding-top: 15px;
	padding-right: 20px;
}

ul.social {
	list-style: none;
	float: left;
	margin-top:8px;
	margin-left:280px;
}

ul.social li {
	float: left;
	margin-right: 10px;
}
ul.social li a {
	width: 24px;
	height: 24px;
	display: block;
	text-indent: -99999px;
	background: url('/img/light-social.png') no-repeat top left;
}

	ul.social li.facebook a { background-position: 0px 0px; }
	ul.social li.facebook a:hover { background-position: -24px 0px; }
	
	ul.social li.twitter a 	{ background-position: 0px -24px; }
	ul.social li.twitter a:hover	{ background-position: -24px -24px; }
		
	ul.social li.dribbble a { background-position: 0px -48px; }
	ul.social li.dribbble a:hover { background-position: -24px -48px; }
		
	ul.social li.google a	{ background-position: 0px -72px; }
	ul.social li.google a:hover { background-position: -24px -72px; }
		
	ul.social li.flickr a 	{ background-position: 0px -96px; }
	ul.social li.flickr a:hover { background-position: -24px -96px; }
		
	ul.social li.rss a { background-position: 0px -120px; }
	ul.social li.rss a:hover { background-position: -24px -120px; }
	ul.social li.email a { background-position: 0px -144px; }
	ul.social li.email a:hover { background-position: -24px -144px; }


#hpart-container-portfolio { width:100%; position:absolute;  z-index:99; background:url(../images/hpartbg.jpg) left top repeat-x; height:90px   }
#hpart-container-portfolio #hpart { width:985px; margin:0 auto; padding:0;}
#hpart-container-portfolio .top-slogan-port { clear:both; text-align:right; color:#7a8e96; line-height:40px; font-size:12px; padding-right:12px; height:35px ; float:right}
#hpart-container-portfolio .logo {margin-top:18px; float:left}

/******** menu ********/

#nav2 { /*position: absolute;*/ bottom: 0; z-index: 1 !important; float:right; margin-top:4px }
#nav2 ul { padding-left:10px; }
#nav2 li { float: left; position: relative; list-style:none; font-size:13px; padding:0 9px; z-index:9999;}

#nav2 li a {
    display: block;
    height: 41px;
    padding:0 10px;
    list-style:none; color:#fff;
    padding-top:10px;
    background:url(../images/menu-bullet.png) no-repeat center bottom;
    
    -webkit-transition:color 0.3s ease-in;  
    -moz-transition:color 0.3s ease-in;  
    -o-transition:color 0.3s ease-in;  
    transition:color 0.3s ease-in;
}

#nav2 li a:hover, #nav2 li a.active {
    background:url(../images/lava.png) no-repeat center bottom;
    color: #FFFFAA; 
}

#nav2 li li:hover { background-image:none;}
#nav2 li li a { padding-top:0 !important; }
#nav2 li div { display: none; position: absolute; top:-20px; margin-left: 50%; left: -102px; width: 250px; padding-top: 30px; text-align:left; z-index:2 !important; }
#nav2 li div.first{background: url(../images/submenu-1-bg.png) no-repeat 0 0; width:129px; margin-left:83px; z-index: 500; display: none; top: 48px;}
#nav2 li div.second {background: url(../images/menu-bullet.png) no-repeat 0 -281px; width:151px; margin-left:79px; z-index: 500; display: none; top:48px;}
#nav2 li div.third{background: url(../images/menu-bullet.png) no-repeat 0 0; width:212px; margin-left:53px; z-index:500; display: none; top:48px;}
#nav2 li div ul {padding:0px 0px 15px 0 !important; margin-top:-19px;}
#nav2 li div ul li { float: none; position: relative; padding:4px 7px !important;/* 
    background: #dddddd;*/ list-style:none; background-image:none; line-height:23px; }
	#nav2 li div.third ul {margin-left:-2px}
#nav2 li ul li a { height: auto; width: auto !important; text-align: left; background: none; color: #dcdbdc; /*font-size: 1.1em;*/ font-size:12px; font-family: 'GillSansMTRegular'; text-decoration: none; list-style:none; text-indent: 0;/*text-shadow: 1px 1px 1px #eee;*/ }
#nav2 li div ul li a { display: inline-block; }
#nav2 li div ul li a { display: block; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
#nav2 li ul li a:hover { color:#fff; background:#434d52; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}

#nav2 li.quotebg {background: url(../images/quotebg.png) no-repeat 0 0; width:175px; text-align:center; font-size:14px; padding:0px!important; text-shadow:1px 1px 1px #d9540c }
#nav2 li:hover.quotebg{background: url(../images/quotebghover.png) no-repeat 0 0;}


@media screen and (-webkit-min-device-pixel-ratio:0)
{
 #nav2 li div.third { margin-left:62px; /* The text will appear red only in Safari and Google Chrome */}
}

/***************Header Part End***************/

/**************Banner Home page Start*****************/
#banner-container { width:100%; }
#banner-part { padding:0; background:url(../images/banner-bottom-bg.png) left bottom repeat-x; height:610px; border-bottom:1px solid #384348 }
/**************Banner Home page End*****************/

/**************Banner inner page Start*****************/
#banner-container-inner { width:100%; background:#fff url(../images/banner-inner-bg.png) center top repeat-x;  margin-top:-6px; border-bottom:2px solid #9AA4A8 }
#banner-part-inner { height:284px; width:962px; margin:0 auto; padding:42px 0 0 0; }
#banner-part-inner p { font-size:18px; color:#545d60; line-height:28px; }
#banner-part-inner p b { font-size:28px; font-weight:normal }
#banner-part-inner p span { color:#DE4E00; }
#banner-part-inner ul.nav-shadow { margin:0 0 0 0; padding:0px; width:388px; bottom:0; left:0; text-align: center; list-style: none; position:relative; z-index:99999; height:108px; }
#banner-part-inner ul.nav-shadow li { margin:0; width:71px; height:100px; position:relative; float: left; padding:0px; }
#banner-part-inner ul.nav-shadow li + li { margin:0px 0px 0px 34px; }
#banner-part-inner ul.nav-shadow a, .nav-shadow a:visited, .nav-shadow a, .nav-shadow a:hover { margin: 0 auto; width:64px; height:85px; background: url(../images/icons-inner.png) left top no-repeat; display: block; position: relative; z-index: 2; font-size:14px; color:#384348; }
#banner-part-inner ul.nav-shadow li.button-color-1 a { background-position: 0px 23px; }
#banner-part-inner ul.nav-shadow li.button-color-2 a { background-position: -96px 23px; }
#banner-part-inner ul.nav-shadow li.button-color-3 a { background-position: -188px 23px; }
#banner-part-inner ul.nav-shadow li.button-color-4 a { background-position: -283px 23px; }
/* Button Shadow */
#banner-part-inner ul.nav-shadow li img { text-align:center }
#banner-part-inner ul.nav-shadow li img.shadow { margin:0; position: absolute; bottom: 0; left:0; z-index: 1; }
#banner-part-inner.what-we-do { background:url(../images/what-we-do.png) 2px bottom no-repeat; }
#banner-part-inner.company { background:url(../images/banner-company.png) 21px bottom no-repeat;  }
#banner-part-inner.our-process { background:url(../images/process.png) 2px bottom no-repeat; }
#banner-part-inner.our-process p { font-size:18px; text-shadow:1px 1px 1px #fff; margin:8px 0 0 0; line-height:24px; }
/**************Banner inner page End*****************/

/**************Banner inner Services page Start*****************/
#banner-container-inner-ser { width:100%; background:#fff url(../images/banner-inner-ser-bg.png) center bottom repeat-x; margin-top:-6px; border-bottom:3px solid #9aa4a8 }
#banner-part-inner-ser { height:207px; margin:0 auto; padding-top:62px; }
#banner-part-inner-ser.iphone { width:637px; padding-left:325px; background:url(../images/banner-inner-ser-iphone.png) 0 10px no-repeat; text-align:center }
#banner-part-inner-ser.cost  { width:637px; padding-left:325px; background:url(../images/banner-inner-ser-cost.png) left 22px no-repeat; text-align:center }
#banner-part-inner-ser.fixed  { width:637px; padding-left:325px; background:url(../images/banner-inner-ser-fixed.png) left top no-repeat; text-align:center }
#banner-part-inner-ser.hire  { width:637px; padding-left:325px; background:url(../images/banner-inner-ser-hire-dedicated-model.png) 60px 25px no-repeat; text-align:center }

#banner-part-inner-ser.ipad { width:637px; padding-left:325px; background:url(../images/banner-inner-ser-ipad.png) 0 20px no-repeat; text-align:center }
#banner-part-inner-ser.mobile { width:637px; padding-left:325px; background:url(../images/banner-inner-ser-mobile.png) 0 25px no-repeat; text-align:center }
#banner-part-inner-ser.iphone-web { width:662px; padding-left:300px; background:url(../images/banner-inner-ser-iphone-web.png) 0 0 no-repeat; text-align:center }
#banner-part-inner-ser.android { width:637px; padding-left:325px; background:url(../images/banner-inner-ser-android.png) 0 20px no-repeat; text-align:center }
#banner-part-inner-ser.windows { width:637px; padding-left:325px; background:url(../images/banner-inner-ser-windows.png) 0 0 no-repeat; text-align:center }
#banner-part-inner-ser.blackberry { width:637px; padding-left:325px; background:url(../images/banner-inner-ser-blackberry.png) 0 15px no-repeat; text-align:center }
#banner-part-inner-ser.symbian { width:637px; padding-left:325px; background:url(../images/banner-inner-ser-symbian.png) 0 0 no-repeat; text-align:center }
#banner-part-inner-ser p { font-size:18px; color:#545D60; line-height:30px; font-weight:normal; margin-top:10px; }
#banner-part-inner-ser p b { font-size:28px; font-weight:normal }
#banner-part-inner-ser p b span { color:#DE4E00; }
/**************Banner inner Services page End *****************/
#banner-container-small { width:100%; background:#fff url(../images/banner-small.png) center bottom repeat-x;  margin-top:-6px; border-bottom:2px solid #9AA4A8  }
#banner-container-small #banner-small { height:120px; margin:0 auto; padding-top:32px; width:762px; padding-left:200px; text-align:center }
#banner-container-small #banner-small p { font-size:20px; color:#545D60; line-height:30px; font-weight:normal; margin-top:10px; }
#banner-container-small #banner-small p span { color:#DE4E00; }
#banner-container-small #banner-small.contact { background:url(../images/banner-small-contact.png) -43px top no-repeat; }
#banner-container-small #banner-small.free-quote { background:url(../images/banner-small-request-proposal.png) -64px top no-repeat; }
#banner-container-small #banner-small.terms { background:url(../images/banner-small-terms.png) -70px top no-repeat; }
#banner-container-small #banner-small.sitemap { background:url(../images/banner-small-sitemap.png) -70px top no-repeat; }
#banner-container-small #banner-small.support { background:url(../images/banner-small-support.png) -63px top no-repeat; }
#banner-container-small #banner-small.testimonial { background:url(../images/banner-small-testimonial.png) -70px top no-repeat; }
#banner-container-small #banner-small.case { background:url(../images/banner-small-case.png) 0 top no-repeat; }
#mpart-container { width:100%; padding-bottom:164px;}
#mpart { width:962px; margin:0 auto; padding:35px 0 0 0; }
/**************Featured Tab Home page Start*****************/
#featured-main { background:url(../images/services-bottom-shadow.png) center bottom no-repeat; padding-bottom:20px; margin-bottom:12px;}
.best-services { position:absolute; background:url(../images/best-services.png) left top no-repeat; width:124px; height:112px; right:-7px; top:-7px; z-index:1; }
#featured { background:url(../images/featured-bg.jpg) left top repeat-x ; position:relative; border:1px solid #c8c8c8; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; behavior: url(pie.htc); }
#featured ul.ui-tabs-nav { list-style:none; padding:11px 40px 25px 25px; margin:0; width:250px; float:left; background:url(../images/services-middle-shadow.png) right center no-repeat; }
#featured ul.ui-tabs-nav li { padding:0px 0; margin-bottom:0px; font-size:12px; color:#666; width:300px; height:42px; margin-left:-33px }
#featured ul.ui-tabs-nav li span { font-size:11px; font-family:Verdana; line-height:18px; }
#featured .ui-tabs-panel { width:644px; height:400px; position:relative; overflow:hidden; }
#featured .ui-tabs-hide { display:none; }
#featured li.ui-tabs-nav-item a {/*On Hover Style*/ display:block; height:45px; line-height:47px; background:url(../images/services-icon.png) 10px 4px no-repeat; color:#384348; outline:none; padding-left:60px; }
#featured li.ui-tabs-nav-item a:hover{ background: url(../images/services-icon.png) 10px -360px no-repeat; }
#featured ul.ui-tabs-nav li:hover { background: url(../images/featured-tab.png) top left no-repeat; }
#featured li.ui-tabs-selected { background: url(../images/featured-tab.png) top left no-repeat; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a { background: url(../images/services-icon.png) 10px -360px no-repeat; }
#featured ul.ui-tabs-nav li img { float:left; margin:2px 5px; background:#fff; padding:2px; border:1px solid #eee; }
#featured .ui-tabs-panel .info { position:absolute; top:25px; left:0; width: 390px; }
#featured .ui-tabs-panel .infoiospro { position:absolute; top:25px; left:0; width: 500px; }
#featured .ui-tabs-panel .info1{ position:absolute; top:25px; left:0;}
#featured .info1 p { margin-bottom:18px; font-family:Verdana; font-size:11px; line-height:19px; color:#384348; }

#featured .info h2, #featured .ui-tabs-panel .infoiospro h2 { font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; overflow:hidden; }
#featured .info p, #featured .ui-tabs-panel .infoiospro p{ margin-bottom:18px; font-family:Verdana; font-size:11px; line-height:24px; color:#384348; }
#featured li.ui-tabs-nav-item a.icon3 { background-position:23px 12px; }
#featured li.ui-tabs-nav-item a.icon2 { background-position:23px -29px; }
#featured li.ui-tabs-nav-item a.icon4 { background-position:23px -71px; }
#featured li.ui-tabs-nav-item a.icon1 { background-position:23px -116px; }
#featured li.ui-tabs-nav-item a.icon5 { background-position:23px -161px; }
#featured li.ui-tabs-nav-item a.icon6 { background-position:23px -206px; }
#featured li.ui-tabs-nav-item a.icon7 { background-position:23px -252px; }
#featured li.ui-tabs-nav-item a.icon8 { background-position:23px -297px; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a.icon3, #featured li.ui-tabs-nav-item a.icon3:hover { background-position:23px -353px; color:#fff }
#featured ul.ui-tabs-nav li.ui-tabs-selected a.icon2, #featured li.ui-tabs-nav-item a.icon2:hover { background-position:23px -394px; color:#fff }
#featured ul.ui-tabs-nav li.ui-tabs-selected a.icon4, #featured li.ui-tabs-nav-item a.icon4:hover { background-position:23px -436px; color:#fff }
#featured ul.ui-tabs-nav li.ui-tabs-selected a.icon1, #featured li.ui-tabs-nav-item a.icon1:hover { background-position:23px -481px; color:#fff }
#featured ul.ui-tabs-nav li.ui-tabs-selected a.icon5, #featured li.ui-tabs-nav-item a.icon5:hover { background-position:23px -526px; color:#fff }
#featured ul.ui-tabs-nav li.ui-tabs-selected a.icon6, #featured li.ui-tabs-nav-item a.icon6:hover { background-position:23px -571px; color:#fff }
#featured ul.ui-tabs-nav li.ui-tabs-selected a.icon7, #featured li.ui-tabs-nav-item a.icon7:hover { background-position:23px -617px; color:#fff }
#featured ul.ui-tabs-nav li.ui-tabs-selected a.icon8, #featured li.ui-tabs-nav-item a.icon8:hover { background-position:23px -665px; color:#fff }
#featured .aboutiospro { background:url(../images/aboutiospro.png) right bottom no-repeat; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#featured .ser1 { background:url(../images/featured-ser-iphone.png) right bottom no-repeat; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#featured .ser2 { background:url(../images/featured-ser-ipad.png) right bottom no-repeat; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#featured .ser4 { background:url(../images/featured-ser-iphone-web.png) right bottom no-repeat; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#featured .ser5 { background:url(../images/featured-ser-server.png) right bottom no-repeat; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
/**************Featured Tab Home page End*****************/


/**************Footer Part Start*****************/
#fpart-container { width:100%; height:144px; position:relative; margin-top:-144px;  clear:both;}
#fpart { width:932px; margin:0px auto 0 auto; color:#626668;   height:129px; background:url(../images/fpart-bg.png) left top no-repeat; padding:15px 15px 5px 15px; font-size:12px; }
#fpart .clientbase { color:#626668; margin:10px 0; float:lefts }
#fpart .fpart-link {margin:0; width:760px;}
.w650 {width:760px}
#fpart .fpart-link a { color:#222; line-height:25px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#fpart .fpart-link a + a { background:url(../images/fpart-bullet.png) left 3px no-repeat; padding-left:25px; margin:0 0 0 10px; }
#fpart .fpart-link a:hover {color:#DE4E00; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#fpart .copyright {margin-top:5px }
#fpart .copyright a {color:#626668; line-height:20px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#fpart .copyright a:hover {color:#000; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#fpart .social {margin-top:5px}
.fbbutton {width:85px; float:right; margin-top:3px; background:none}
#fpart .social span.shadow { background:url(../images/social-shadow.png) center bottom no-repeat; width:24px; height:30px; margin:0 5px; float:left }
#fpart .social span.shadow a { background:url(../images/social-icon.png) left top no-repeat; width:24px; height:22px; }
#fpart .social span.shadow a.face { background-position:0px 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#fpart .social span a.face:hover { margin-top:-6px; height:30px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#fpart .social span a.twit { background-position:-30px 0px; height:30px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#fpart .social span a.twit:hover { margin-top:-6px; height:30px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#fpart .social span a.blog { background-position:-60px 0px; height:30px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#fpart .social span a.blog:hover { margin-top:-6px; height:30px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
/**************Footer Part End*****************/

/**************Read More Start*****************/
.read-btn { background:url(../images/read-btn-bg-left.png) left top no-repeat; height:38px!important; line-height:28px!important; display:inline-block; font-family: 'RockwellRegular'; color:#fff!important; padding:0 0 0 18px; font-size:15px; text-shadow:0px 1px 1px #000; }
.read-btn span { background:url(../images/read-btn-bg-right.png) right top no-repeat; height:38px!important; line-height:30px!important; display:inline-block; font-family: 'RockwellRegular'; color:#fff!important; padding:0 18px 0 0; font-size:15px; text-shadow:0px 1px 1px #000; }
.read-btn:hover { background-position:left -37px; color:#ededed!important; text-shadow:0px 1px 1px #000; }
.read-btn:hover span { background-position:right -37px; color:#ededed!important; text-shadow:0px 1px 1px #000; }
.btn-bg { background:url(../images/but-left-bg.png) left top no-repeat; height:34px!important; line-height:34px!important; display:inline-block; font-family: 'RockwellRegular'; color:#fff!important; padding:0 0 0 15px; font-size:15px; }
.btn-bg span { background:url(../images/but-right-bg.png) right top no-repeat; height:34px!important; line-height:34px!important; display:inline-block; font-family: 'RockwellRegular'; color:#fff!important; padding:0 15px 0 0; font-size:15px; }
.btn-bg:hover { }
.btn-bg:hover span { }
/**************Read More End*****************/

/**************Submit Button Start*****************/
.sub-btn { background:url(../images/read-btn-bg-left.png) left top no-repeat; height:38px!important; display:inline-block; font-family: 'RockwellRegular'; color:#fff; padding:0 0 0 18px; font-size:15px; text-shadow:0px 1px 1px #000; border:none; cursor:pointer; }
.sub-btn input { background:url(../images/read-btn-bg-right.png) right top no-repeat;font-family:'RockwellRegular'; color:#fff; padding:0 18px 9px 0; font-size:15px; text-shadow:0px 1px 1px #000; border:none; height:38px; line-height:30px; cursor:pointer; }
.sub-btn:hover { background-position:left -37px; color:#fff; text-shadow:0 1px 1px #000000; }
.sub-btn:hover input { background-position:right -37px; color:#fff; text-shadow:0 1px 1px #000000; }

#request-proposal .sub-btn { background:url(../images/req-btn-bg-left.png) left top no-repeat; height:38px!important; display:inline-block; font-family: 'RockwellRegular'; color:#000; padding:0 0 0 18px; font-size:15px; text-shadow:0px 1px 1px #fff; border:none; cursor:pointer; }
#request-proposal .sub-btn input { background:url(../images/req-btn-bg-right.png) right top no-repeat;font-family:'RockwellRegular'; color:#000; padding:0 18px 9px 0; font-size:15px; text-shadow:0px 1px 1px #fff; border:none; height:38px; line-height:30px; cursor:pointer; }
#request-proposal .sub-btn:hover { background-position:left -37px; color:#fff; text-shadow:0 1px 1px #000000; }
#request-proposal .sub-btn:hover input { background-position:right -37px; color:#fff; text-shadow:0 1px 1px #000000; }


.requestmr10 {margin-right:10px; width:auto!important; float:left}
/**************Submit Button End*****************/

.cmad { width:922px; height:217px; margin:20px 0px; padding:20px; background:url(../images/custom-mobile-application-development-bg-img.png) left top no-repeat; }
.cmad .heading2 { font-size:18px; font-weight:normal; text-shadow:0px 1px 1px #fff; text-transform:none; color:#263033 }
.cmad ul { margin:0; }
.cmad ul li { background:url(../images/bullet-arrow.png) left 10px no-repeat; padding:0 0 0 15px; line-height:28px; color:#fff }
/**************Recent Projects Part Start*****************/
.main-recent-pro { background:url(../images/recent-pro-bg.png) center bottom no-repeat; height:252px; width:100%; margin-bottom:12px;}
.recent-pro { width:962px; margin:0 auto; padding-top:12px }
/**************Recent Projects Part End*****************/

/**************Request Proposal Part Start*****************/
#request-proposal-container { width:100%; overflow:hidden; padding:0; background:url(../images/request--bg.jpg) left bottom repeat-x; position:relative; }
#request-proposal { width:962px; margin:0 auto; padding:18px 0 5px 0; position:relative; z-index:999 }
#request-proposal .heading4 { margin-bottom:14px; color:#fff; text-shadow: 1px 1px 1px #384348 }
.request-btn-main { background:url(../images/request--shdow-bg.png) left top repeat-x; width:100%; }
.request-btn { background:url(../images/request-btn-a.png) left top no-repeat; width:962px; height:49px; margin:0 auto; }
.request-btn-link { width:182px; height:43px; margin:0 auto; cursor:pointer; display:block; }
.on { background:url(../images/request-btn-a.png) left top no-repeat; width:38px; height:28px; cursor:pointer; margin:0 50%; }
#request-proposal .part1 { float:left; width:486px; }
#request-proposal .part2 { float:left; width:450px; padding:0 0 0 20px; position:relative; margin-top:-6px }
#request-proposal .p1 { width:225px; float:left; margin-right:25px; }
#request-proposal .p2 { width:225px; float:left }
#request-proposal input[type=text] { width:209px; height:28px; line-height:28px; margin:0px 10px 24px 0; font-size:13px; padding:0 8px; background:url(../images/request--input-bg.jpg) left top repeat-x; border:#778188 1px solid; color:#ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(pie.htc);  }
#request-proposal input[type=text]:focus, #request-proposal textarea:focus {background:#b4b9bc url(../images/request--input-bghover.jpg) left top repeat-x;  border:#e5e5e5 1px solid; color:#384348}


#request-proposal textarea { width:209px; height:125px; margin:0px 10px 10px 0; padding:5px 8px; font-size:13px; background:#6C757E url(../images/request--input-bg.jpg) left top repeat-x; border:#778188 1px solid; color:#ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; line-height:18px; behavior: url(pie.htc); }
#request-proposal .part2 ul { margin:0 0 8px -10px; display:inline-block; float:left }

#request-proposal .part2 ul li { width:70px; float:left; text-align:center; display:inline-block }
#request-proposal .part2 ul li b { font-size:12px; font-family: 'RockwellRegular'; color:#999; margin-bottom:5px; display:block; font-weight:normal;}
#request-proposal .part2 ul li span { width:70px; background:url(../images/request-ser-icon.png) 11px 0px no-repeat; margin:0; height:40px; float:left; display:block; margin-bottom:10px; }
#request-proposal .part2 ul li span.ser-icon2 { background-position:-63px 0px; }
#request-proposal .part2 ul li span.ser-icon3 { background-position:-136px 0px; }
#request-proposal .part2 ul li span.ser-icon4 { background-position:-210px 0px; }
#request-proposal .part2 ul li span.ser-icon5 { background-position:-288px 0px; }
#request-proposal .part2 ul li span.ser-icon6 { background-position:-364px 0px; }
#request-proposal .part2 .captcha-bg { background:url(../images/request--input-bg.jpg) left top repeat-x; border:#1a272a 1px solid; color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; height: 28px; margin-right:12px; padding:0 4px; width:82px; behavior: url(pie.htc); }
.part2 label.error {position:absolute; left:35px; top:148px}
#request-proposal .part2 .captcha-input-bg { width:105px; height:28px; margin:0px 8px 0px 0; font-size:14px; padding:0 8px; background:url(../images/request--input-bg.jpg) left top repeat-x; border:#778188 1px solid; color:#ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; display:inline-block; behavior:url(pie.htc); }
#request-proposal .part2 .not-r { font-size:11px; color:#ccc; float:left; }
#request-proposal .part2 .not-r a { color:#fff; }
#request-proposal .part2 .not-r a:hover { text-decoration:underline; }

#upload{
	margin:5px 0px 5px 170px; padding:0 15px;
	font-weight:bold; font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	height:35px; width:122px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
	 background:url(../images/uploadfile.png) left top no-repeat;
	 display:block;
	 overflow:hidden;
	 text-indent:-9999px; 
	 
	 
	
}
.darkbg{
	background:#ddd !important;
}
#status{
	 padding:1px; color:#000; margin-left:178px; font-size:12px; float:left; color:#DE4E00; line-height:16px; clear:both; display:block
}
ul#files{ list-style:none; padding:0; margin:0; margin-left:180px; clear:both; float:left; line-height:16px }
ul#files li{ padding:3px 10px; margin-bottom:2px; width:200px; float:left; margin-right:10px; color:#DE4E00}
ul#files li.success {padding:0px; margin:0px; line-height:16px; color:#DE4E00;  font-size:12px;}
ul#files li img{ max-width:180px; max-height:150px; }

/**************Request Proposal Part End*****************/

/**************iPhone Application Development Page Start*****************/
.dark-gay-box { padding:25px; margin:35px 0 20px 0;  -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; background:url(../images/dark-gay-boxbg.png) left top no-repeat;  }

.white-box-bg { padding:15px 0px; margin:10px 0 0 0;  -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; background:url(../images/white-box-bg.png) left top no-repeat;  width:100%}

ul.iphone-ser li { margin:0 10px 0 0; width:217px; height:54px; line-height:54px; text-shadow:0px 1px 0px #fff; font-size:16px; font-family: 'RockwellRegular'; float:left; }
ul.iphone-ser li:hover { background:url(../images/iphone-ser-bg.png) left top no-repeat; color:#DE4E00 ; }
ul.iphone-ser li span { background:url(../images/iphone-ser-icon.png) 17px top no-repeat; padding-left:66px; float:left; width:151px; color:#263034 }
ul.iphone-ser li span:hover { background:url(../images/iphone-ser-icon.png) 17px top no-repeat; color:#DE4E00  }
ul.iphone-ser li span.iphone-ser1 { background-position:17px 10px; }
ul.iphone-ser li span.iphone-ser1:hover { background-position:17px -709px; }
ul.iphone-ser li span.iphone-ser2 { background-position:17px -187px; }
ul.iphone-ser li span.iphone-ser2:hover { background-position:17px -906px; }
ul.iphone-ser li span.iphone-ser3 { background-position:17px -383px; }
ul.iphone-ser li span.iphone-ser3:hover { background-position:17px -1102px; }
ul.iphone-ser li span.iphone-ser4 { background-position:17px -579px; }
ul.iphone-ser li span.iphone-ser4:hover { background-position:17px -1298px; }
ul.iphone-ser li span.iphone-ser5 { background-position:17px -56px; }
ul.iphone-ser li span.iphone-ser5:hover { background-position:17px -775px; }
ul.iphone-ser li span.iphone-ser6 { background-position:17px -253px; }
ul.iphone-ser li span.iphone-ser6:hover { background-position:17px -972px; }
ul.iphone-ser li span.iphone-ser7 { background-position:17px -449px; }
ul.iphone-ser li span.iphone-ser7:hover { background-position:17px -1168px; }
ul.iphone-ser li span.iphone-ser8 { background-position:17px -645px; }
ul.iphone-ser li span.iphone-ser8:hover { background-position:17px -1364px; }
ul.iphone-ser li span.iphone-ser9 { background-position:17px -122px; }
ul.iphone-ser li span.iphone-ser9:hover { background-position:17px -841px; }
ul.iphone-ser li span.iphone-ser10 { background-position:17px -318px; }
ul.iphone-ser li span.iphone-ser10:hover { background-position:17px -1037px; }
ul.iphone-ser li span.iphone-ser11 { background-position:17px -514px; }
ul.iphone-ser li span.iphone-ser11:hover { background-position:17px -1233px; }
.contact-us-now { background:url(../images/contact-us-now.png) left top no-repeat; font-size:15px; height:82px;  line-height:20px; width:955px; margin:30px 0 10px 0; color:#fff; text-shadow:1px 1px 1px #000; }
.contact-us-now p { padding:14px 0 14px 30px; width:665px; float:left; font-family:'GillSansMTRegular';}
.contact-us-now a { width:163px; padding:0 0 0 50px; height:71px; line-height:66px; float:right; font-size:20px; font-family:'RockwellRegular'; color:#fff;  background:url(../images/contact-us-now-icon.png) 15px -76px no-repeat;  }
.contact-us-now a:hover {  background:url(../images/contact-us-now-icon.png)  15px 8px  no-repeat; color:#ccc;  }
/**************iPhone Application Development Page End*****************/


/**************Company Page Start*****************/
#company { margin:40px 0 0 0; }
.main-trigger { position:relative; margin:0; padding:0; min-height:65px;  }
#company h2.trigger { position:absolute; z-index:9; padding: 0 0 0 20px; margin: 0 0 5px 0; background:url(../images/tab-title-active.png) left top no-repeat; height:63px; line-height:40px; width:942px; float: left; }
#company h2.trigger a {border:none; text-decoration: none; color:#fff; display: block; font-size:19px; text-shadow:1px 1px 1px #2c393e; font-family:'RockwellRegular'; font-weight:normal; }
#company h2.trigger a:hover { color: #ccc; }
#company h2.active { position:absolute; z-index:9; background:url(../images/tab-title-active.png) left -63px no-repeat; } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
#company h2.active a { color:#fff!important; }
.toggle_container {display:block}
#company .toggle_container { margin:0px 0 5px 0px; padding:0 0 0 0; background:url(../images/tab-content.png) left 13px no-repeat; overflow: hidden; width:959px; clear: both; height:223px;  }
#company .toggle_container .block { padding:0; margin:35px 0 0 0; /*--Padding of Container--*/ background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/ min-height:163px; }
#company .toggle_container .block p { line-height:20px; width:615px; padding:20px 0 20px 20px; }
#company .toggle_container .img1 { background:url(../images/tab-img1.png) right bottom no-repeat; margin-top:33px!important; min-height:165px!important; }
#company .toggle_container .img2 { background:url(../images/tab-img2.png) right bottom no-repeat; }
#company .toggle_container .img3 { background:url(../images/tab-img3.png) right -1px no-repeat; }
#company .toggle_container .img4 { background:url(../images/tab-img4.png) right bottom no-repeat; }
/**************Company Page End*****************/

/**************Our Process Page Start*****************/
.proc {cursor:default}
.fixed-hourly-btn { padding:0 10%; }
.fixed-cost-btn a { width:166px; display:block; font-size:18px; color:#384348; height:53px; line-height:53px; padding-left:60px; background:url(../images/fixed-hourly-cost-btn-bg.png) left top no-repeat; }
.fixed-cost-btn a:hover { color:#282f33; background-position:0 -114px; }
.hourly-cost-btn a { width:166px; display:block; font-size:18px; color:#384348; height:53px; line-height:53px; padding-left:60px; background:url(../images/fixed-hourly-cost-btn-bg.png) left -57px no-repeat; }
.hourly-cost-btn a:hover { color:#282f33; background-position:0 -171px; }
.hire-dedicated-btn a{width:176px; display:block; margin-left:20px; font-size:18px; color:#384348; height:53px; line-height:53px; padding-left:50px; background:url(../images/fixed-hourly-cost-btn-bg.png) left -228px no-repeat; }
.hire-dedicated-btn a:hover{color:#282f33; background-position:0 -289px; }
/* Tiny Circleslider */
#rotatescroll3 { height:419px; position:relative; width:421px; margin:0 auto; text-align:center; cursor:default!important; }
#rotatescroll3 .viewport { height:419px; position: relative; margin:0 auto; overflow:hidden; width:421px; background:url(../images/our-process-center-bg.png) left top repeat-x; border-radius:210px; -moz-border-radius:210px; -webkit-border-radius:210px;}
#rotatescroll3 .overview { position: absolute; width: 798px; list-style: none; margin: 0; padding: 0; left: 0; top: 0; }
#rotatescroll3 .overview li { height:419px; width:421px; float: left; position: relative; }
#rotatescroll3 .overlay3 { background:url(../images/our-process-bg.png) no-repeat 0 0; position: absolute; left: 0; top: 0; height:419px; width:421px; }
#rotatescroll3 .overlay1 { background:url(../images/our-process-bg1.png) no-repeat 0 0; position: absolute; left: 0; top: 0; height:419px; width:421px; }
#rotatescroll3 .overlay2 { background:url(../images/our-process-bg2.png) no-repeat 0 0; position: absolute; left: 0; top: 0; height:419px; width:421px; }
#rotatescroll3 .thumb { background:url(../images/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -3px;  left: 137px; width: 100px; z-index:99; height: 100px; }
#rotatescroll3 .dot { background:url(../images/bg-dot.png) no-repeat 0 0; height: 28px; width: 28px; position: absolute; left: 160px; z-index: 100; line-height:28px; text-align:center; color:#000; font-size:13px; font-family:'RockwellRegular'; cursor:pointer!important }


/**************Our Process Page End*****************/

/**************Sitemap Page Start*****************/
.sitemap { margin:0 0 30px 0 }
.sitemap li a { background:url(../images/fpart-bullet.png) left 12px no-repeat!important; line-height:35px; padding-left:20px; text-shadow:0px 1px 0px #fff; color:#919191; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; display:block; }
.sitemap li a:hover { color:#000; padding-left:25px; background:url(../images/fpart-bullet.png) 5px 12px no-repeat!important; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.sitemap li ul { padding-bottom:10px; line-height:20px !important }
.sitemap li ul li a { color:#545D60!important; background:url(../images/bullet-arrow1.png) 15px 9px no-repeat!important; line-height:28px; padding-left:30px!important; }
.sitemap li ul li a:hover { color:#000!important; background:url(../images/bullet-arrow1.png) 23px 9px no-repeat!important; padding-left:38px!important; }
.sitemap strong {color:#333; font-weight:normal; font-size:16px}

/**************Sitemap Page End*****************/

/**************Get A Free Quote Page End*****************/
.free-quote { margin:0 0 0px 0; }
.free-quote ul li { margin:0 0 24px 0; line-height:28px; clear:both; }
.free-quote ul li label { width:170px; float:left; line-height:28px; font-size:14px; }
.free-quote ul li input[type=text], .free-quote ul li input[type=password], .sml-input { background:#f7f7f7; border:1px solid #c4ccd0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color: #626C72; font-size:12px; height:28px; line-height:28px; width:250px; padding:0 8px; font-size:13px; box-shadow: inset 0px 2px 2px #ccc; -moz-box-shadow: inset 0px 2px 2px #ccc; -webkit-box-shadow:inset 0px 2px 2px #ccc; behavior:url(pie.htc); }
.sml-input { width:150px!important; }
.free-quote ul li select { background:#f7f7f7; border:1px solid #c4ccd0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color: #626C72; font-size:12px; line-height:28px; height:28px; width:270px; padding:4px 3px; font-size:13px; box-shadow: inset 0px 2px 2px #ccc; -moz-box-shadow: inset 0px 2px 2px #ccc; -webkit-box-shadow:inset 0px 2px 2px #ccc; behavior:url(pie.htc); }
.free-quote ul li select option { padding:3px 5px; background:#fff; border:none; }
.free-quote ul li textarea { background:#f7f7f7; border:1px solid #c4ccd0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color: #626C72; font-size:12px; height:200px; line-height:18px; width:270px; padding:5px 8px; font-size:13px; box-shadow: inset 0px 2px 2px #ccc; -moz-box-shadow: inset 0px 2px 2px #ccc; -webkit-box-shadow:inset 0px 2px 2px #ccc; behavior:url(pie.htc); }
.free-quote ul li input[type=text]:focus, .free-quote ul li input[type=password]:focus, .free-quote ul li select:focus, .free-quote ul li textarea:focus, .sml-input:focus { box-shadow:0px 0px 10px #9eaaaf!important; box-shadow:0px 0px 10px #9eaaaf; -moz-box-shadow:0px 0px 10px #9eaaaf; -webkit-box-shadow:0px 0px 10px #9eaaaf; background:#fff; }
/**************Get A Free Quote Page Start*****************/

/**************Contact Page Start*****************/
.contact { margin:30px 0 40px 0; }
.contact .contact1 { width:470px; }
.contact .contact2 { width:470px; }
.contact .heading4 { background:url(../images/bullet-round.png) left top no-repeat; padding-left:32px; line-height:22px; height:23px; margin-bottom:15px; font-size:18px ; color:#545D60}
.contact .heading5 { background:url(../images/bullet-round.png) left top no-repeat; padding-left:32px; line-height:22px; height:23px; margin-bottom:15px; font-size:14px; }
.contact .contact1 .dark-gay-box, .contact .contact2 .dark-gay-box { margin:0 0 20px 0; height:120px; }
/**************Contact Page End*****************/

/**************Testimonials Page Start*****************
ul.testimonial { margin:20px 0 0px 0; padding:0; }
ul.testimonial li { margin:15px 0 0 0; padding:15px 0 25px 0; background:url(../images/testimonial-top.png) left top no-repeat; }
ul.testimonial li p {line-height:20px; background:url(../images/testimonial-1.png) left top no-repeat; padding:5px 0 0 28px; margin:0 15px;}
ul.testimonial li .client-name{font-family:'RockwellRegular'; font-size:16px; float:right; color:#DE4E00; text-align:right; padding:5px 0 0 0; text-shadow:1px 1px 1px #fff;}
ul.testimonial li span { float:right; margin:5px 0 0 0; color:#545D60; font-size:12px; text-align:right; font-family:'GillSansMTRegular';}
ul.testimonial li span a { color:#545D60; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
ul.testimonial li span a:hover{color:#DE4E00; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
ul.testimonial li .testimonial-bottom{background:url(../images/testimonial-bottom.png) center bottom no-repeat; height:37px; width:auto;}
ul.testimonial li  .testimonial-middle{background:url(../images/testimonial-middle.png) left top repeat-y; width:auto;}
**************Testimonials Page End*****************/

/*------------------------------ testimonial Slider ---------------------------------------*/

.myslides1 .test-top { margin:0px 0 0 0; padding:15px 0 0px 0; background:url(../images/testimonial-top.png) left top no-repeat; width:100%;}
#myslides p {line-height:20px; background:url(../images/testimonial-1.png) left top no-repeat; padding:5px 0 0 28px; margin:0 15px; width:auto}
#myslides .client-name{font-family:'RockwellRegular'; font-size:16px; float:right; color:#DE4E00; text-align:right; padding:5px 0 0 0; margin:20px 22px 0 0; text-shadow:1px 1px 1px #fff;}
#myslides span { float:right; margin:5px 0 0 0; color:#545D60; font-size:12px; text-align:right; font-family:'GillSansMTRegular';}
#myslides span a { color:#545D60; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
#myslides span a:hover{color:#DE4E00; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.myslides1 .testimonial-bottom{background:url(../images/testimonial-bottom.png) center bottom no-repeat; height:37px; width:100%;}
.myslides1  .testimonial-middle{background:url(../images/testimonial-middle.png) left top repeat-y; width:100%;}
.myslides-content{width: 100%!important;}
#myslides {
	width: 100%!important;
	height:250px!important;
    padding: 0;  
    margin:0;  
}

/*------------------------------ testimonial Slider ---------------------------------------*/


/**************Case Study Page Start*****************/
.case-studies-main { position:relative; margin:30px 0 35px 0 }
.case-studies { width:936px; height:523px;  margin:0 auto; padding:0 0 50px 0; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; behavior: url(pie.htc);   border: 1px solid #eee;  box-shadow: inset -2px -2px 2px #ccc; -moz-box-shadow: inset -2px -2px 2px #ccc; -webkit-box-shadow:inset -2px -2px 2px #ccc;  background:url(../images/whitetransparent.png) left top repeat;   }


   
.appicon {font-family:'RockwellRegular'; font-size:14px; color:#000; line-height:30px;  margin:0px 0 0px 0; text-shadow:2px 1px 1px #fff; }
.iphonetext {width:120px; float:left; margin-top:5px}
/**************Case Study Page End*****************/

.list-bullet li { line-height:28px; background:url(../images/bullet-arrow1.png) left 9px no-repeat; padding-left:20px; }
ul.list-round li { background:url(../images/bullet-round.png) left top no-repeat; padding-left:32px; line-height:24px; font-family:'RockwellRegular'; font-size:14px; color:919191; text-shadow:0px 1px 0px #fff; color:#263034 }
ul.list-round li + li { margin-top:15px; }
.mr5 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr20 { margin-right:20px!important; }
.mb10 { margin-bottom:10px!important; }
.mb20 { margin-bottom:20px!important; }
.mb40 { margin-bottom:40px!important; }
.mt3 { margin-top:3px!important; }
.mt40 { margin-top:40px!important; }
.h145 { height:145px; }
.w250 { width:250px }
.w365 { width:365px }
.w520 { width:520px }
.fs20 { font-size:20px; }
.white { color:#DE4E00!important }
/***************Do Not Delete - Rounded corner i8**************
.curved { -moz-border-radius:10px; -webkit-border-radius:10px;  behavior: url(pie.htc); }*/

.round { float: left; height: 2em; line-height: 2em; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; background: #EEE; border: 1px solid #CCC; border-bottom: 0; padding: 0 10px; color: #000; text-decoration: none; behavior: url(pie.htc); }
.lightbox-content { height: auto !important; overflow: hidden; padding:10px 0; width: 648px; }
.lightbox-content .content { float: left;  width: 370px; }
.lightbox-content .content h3 { color:#DE4E00; display: block; float: left; font-family:'RockwellRegular'; font-size: 22px; height: 50px; line-height: 24px; padding-bottom: 10px; text-shadow:1px 1px 0px #fff; width:270px; padding-top:14px;}
.lightbox-content .content h3 span { color: #525252; font-size: 12px; font-weight: normal; }
.lightbox-content .content > img{margin-top:10px;}
.lightbox-content .content .head { font-size: 13px; line-height: 19px; }
.lightbox-content .content ul { padding:0; height:280px;}
.lightbox-content .content ul li { line-height: 20px; padding:0px 0 0px 18px; background:url(../images/bullet-round1.png) left 6px no-repeat; }
/*------------------------------ Tab Menu Start ---------------------------------------*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 36px; 
	width: 100%;
	margin-left:15px
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 36px;
	line-height: 36px;
	border: none;
	overflow: hidden;
	position: relative;

}
ul.tabs li a {
	text-decoration: none;
		display: block;
	font-size:16px;
	outline: none;
	background:url(../images/case-tab-left-bg.png) left top no-repeat;
	border:none;
	padding-left:12px;
	margin-right:6px;
	font-family:'RockwellRegular';
	
}
ul.tabs li a span{background:url(../images/case-tab-right-bg.png) right top no-repeat;
	border:none; display:block; padding-right:12px; color:#818a91}

ul.tabs li.active a, ul.tabs li a:hover { 
	background:url(../images/case-active-tab-left-bg.png) left top no-repeat;
	border:none; padding-left:12px;
	color:#DE4E00;
}
ul.tabs li.active a span, ul.tabs li a:hover span{
	background:url(../images/case-active-tab-right-bg.png) right top no-repeat;
	border:none; display:block; padding-right:12px; color:#DE4E00
}
.tab_container {
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	color:#333;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background:url(../images/transparentbg.png) left top repeat;
	
	

	behavior: url(pie.htc);
/*	background:url(../images/casestudiesbg.png) 0 0 no-repeat;
*/	
	
	
}
.tab_content {
	height:400px;
	overflow:auto;
	margin:5px 10px 5px 10px;
	padding:5px;
	font-size:13px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(pie.htc);	
}

.tab_content p{line-height:20px; color:#333;}
.tab_content p a{text-decoration:underline; color:#000;}

.tab_content ul{}
.tab_content ul li{background:url(../images/bullet-arrow1.png) 6px 6px no-repeat; padding-left:20px; line-height:22px;}
.whitehead, .tab_content h4 {font-family:'RockwellRegular'; font-size:14px; color:#DE4E00; line-height:20px; margin:0px 0 0px 0; text-shadow:2px 1px 1px #fff; margin-bottom:5px; padding-bottom:5px ;  background:url("../images/line2.png") no-repeat scroll left bottom transparent}
.jspContainer ul {margin-bottom:10px;}
/*------------------------------ Tab Menu End ---------------------------------------*/
/*------------------------------ thank You---------------------------------------*/

#banner-container-small #banner-small.thanks {
    background: url("../images/thanks.png") no-repeat scroll -20px top transparent;
}
.thankscontent {font-size:18px}
.thankscontent p{line-height:26px;}

/*------------------------------ Request Proposal ---------------------------------------*/
#request-proposal #reqproposal_frm label.error { float:left; clear:both; color:#F37200!important; margin-top:-17px }
#request-proposal #reqproposal_frm #captchaimage { float:left; }
#request-proposal #reqproposal_frm .absolutediv { position:absolute; left:20px }
#request-proposal #reqproposal_frm .desc label.error { margin-top:-6px }
#request-proposal #reqproposal_frm ul.checkboxes label.error { margin-top:-167px }
#request-proposal #reqproposal_frm .captcha label.error { margin-top:0px }
/*------------------------------ Request Proposal ---------------------------------------*/


/*------------------------------ Iphone Banner ---------------------------------------*/


#banner-container-inner-ser-n {border-bottom: 3px solid #9AA4A8; margin-top: -6px; width: 100%; background:url(../images/inn-banner-bottom-bg.png) repeat-x left bottom; }


ul.navigation li.recent {
font-family:'RockwellRegular';
font-size:19px;
text-shadow:1px 1px 1px #FFFFFF;
height:64px; 
display:inline-block;
}
ul.navigation li.recent a {color:#384348; width:246px; display:inline-block;}
ul.navigation li.recent a span {background:url(../images/tab-icons.png) no-repeat 21px 10px; display:inline-block; height:42px; padding:22px 37px 0 76px;}
ul.navigation li.recent a:hover {color:#DE4E00;  background:url(../images/slide-t-bg.png) no-repeat left top; display:inline-block; height:64px; width:246px;}
ul.navigation li.recent a.selected {color:#DE4E00; background:url(../images/slide-t-bg.png) no-repeat left top; display:inline-block; height:64px; width:246px;}


ul.navigation li.services { 
font-family:'RockwellRegular';
font-size:19px;
text-shadow:1px 1px 1px #FFFFFF;
height:64px; 
display:inline-block;
}
ul.navigation li.services a {color:#384348; width:246px; display:inline-block;}
ul.navigation li.services a span {background:url(../images/tab-icons.png) no-repeat 21px -44px; display:inline-block; height:42px; padding:22px 37px 0 76px;}
ul.navigation li.services a:hover {color:#DE4E00;  background:url(../images/slide-t-bg.png) no-repeat left top; display:inline-block; height:64px; width:246px;}
ul.navigation li.services a.selected {color:#DE4E00; background:url(../images/slide-t-bg.png) no-repeat left top; display:inline-block; height:64px; width:246px;}


ul.navigation li.apps { 
font-family:'RockwellRegular';
font-size:19px;
text-shadow:1px 1px 1px #FFFFFF;
height:64px; 
display:inline-block;
}
ul.navigation li.apps a {color:#384348; width:246px; display:inline-block;}
ul.navigation li.apps a span {background:url(../images/tab-icons.png) no-repeat 21px -102px; display:inline-block; height:42px; padding:22px 37px 0 76px;}
ul.navigation li.apps a:hover {color:#DE4E00;  background:url(../images/slide-t-bg.png) no-repeat left top; display:inline-block; height:64px; width:246px;}
ul.navigation li.apps a.selected {color:#DE4E00; background:url(../images/slide-t-bg.png) no-repeat left top; display:inline-block; height:64px; width:246px;}

#services {background:url(../images/services-bg.jpg) no-repeat 487px bottom;}
#services h2 {
font-family:'RockwellRegular';
font-size:36px;
text-shadow:1px 1px 1px #FFFFFF;
color:#DE4E00;
line-height:normal;
padding:32px 0 8px 19px;
}

#services ul {padding:0 0 0 29px; margin:0px;}
#services li {padding:0 0 15px 22px; margin:0px; color:#384348; font-size:16px; font-family:'GillSansMTRegular'; background:url(../images/bullet-round2.png) no-repeat left 3px;}


/*------------------------------ Tab inn Slidebar ---------------------------------------*/

.bannersliderbutton {float:left; width:0px; height:383px; cursor:pointer}
#bannerslideleft {background:none;}
#bannerslideleft:hover {background-position:-0 -265px}
#bannerslideright {background:none;}
#bannerslideright:hover {background-position:-50px 90px}
#bannerslider {float:left; position:relative; overflow:hidden; width:945px; height:383px}
#bannerslider ul {position:absolute; list-style:none; top:0; left:0}
#bannerslider li {float:left; width:935px; height:383px}
.pagination-1 {position:absolute; top:336px; left:38px; list-style:none; height:25px}
.pagination-1 li {float:left; cursor:pointer; height:24px; width:23px; background:url(../images/slide-bullet.png) no-repeat left top; margin:0px;}
.pagination-1 li:hover, .pagination-1 li.current {background:url(../images/slide-bullet.png) no-repeat left -24px;}

.s-banner {float:left;}
.s-img1 { float:left; background:url(../images/slide-img1.jpg) no-repeat 445px bottom;}
.c-fix {float:left; width:100%; height:383px; background:url(../images/noor-logo.png) no-repeat 823px 3px;}
.c-fix h1 { line-height:normal;
font-family:'RockwellRegular';
font-size:36px;
text-shadow:1px 1px 1px #FFFFFF;
color:#DE4E00;
padding:24px 0 10px 19px;
}
.c-fix p {color:#384348; font-family:'GillSansMTRegular'; font-size:14px; line-height:24px; padding:0 0 27px 19px;}

.s-img2 { float:left; background:url(../images/slide-img2.jpg) no-repeat 413px bottom;}
.s-img3 {float:left; background:url(../images/slide-img3.jpg) no-repeat 355px bottom;}
.s-img4 {float:left; background:url(../images/slide-img4.jpg) no-repeat 377px bottom;}
.s-img5 {float:left; background:url(../images/slide-img6.jpg) no-repeat 305px bottom;}

.c-fix1 {float:left; width:100%; height:383px;}
.c-fix1 h1 { line-height:normal;
font-family:'RockwellRegular';
font-size:36px;
text-shadow:1px 1px 1px #FFFFFF;
color:#DE4E00;
padding:24px 0 10px 19px;
}
.c-fix1 p {color:#384348; font-family:'GillSansMTRegular'; font-size:14px; line-height:24px; padding:0 0 27px 19px;}


/*------------------------------ Tab inn Slidebar ---------------------------------------*/

#apps {background:url(../images/apps-bg.png) no-repeat left 17px; height:363px;}
.apps-r {padding:30px 0 0 0; margin:0px auto; width:630px;}
.apps-r li {padding:0px; margin:0px; display:inline;}

.apps-r1 {padding:0px; margin:0px auto; width:790px;}
.apps-r1 li {padding:0px; margin:0px; display:inline;}
.view-bt {position:absolute; right:32px; top:56px;}

.m-left10 {margin-left:10px;}
.ml-10 {margin:15px 0 0 25px;}

.mb15 {margin-bottom:15px;}

/*------------------------------ Iphone Banner ---------------------------------------*/


ul.testimonial {margin:0px; padding:33px 0 0 0;}
ul.testimonial li {background:url(../images/test-bot-shadow.png) no-repeat right bottom; padding:0 0 33px 0; margin:0px;}
ul.testimonial li div.testimonial-middle {background:url(../images/test-box-bg.png) repeat left bottom; position:relative; display:inline-block; border:solid 1px #bbbfbd; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; width:960px;}
ul.testimonial li div.testimonial-middle div.testimonial-con {background:url(../images/test-right-shadow.png) no-repeat right top; float:left; min-height:221px; width:684px; padding:26px 45px 20px 19px;}
ul.testimonial li div.testimonial-middle div.testimonial-con p {line-height:22px; padding-bottom:25px;}
ul.testimonial li div.testimonial-middle div.testimonial-con .client-name {float:right; text-align:right; font-family:'RockwellRegular'; font-size:16px; color:#DE4E00; text-shadow:1px 1px 1px #FFFFFF;}
ul.testimonial li div.testimonial-middle div.testimonial-con .client-name span {color:#545D60; font-family:'Gill Sans MT'; font-size:13px; padding-top:5px; display:inline-block;}
ul.testimonial li div.testimonial-middle div.apps-icon {width:212px; float:left; text-align:center; padding:25px 0 40px 0;}
ul.testimonial li div.testimonial-middle div.apps-icon .app-store {display:inline-block; padding-top:22px;}

/*------------------------------ Testimonials Page Start ---------------------------------------*/

.app-btn {background:url(../images/app-btn-bg-left.png) left top no-repeat; height:47px!important; line-height:35px!important; display:inline-block; font-family: 'RockwellRegular'; color:#fff!important; padding:0 0 0 18px; font-size:16px; text-shadow:0px 1px 1px #000;}
.app-btn span {background:url(../images/app-btn-bg-right.png) right top no-repeat; height:47px!important; line-height:38px!important; display:inline-block; font-family: 'RockwellRegular'; color:#fff!important; padding:0 24px 0 0; font-size:16px; text-shadow:0px 1px 1px #000;}
.app-btn:hover {background-position:left -47px; color:#ededed!important; text-shadow:0px 1px 1px #000;}
.app-btn:hover span {background-position:right -47px; color:#ededed!important; text-shadow:0px 1px 1px #000;}

/*------------------------------ Testimonials Page End ---------------------------------------*/


/*------------------------------ Custom styles ---------------------------------------*/

.round-corners {
    -moz-border-radius:10px;	
    -webkit-border-radius:10px;
    behavior:url(border-radius.htc);
}