/*  

Theme Name:    iPhone App
Theme URI:     http://templatic.com/
Description:   Developed by Bhavesh Radadiya.
Version:       1.5.3
Author:        Templatic
Author URI:    http://templatic.com/

*/

/*             IMPORTANT NOTE!
               If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template
               to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme
               without worrying about overwriting your style changes.
*/

/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('library/css/reset.css');

/* Import GRID styling for grid framework*/
@import url('skins/1-default.css');

/*	--------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
html, body { margin:0; padding:0; }
body { font:12px Arial, Helvetica, sans-serif;}
a { text-decoration:none; }
a:hover { text-decoration:none; }

.fl{ float: left }
.fr{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }

hr { margin-bottom:30px; margin-top:20px; clear:both;  }
.hr2 { margin:0px; padding:0; clear:both;  }


/* headings ---------------------- */
h1.head { margin:0 0 35px 0; display:block; font-size:36px; padding:0px; }
h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; }

/* Structure ---------------------- */
#header-in, #wrapper, #bottom, #footer  { width:960px; margin:0 auto; }
#header-in { padding-bottom:75px; position:relative; z-index:1;  }

#wrapper { padding-bottom:30px; }
#content { width:635px; float:right;  padding-top:50px; }
#sidebar { width:275px; float:left;  }
.sidebar_top_spacer { padding-top:135px;  padding-left:24px;  }
.sidebar_top_spacer_none { padding-top:48px;  padding-left:24px;  }

#bottom, #footer { padding:10px 0; clear:both; }

/* header ---------------------- */
.logo { margin:10px 0 10px 10px; } 
.iphone { position:absolute; top:20px; left:13px; z-index:2; width:290px; height:550px; }
.header_content { width:635px; float:right; margin-top:25px; min-height:280px; }
.header_content2 { width:430px; min-height:250px; margin-top:50px; }

.iphone2 { position:absolute; top:65px; left:28px; z-index:2; width:504px; height:272px; background:url(images/iphone_h.png) no-repeat; }

.header_content h1 { padding:0px 0 10px 40px; font:bold 48px Arial, Helvetica, sans-serif; }
.header_content h2 { padding:0px 0 10px 40px; font:20px Arial, Helvetica, sans-serif;  }
.header_content p { padding:0px 0 18px 40px; font:14px Arial, Helvetica, sans-serif;  }
.header_content img { margin-left:40px; }

.price_tag { position:absolute; left:250px; top:120px; z-index:4; width:95px; height:95px; padding-top:35px; font:bold 22px Arial, Helvetica, sans-serif; text-align:center;   }
.price_tag2 { left:450px; top:250px;  }

