/*
Theme Name: iphoneapplicationdevelopement
Theme URI: http://www.inidianic.com/
Version: 1.0
Author: iphoneapplicationdeveloper
Author URI: http://www.inidianic.com/
Tags: White, custom header, fixed width, two columns, widgets
*/

@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#ededed url(images/bg.jpg) top repeat-x; }
html { padding:0; margin:0; }
.blue { color:#26739f; }
.red { color:#ff0000; }
/* main */
.main { width:100%; padding:0; margin:0 auto; }
.resize { width:974px; margin:0 auto; }
/********** header **********/
.header { margin:0 auto; width:975px; height:153px; }
.header .call_us { float:right; display:block; padding:0px; padding-top:11px; }
.block_header { background:url(images/bg_head_block.jpg) no-repeat right 4px; height:103px; position:relative; }
.block_header .req_quote { position:absolute; right:20px; top:40px; }
.top_menu { float:right; padding:4px 10px; font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; line-height:1.6em; }
.top_menu a { font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; text-decoration:none; }
.top_menu a:hover { text-decoration:underline; }
/* logo */
.logo { float:left; width:417px; margin-top:25px; }
.logo a img { border:none; }
.logo a { border:none; }
/* search */
.search { float:right; width:430px; padding:40px 0 0 0; }
.search span { display:block; float:left; }
.search a { display:block; float:left; padding:10px 10px 0 10px; line-height:1.6em; color:#4270a1; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; }
.search a:hover { text-decoration:underline; }
.search form { display:block; float:left; padding:5px 10px 0 10px; }
.search form .keywords { float:left; background:url(images/text_bg.gif) no-repeat; border:0; height:17px; width:190px; padding:4px 10px; line-height:17px; margin:0 10px 0 0; font:normal 12px Tahoma, Geneva, sans-serif; color:#CCC; }
.search form .button { float:left; }
/* menu */
.menu { padding:0; margin:0; float:left; }
.menu ul { padding:0; margin:0; list-style:none; height:52px; border:0; border-left:1px solid #d6d6d6; }
.menu ul li { float:left; margin:0; padding:0; height:52px; border:0; border-left:1px solid #FFF; border-right:1px solid #d6d6d6; }
.menu ul li a { float:left; padding:19px 25px; color:#9c9c9c; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; }
.menu ul li a:hover { color:#ffffff; background:#333333; }
.menu ul li a.active { color:#ffffff; background:#333333; }
.menu ul li.sub_link { position:relative }
.menu ul li.sub_link ul.sub_box { position:absolute; left:0px; top:52px; background:url(images/repeat_bk.jpg) repeat-x left top #555555; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-box-shadow: 2px 2px 2px #333; -webkit-box-shadow: 2px 2px 2px #333; box-shadow: 2px 2px 2px #333; font:normal 12px Arial, Helvetica, sans-serif; padding:10px 0; width:275px; height:275px; z-index:+999; display:none; border:none }
.menu ul li.sub_link:hover ul.sub_box { display:block; }
.menu ul li.sub_link ul.sub_box li { padding:0; height:auto; border:none; display:block }
.menu ul li.sub_link:hover > a { background:#333; color:#fff }
.menu ul li.sub_link ul li a { color:#eee; text-decoration:none; text-transform:uppercase; padding:5px 0 5px 23px; display:block; width:253px; font-weight:normal; background:url(images/link_ar.gif) no-repeat 11px 9px; text-transform:none }
.menu ul li.sub_link ul li a:hover { color:#fff; background:url(images/link_ar_h.gif) no-repeat 11px 9px #000; -moz-box-shadow:0px 0px 2px #fff; -webkit-box-shadow:0px 0px 2px #fff; box-shadow:0px 0px 2px #fff }
.menu ul li.sub_link ul li { position:relative; }
.menu ul li.sub_link ul li ul { left:228px; top:0; position:absolute; background:#585757; height:auto; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; overflow:hidden; z-index:+9999; display:none; padding:7px 0; }
.menu ul li.sub_link:hover ul.sub_box li:hover ul { display:block; }
.menu ul li.sub_link ul li ul li { border:none; }
/********** slider **********/
.slider { background:#fefefe url(images/bg_header.jpg) repeat-x top; height:307px; margin:0; padding:20px 0; }
.slider div.slice1 { margin:0 auto; width:957px; border:1px solid #e3e3e3; background:#f8f8f8; padding:8px; }
.slider div.slice1 div.slice2 { margin:0; padding:1px; width:943px; border:6px solid #dadada; background:#FFF; }
.slider div div div { margin:0; padding:10px 0 0 45px; width:898px; height:265px; border:0; background:url(images/slider_bg.jpg) repeat-x top; }
.slider div div div p.img { float:right; padding:0 20px; margin:0; }
.slider div div div h2 { font:bold 27px Arial, Helvetica, sans-serif; color:#262626; margin:0; margin-bottom:10px; line-height:1.2em; }
.slider div div div p { font:12px/18px Arial, Helvetica, sans-serif; color:#777777; margin:0; margin:0; }
.slider div.links { font-weight:bold;  background:none; color:#555; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; height:auto; line-height:21px; padding:10px 0; width:auto; }
.slider div.links span { display:block; padding:12px 0 0 350px; }
/********** block index **********/
.body { background:#ededed; border:0; border-top:1px solid #dbdbdb; }
.body div.resize { padding:20px 0px; }
.body h1 { font:bold 20px Arial, Helvetica, sans-serif; color:#222222; line-height:1.4em; margin: 0px 0px 5px 2px; padding:0; }
.body h1 a { font:bold 20px Arial, Helvetica, sans-serif; }
.body h2 { font:bold 16px Arial, Helvetica, sans-serif; color:#222222; line-height:1.8em; margin:0px 0px 4px 2px; padding:0; }
.body h2.text_header { font:bold 18px Arial, Helvetica, sans-serif !important; color:#222222 !important; line-height:1.8em !important; margin:0 0 10px 10px !important; padding:0 !important; }
.body h2 a { font:bold 16px Arial, Helvetica, sans-serif; }
.body h3 { font:normal 14px Arial, Helvetica, sans-serif; color:#252525; line-height:1.6em; margin:0 0 10px 10px; padding:0; }
.body h3 a { font:normal14px Arial, Helvetica, sans-serif !important; color:#252525; text-decoration:none !important; }
.body h4 { font:bold 12px Arial, Helvetica, sans-serif; color:#26729f; line-height:1.6em; margin:10px 0 10px 10px; padding:0; }
.body h5 { margin:10px 0 0px 10px; padding:0; }
.body h4 a { font:bold 12px Arial, Helvetica, sans-serif; color:#26729f; }
.body p { padding:10px; margin:0; color:#252525; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.6em; }
.body a { color:#252525; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; }
.body a:hover { text-decoration:underline; }
.block_index div.left { float:left; width:650px; margin:0px; }
.block_index div.left div.box { background:#f6f6f6; border: 1px solid #dfdfdf; border-radius:5px; box-shadow:2px 2px 2px #aaa; margin-bottom:20px; padding:10px; }
.block_index div.right { float:left; width:303px; margin:0px 0px 0px 20px; }
.block_index div.right div.box { background:#f6f6f6; border: 1px solid #dfdfdf; border-radius:5px; box-shadow:2px 2px 2px #aaa; margin-bottom:20px; padding:10px; }
.block_index .skills { padding-top:10px; }
.block_index .skills h2 { border-bottom:dotted 1px #999; padding-bottom:7px; }
.block_index .skills ul { margin-top:8px; }
.block_index .skills ul li { display:inline-block; width:48%; }
/************ All Box ************/
/*div.box { background:#f6f6f6 url(images/box_rs.gif) repeat-y right; margin:0 0 20px 0; }
div.box div { background:url(images/box_ls.gif) repeat-y left; }
div.box div div { background:url(images/box_rt.gif) no-repeat top right; }
div.box div div div { background:url(images/box_lt.gif) no-repeat top left; }
div.box div div div div { background:url(images/box_rb.gif) no-repeat bottom right; }
div.box div div div div div { background:url(images/box_lb.gif) no-repeat bottom left; }
*/
div.box a { text-decoration:underline; }
div.box a:hover { text-decoration:none; }
div.box h2 { margin:0px 0px 0px 10px !important; line-height:1.2em !important; }
/********** body_footer **********/
.body_footer { background:#f4f4f4; padding:10px 0; border-top:solid 1px #dbdbdb; }
/* index */
.index { }
.index h2 { margin:0; padding:10px; text-indent:20px; border-bottom:1px solid #e3e3e3; font:bold 20px Arial, Helvetica, sans-serif; }
.index h2.about { background:url(images/icon_about.gif) no-repeat left center; }
.index h2.testimonials { background:url(images/icon_testim.gif) no-repeat left center; }
.index h2.contact { background:url(images/icon_contact.gif) no-repeat left center; }
.index p { padding:10px; margin:0; color:#252525; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; }
.index a { color:#252525; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; }
.index a:hover { text-decoration:underline; }
.index p.more { border-top: 1px solid #e3e3e3; }
.index p.more a { color:#26739f; text-decoration:underline; }
.index p.more a:hover { text-decoration:none; }
.index .left { float:left; width:290px; padding:14px; }
.index .center { float:left; width:290px; padding:14px; }
.index .right { float:left; width:290px; padding:14px; }
/********** portfolio **********/
.portfolio { }
.portfolio div.left { float:left; width:612px; margin:0 10px; }
.portfolio div.left div.box div div div div div { width:592px; padding:10px; }
.portfolio div.right { float:left; width:303px; margin:0 10px; }
.portfolio div.right div.box div div div div div { width:283px; padding:10px; }
.portfolio div p.button { border-top:1px solid #dbdbdb; }
.portfolio div p.img { padding:0; margin:0; }
.portfolio div p.img img { padding:10px; margin:0; background:#ededed; border:1px solid #c8c8c8; }
/********** blog **********/
.blog { }
.blog div.left { float:left; width:612px; margin:0 10px; }
.blog div.left div.box div div div div div { width:592px; padding:10px; }
.blog div.right { float:left; width:303px; margin:0 10px; }
.blog div.right div.box div div div div div { width:283px; padding:10px; }
p.blog_info { background:#ececec; padding:3px 10px; margin:0 10px; }
.blog div p.button { border-top:1px solid #dbdbdb; }
.blog div p.comment { background:url(images/comment_bg.gif) no-repeat; float:right; width:44px; height:24px; line-height:1.8em; text-align:center; padding:11px 0; margin:0 10px; font:bold 11px Arial, Helvetica, sans-serif; color:#252525; }
/* services */
.body h2.services { border-bottom:1px solid #dfdfdf; padding:0 0 5px 0; }
/********** sub navigation **********/
div.right ul.sub_nav { margin:0; padding:0; list-style:none; }
div.right ul.sub_nav li { margin:0; padding:0; background:url(images/sub_nav_left.gif) no-repeat left 7px; text-indent:20px; padding:5px; border-bottom:1px solid #dfdfdf; }
div.right ul.sub_nav li a { color:#000000; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; }
div.right ul.sub_nav li a:hover { color:#26739f; }
/********** sub navigation **********/
div.box ul { margin:0 0 4px 10px; padding:0; list-style:none; }
div.box ul li { margin:0; padding:0; background:url(images/sub_nav_left.gif) no-repeat 5px 7px; text-indent:15px; padding:3px 5px; float:none; width:100%; font:normal 12px Arial, Helvetica, sans-serif; }
div.box ul li ul { margin-top:4px; margin-bottom:0; }
div.box ul.features { margin:10px 0; }
div.box ul.features li { margin:0; padding:0; background:url(images/bul_features.gif) no-repeat 3px center; text-indent:20px; padding:5px 5px; float:none; width:100%; font:normal 12px Arial; }
div.box ul.step_link li { display:inline-block; width:48%; }
/********** contact form **********/
#contactform { margin:0; padding:5px; }
#contactform * { font-family: Arial, Helvetica, sans-serif; ; font-size:12px; color:#6f6f6f; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:5px 10px; background:none; border:none; }
#contactform li.buttons { margin:0; overflow:hidden; }
#contactform label { margin:0; width:95%; display:block; padding:2px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#222222; text-transform:uppercase; }
#contactform label span { color:#ff0000; }
#contactform input.text { width:95%; border:1px solid #dcdcdc; margin:0; padding:5px 2px; height:16px; background:#f5f5f5; }
#contactform .try_to { font-size:11px; text-transform:none; color:#585858; font-weight:normal; }
#contactform select.text { width:97%; border:1px solid #dcdcdc; background:#f5f5f5; }
#contactform textarea { width:95%; border:1px solid #dcdcdc; padding:2px; background:#f5f5f5; }
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left; }
p.response { text-align:center; color:#ff0000; font:12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto; }
/********** footer **********/
.footer { background:#f1f1f1 url(images/footer_bg.jpg) repeat-x top; padding:15px 0; }
.footer .resize { width:1000px; margin:0 auto; position:relative; }
.footer .resize .icon { position:absolute; right:0; top:0; color:#333; font-weight:bold; }
.footer .resize .icon a { display:inline-block; margin:0 2px; vertical-align:middle; }
.footer div.copyright { color:#6f6f6f; font:normal 11px Arial, Helvetica, sans-serif; text-align:center; }
.footer div.navi { padding-bottom:15px; }
.footer div.navi a { color:#555; font:normal 12px Arial, Helvetica, sans-serif; padding:0 5px; text-decoration:none; outline:none; }
.footer div.navi a:hover { color:#000; }
.text_left { text-align:right; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
.clear { clear:both; }
/******=> 01OCT09  *******/
/* ----- clear fix for floats ----- */
.clearfix:after { content: "."; display:block; height:0; font-size:0; line-height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */

.padding_10px { padding:0px 0 10px 0 !important; }
.next_btn { background:url(images/btn_left.gif) no-repeat left top; float:left; padding:0 0 0 5px; color:#FFFFFF; text-decoration:none !important; cursor:pointer; }
.next_btn span { background:url(images/btn_right.gif) no-repeat right top; float:left; padding:0 5px 0 0; height:26px; line-height:26px; color:#FFFFFF; text-decoration:none; }
.next_btn:hover { text-decoration:underline !important; color:#FFFFFF !important; }
div.box .news_list { margin:0; padding:0; }
div.box .news_list li { line-height:16px !important; text-indent:0; padding-left:10px !Important; background:url(images/news_list_arrow.gif) no-repeat left 10px; width: 263px !Important; }
.iphonedeveloperform { margin:0; padding:0 !Important; }
.font_size1px { font-size:11px; line-height:16px !important; }
#slider { margin:0; padding:1px; list-style:none; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:943px; height:275px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn, #nextBtn { display:block; margin:0; overflow:hidden; width:38px; height:46px; position:absolute; left:-31px; top:-158px; }
#nextBtn { left:950px; }
#prevBtn a { display:block; width:38px; height:46px; background:url(images/l_arrow.jpg) no-repeat 0 0; }
#nextBtn a { display:block; width:38px; height:46px; background:url(images/r_arrow.jpg) no-repeat 0 0; }
div.box div div div div div div.followus { background:url(images/follow-us.png) no-repeat; margin:0px 8px 4px 0px; width:34px !important; height:34px; display:block; overflow:hidden; padding:0px !important; float:left; }
div.box div div div div div div.followus a { display:block; width:34px; height:34px; }
div.box div div div div div div.facbook { background-position: 0px 0px; }
div.box div div div div div div.twitter { background-position: -36px 0px; }
div.box div div div div div div.feedburn { background-position:-72px 0px; }
.ios_features { font: 12px/1.6em Arial, Helvetica, sans-serif; color:#252525; padding:0!important; width:auto!important; }
.ios_features strong { display:inline-block; padding-left:10px; }
.ios_features p { padding:3px 10px!important; }
.ios_features p strong { padding-left:0; }
.ios_features img { float:left; margin:10px 10px 10px 0; }