.app_store { float:left;  }
.pdf { background:url(images/i_pdf.png) no-repeat left top; padding:0 0 0 30px; margin:20px 0 0 20px; float:left; display:block; color:#fff; font:bold 12px Arial, Helvetica, sans-serif;   }
.pdf a { color:#fff; text-decoration:none;  }
.pdf a:hover { color:#fff; text-decoration:underline; }

.navigation {   position:absolute; right:0; bottom:1px; width:635px; }
.navigation .sf-menu,.navigation .menu { width:635px; }
* html .navigation { bottom:-1px;}

.navigation_h { width:950px;  } 
.navigation_h .sf-menu, .navigation_h .menu { width:950px; margin-left:10px;  }
* html .navigation { bottom:0px;}

/* home ---------------------- */
#content .features  { height:100%; overflow:hidden; margin-bottom:20px; padding-bottom:20px;   }
#content .features h3 { margin:0;  padding:0px 0 5px 0px; font:20px Arial, Helvetica, sans-serif; color:#2c488a; width:496px; float:right; } 
#content .features p {  padding:0px 0 10px 0px; font:14px Arial, Helvetica, sans-serif; color:#333; width:496px; float:right; line-height:20px; } 

#content .features br { display:none; }

#content .features img { float:left; padding:5px; margin-top:2px; }
#content h3.title { margin:0 0 30px 0; padding:0; font:22px Arial, Helvetica, sans-serif; }


.xsnazzy { color:#b1b1b1b1; margin:0;}
.xtop, .xbottom {display:block; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 { }
.xb1 {margin:0 5px; }
.xb2 {margin:0 3px; }
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block;  padding:20px; }




.psnazzy {  margin:0;}
.ptop, .pbottom {display:block; font-size:1px;}
.pb1, .pb2, .pb3, .pb4 {display:block; overflow:hidden;}
.pb1, .pb2, .pb3 {height:1px;}
.pb2, .pb3, .pb4 { }
.pb1 {margin:0 5px; }
.pb2 {margin:0 3px; }
.pb3 {margin:0 2px;}
.pb4 {height:2px; margin:0 1px;}

.pboxcontent {display:block;  padding:10px 0; }

#content p.hightlight { margin:0 0 20px 0; padding:10px;  }
#content p.hightlight a { text-decoration:underline; }
#content p.hightlight a:hover { text-decoration:none; }


/* content ---------------------------- */
p { padding:0px 0 10px 0; line-height:20px; margin:0 }
#content p { font-size:14px; }

#content ul { color:#eef5ff; list-style:none; }
#content li { margin:0 0 8px 0; padding:0 0 0 12px; line-height:20px; font-size:14px; }
#content ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal;  line-height:18px; }
#content ol li ol { margin:8px 0 5px 18px; padding:0; }
#content ol li { margin:0 0 5px 0; padding:0; }

#content h3 { margin:20px 0 10px 0; padding:0; font:22px Arial, Helvetica, sans-serif; }

/* post  ---------------------------- */
blockquote { clear:both; height:100%; margin:10px 0 0px 5px; overflow:hidden; padding:0 0 20px 30px; }
#content blockquote p { font:italic 18px Georgia, "Times New Roman", Times, serif; margin:0 0 5px 0; padding:0; line-height:23px; }
blockquote cite { font-size:12px; font-style:bold ; float:right; line-height:18px; text-align:right; display:block;   }

blockquote a { font-size:13px; }

.flickr img{ padding:2px; width:68px; height:68px;   }

#calendar_wrap{ padding:0; font-size:13px }
#wp-calendar { width:100%; }
#wp-calendar  caption { font-weight:bold; font-size:15px; text-transform:uppercase; }
#calendar_wrap caption{ padding:10px 0 }

.posts h1 {	font-size: 25px }
.posts h2 {	font-size: 23px }
.posts h3 {	font-size: 21px }
.posts h4 {	font-size: 19px }
.posts h5 {	font-size: 17px }
.posts h6 {	font-size: 15px }

h4.cate_title { font-size:26px; clear:both; }

dl,hr,h1,h2,h3,h4,h5,h6,ol,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 }
p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0;  }
p em { line-height:20px; } 

code { line-height:18px; }

#content .posts { padding-bottom:5px; margin-bottom:35px; }
#content .post_top { margin:0 0 10px 0;  }
#content p.post_top a { text-decoration:none; }
#content p.post_top a:hover { text-decoration:none; }
.more { font-size:12px; font-weight:bold; }

#content .post_top h2 { margin:0; padding:0; font-size:20px;  line-height:normal; font-weight:bold; }
.commentcount { margin-left:3px; padding-left:18px; padding-bottom:3px;  }

#content .headline {   padding-left:25px; }
#content .headline h3 { margin:0; border:none; float:left; font-size:16px; font-weight:bold;   }
#content .headline h3 a { padding:12px 0 8px 0;  width:430px; display:block;}

#content .headline .commentcount {  float:right; margin-right:-8px; margin-top:12px; width:90px; text-align:left;  }
#content p.postmetadata { margin:0 0 0px 0;  font-size:11px;  }
#content .post_top p.postmetadata { margin:0; padding:0; font-size:11px; }

#content .posts h2.title { margin:0; padding:0; font-size:26px; font-weight:bold; }
#content .posts h2.title a { text-decoration:none; }
#content .posts h2.title a:hover { text-decoration:none; }

#content p.post_bottom { margin:0; padding:0; font-size:11px; }
#content p.post_bottom a { text-decoration:none;  }
#content p.post_bottom a:hover { text-decoration:none;  }

/* Post Pagination */
.pagination { float:left; margin:0; padding:0; height:100%; overflow:hidden; margin-bottom:20px; }
.pagination .on { padding:9px 12px; margin-right:3px; float:left; display:block; }
.pagination a { display:block; float:left; padding:9px 12px; margin-right:3px; }


/*#sidebar ----------------------- */
#sidebar blockquote { margin:0 0 15px 0; padding:0; background:none;  }
#sidebar blockquote p { margin:0 0 18px 0; padding:0;  font:18px Georgia, "Times New Roman", Times, serif; line-height:26px;  }
#sidebar blockquote p span { float:left; display:block; width:35px; height:25px;}

#sidebar blockquote cite { text-align:left; float:none; font: normal 13px Arial, Helvetica, sans-serif; }

#sidebar p.more { margin:0 0 32px 0; text-align:right; font-weight:normal; }


#sidebar .widget { margin:0 0 32px 0; }
#sidebar .widget h3 { margin:0 0 10px 0; padding:20px 0 5px 0; font-size:20px; font-weight:bold; }
#sidebar .widget p {  line-height:18px; }

.subscribe { padding-top:6px;  }
.subscribe_textield {  padding:3px; font:13px Arial, Helvetica, sans-serif; width:180px; background-color:transparent; border:none; margin-bottom:15px; margin-left:29px;  border:0; }
.bsubscribe { width:146px; height:33px; padding:0; clear:both; float:left;  }

#sidebar ul { margin:0; padding:0; list-style:none; }
#sidebar li { margin:0; padding:3px 0 8px 13px; font:12px Arial, Helvetica, sans-serif; line-height:18px; }
#sidebar li a { text-decoration:none;  }

a.b_followusontwitter { width:223px; height:33px; padding:0; display:block; clear:both; text-indent:-9009px;  }

/*---------COMMENTS --------- */
#comments h3{ font:normal 18px Arial, Helvetica, sans-serif; padding:0 0 5px 0; margin:0 0 20px 0; }
#comments .commentlist { padding:0; margin:0 }

#comments .commentlist li p { margin:0; padding:0; }
#comments ol{padding:20px 0;}
#content #comments .comment { margin: 10px 0 30px 0; padding:0; width: 100%; background:none; list-style:none }
#comments .comment a{ padding:1px 0 }
#content #comments  p.authorcomment { margin:3px 0 0 0; padding:0; line-height:normal;  font-size:11px; font-weight:bold; }
#comments  p.authorcomment a { text-decoration:none; }
#comments  p.authorcomment a:hover { text-decoration:none; }

#comments .comment .meta-left { width: 90px; float:left;}
#comments .comment .meta-left p{ padding:0; margin:0 }
#comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px; }
#comments .comment small {font-size: 11px }
* html #comments .comment .text-right { height:70px }
#comments .comment .text-right { min-height:70px; margin:0; padding: 12px; margin-left:100px; float:none }
#comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 13px; font-size:12px; }
#comments ul.children { margin:10px 0 0 20px; padding:0 }
p.commpadd{ padding:0; margin:0 0 10px 0 }
span.comm-reply{ float:right; padding:5px 0 0 0; font-size:11px; }
span.comm-reply a:hover{ font-size:11px; text-decoration:none; }
.cancel-comment-reply{ padding:0 0 10px 0 }
#respond { padding:10px 0 0 0; margin:0 }
#respond textarea, .commpadd input{ font:13px Arial, Helvetica, sans-serif;   }
#respond textarea { margin:0; padding:5px; }
p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px; width:300px }
p.commpadd label{ padding:0 0 0 5px }
input#submit{ font:bold 12px Arial, Helvetica, sans-serif; text-align:center; padding: 5px; margin:0; cursor:pointer; }
* html #commentform label { margin:-8px 0 0 0; 	position:relative; top:-8px; }
*+html #commentform label { margin:-8px 0 0 0; 	position:relative; top:-8px; }
.avatar { padding:3px;}

/* bottom ---------------------------- */
#bottom .widget h3 { margin:0 0 10px 0; padding:0; font:bold 18px Arial, Helvetica, sans-serif; }
.bottom1, .bottom2, .bottom3 { width:270px; }
.bottom1, .bottom2 { float:left; } 
.bottom1 { padding-left:25px; }
.bottom2 { padding-left:51px; }
.bottom3 { float:right; padding-left:51px; }

#bottom .widget p { margin:0 0 10px 0; padding:0; font:12px Arial, Helvetica, sans-serif; line-height:18px; }

#bottom li { margin:0 0 5px 0; padding:3px 0; list-style:none; font-size:14px;  }
#bottom li a { text-decoration:none;  }
#bottom li a:hover { text-decoration:none;   }


#bottom .links { margin:0; padding:0; list-style:none;  }
#bottom .links li { margin:0 0 4px 0; padding:3px 0 3px 15px; float:left; width:110px; float:left; margin-right:5px; font:12px Arial, Helvetica, sans-serif; }
#bottom .links li a { text-decoration:none; }
#bottom .iSocialize_icons img { float:left; margin-right:10px;  }


#footer .copyright , #footer .copyright  a {text-decoration:none; }
#bottom .imgleft { float:left; margin:0 5px 0px 0; }

/* Featured Work slider css ---------*/
.iphone .anythingSlider, .iphone .anythingSlider .wrapper  { width:200px; height:300px; }
.iphone .anythingSlider .wrapper, .iphone .anythingSlider .wrapper ul { position: absolute; top:0px; left:0;   } 
.iphone .anythingSlider  { position: relative; margin: 85px 0 0 47px;   }
.iphone .anythingSlider .wrapper ul  { width: 9999px; list-style: none; }
.iphone .anythingSlider ul li  { display: block; float: left; padding:0; margin:0; width:200px; }
.iphone .anythingSlider .arrow  { position:relative; z-index:10; top:405px; left:0; display:none;  }
.iphone .anythingSlider .wrapper { overflow:hidden; }

.iphone #thumbNav   { position: relative; top:405px; left:44px;  z-index:99; text-align:right; }
.iphone #thumbNav a  { color: black; float:left; font: 11px Arial, Helvetica, sans-serif; display:block; padding:0; width:16px; height:16px; margin: 0 5px 0 0; text-align: center; 
text-indent:-9009px; }
/* slider css */
.iphone #thumbNav a   { text-indent:-9009px; }

.iphone #start-stop   { display:none; }
.iphone .forward { display:block; width:20px; height:20px; cursor:pointer;  float:right; text-indent:-9009px; margin-right:20px;  }
.iphone .back { display:block; float:left; width:20px; height:20px; cursor:pointer; text-indent:-9009px; margin-left:20px; }

/*  Prevents */
.iphone .anythingSlider .wrapper ul ul  { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.iphone .anythingSlider .wrapper ul ul li  { float: none; height: auto; width: auto; }

.iphone .anythingSlider ul li.photo  { margin:0 !important; padding:0  !important; }

* html .iphone .forward {  margin-right:10px; }
* html .iphone .back {  margin-left:10px; }
* html .iphone #thumbNav{ top:258px; left:57px; width:115px; height:20px;   }
*+html .iphone #thumbNav{ top:278px; left:44px; width:115px; height:20px;   }

.iphone .video #thumbNav, .iphone .video .arrow, .iphone2 .video #thumbNav, .iphone2 .video .arrow { display:none;   }
.iphone .video_verticle_screen { margin: 65px 0 0 47px; width:199px; height:310px; overflow:hidden; }
.iphone2 .video_verticle_screen2 { margin: 22px 0 0 100px; width:303px; height:202px; overflow:hidden;   }



/* Featured Work slider css ---------*/
.iphone2 .anythingSlider, .iphone2 .anythingSlider .wrapper  { width:300px; height:200px; background:#eee; }
.iphone2 .anythingSlider .wrapper, .iphone2 .anythingSlider .wrapper ul { position: absolute; top:0px; left:0;   } 
.iphone2 .anythingSlider  { position: relative; margin: 23px 0 0 100px;   }
.iphone2 .anythingSlider .wrapper ul  { width: 9999px; list-style: none; }
.iphone2 .anythingSlider ul li  { display: block; float: left; padding:0; margin:0; }
.iphone2 .anythingSlider .arrow  { position:relative; z-index:10; top:178px; left:0; display:none;  }
.iphone2 .anythingSlider .wrapper { overflow:hidden; width:300px; }

.iphone2 #thumbNav   { position: relative; top:245px; left:95px;  z-index:99; text-align:right; }
.iphone2 #thumbNav a  { color: black; float:left; font: 11px Arial, Helvetica, sans-serif; display:block; padding:0; width:16px; height:16px; margin: 0 5px 0 0; text-align: center; 
text-indent:-9009px; }
/* slider css */
.iphone2 #thumbNav a   { text-indent:-9009px; }

.iphone2 #start-stop   { display:none; }
.iphone2 .forward { display:block; width:20px; height:20px; cursor:pointer;  float:right; text-indent:-9009px; margin-right:70px;  }
.iphone2 .back { display:block; float:left; width:20px; height:20px; cursor:pointer; text-indent:-9009px; margin-left:70px; }

/*  Prevents */
.iphone2 .anythingSlider .wrapper ul ul  { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.iphone2 .anythingSlider .wrapper ul ul li  { float: none; height: auto; width: auto; }

.iphone2 .anythingSlider ul li.photo  { margin:0 !important; padding:0  !important; }

* html .iphone2 .forward {  margin-right:35px; }
* html .iphone2 .back {  margin-left:35px; }
* html .iphone2 #thumbNav{ top:178px; left:95px; width:115px; height:20px;   }
*+html .iphone2 #thumbNav{ top:178px; left:95px; width:115px; height:20px;   }

.iphone2 .video #thumbNav, .iphone2 .video .arrow { display:none;   }
.iphone2 .video_verticle_screen { margin: 65px 0 0 47px;  }

/* contact form ------------------------ */
.wpcf7 p { margin-bottom:15px; font:14px Arial, Helvetica, sans-serif; }
.wpcf7 .wpcf7-form-control-wrap input { width:390px; text-align:left;  padding:8px; font:14px  Arial, Helvetica, sans-serif; cursor:text; }
.wpcf7 .wpcf7-form-control-wrap textarea { cursor:text; padding:8px; width:490px; text-align:left; font:14px Arial, Helvetica, sans-serif;  }
.wpcf7  p input  { width:127px;	cursor:pointer;  font:bold 14px  Arial, Helvetica, sans-serif; padding:7px; text-align:center; -moz-border-radius:5px;  -webkit-border-radius:5px;  }
span.wpcf7-not-valid-tip { left:0 !important; top:-5px !important; }
.wpcf7 span.wpcf7-radio input, .wpcf7-list-item-label { width:auto; font-weight:normal;  }

.message_error2 { font:11px Arial, Helvetica, sans-serif; color:#990000;  }
#content p.success_msg { font-size:17px; font-weight:bold; color:#81a952; margin-bottom:25px; padding:8px 0; text-align:center; background:#f2ffe3; border-top:1px solid #acc98b; border-bottom:1px solid #acc98b;   }

/* new clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */