/*	--------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
html, body { margin:0; padding:0;width:100% }
body { font: 13px Georgia, "Times New Roman", Times, serif;}
a { text-decoration:none; }
a:hover { text-decoration:none; }

.fl{ text-align: center }
.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; position:relative;*/
 /*}*/
#header-in {  position:relative; z-index:1;  }

#wrapper { }
#content { width:960px; 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:450px; }
.header_content { width:520px; float:right; margin-top:20px;min-height:430px;}
.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 20px 40px;  font: 18px Georgia, "Times New Roman", Times, serif;line-height: 30px;text-align: justify; }
.header_content p { padding:0px 0 20px 40px; font:14px Arial, Helvetica, sans-serif;  }
.header_content img { margin-left:40px; }

.price_tag { position:absolute; left:240px; 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:0; width:635px; }
.navigation .sf-menu { width:635px; }
* html .navigation { bottom:-1px;}

.navigation_h { width:950px;  } 
.navigation_h .sf-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:16px Georgia, "Times New Roman", Times, serif; line-height:26px;   }


.xsnazzy {  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 { text-align: justify;color: #000;font: 16px Georgia, "Times New Roman", Times, serif;line-height: 26px; }

#content ul { 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-weight:bold; font: 16px Georgia, "Times New Roman", Times, 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:16px 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 48px 0; text-align:left; font-weight:normal; }
#sidebar p.more a { text-decoration:underline;  }


#sidebar .widget { margin:0 0 50px 0; }
#sidebar .widget h3 { margin:0 0 10px 0; padding:0 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; 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{ text-decoration:none; 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:420px; height:360px; }
.iphone .anythingSlider .wrapper, .iphone .anythingSlider .wrapper ul { position: absolute; top:0px; left:0;   } 
.iphone .anythingSlider  { position: relative; margin: 0px auto;   }
.iphone .anythingSlider .wrapper ul  { width: 9999px; list-style: none; }
.iphone .anythingSlider ul li  { display: block; float: left; padding:0; margin:0; width:420px; }
.iphone .anythingSlider .arrow  { position:relative; z-index:10; top:380px; left:0;  }
.iphone .anythingSlider .wrapper { overflow:hidden; }

.iphone #thumbNav   { position: relative; top:380px; left:9px;  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 */
/* 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:130px;  }
.iphone .back { display:block; float:left; width:20px; height:20px; cursor:pointer; text-indent:-9009px; margin-left:160px; }

/*  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-left:-5px !important; padding:0  !important; }

* html .iphone .forward {  margin-right:10px; }
* html .iphone .back {  margin-left:10px; }
* html .iphone #thumbNav{ top:258px; left:47px; width:115px; height:20px;   }
*+html .iphone #thumbNav{ top:278px; left:9px; 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:302px; height:176px; 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;  }
.iphone2 .anythingSlider .wrapper { overflow:hidden; width:303px; }

.iphone2 #thumbNav   { position: relative; top:178px; left:10px;  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:6px; width:115px; height:20px;   }
*+html .iphone2 #thumbNav{ top:178px; left:9px; 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; text-transform:lowercase; }
.wpcf7 .wpcf7-form-control-wrap textarea { cursor:text; text-transform:lowercase; 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; text-transform:uppercase;  -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 */
.style_italic
{
	font-style:normal;
}
.google
{
	position: absolute;
	right:10px;
	top:12px;
}

@media screen and (max-width:820px) {
		.iphone.large-6.small-6.columns {
				width: 100%;
			}
			.header_content.large-6.small-6.columns {
		  width: 100%;
		}
		.header_content h1{
			padding:0px!important;
			text-align:center;
		}
		.header_content h2{
			padding:0px!important;
			text-align:center;
		}
		.large-12.small-12.columns > div {
		  margin: 0 !important;
		}
		.psnazzy{
			padding:0 20px;
		}
		#footer{
			padding: 0 20px;
		}
		.iphone{
			position:relative;
			height:auto!important;
			left:0px;
		}
		.iphone.large-6.small-6.columns iframe {
			  padding-top: 20px;
			  width: 100%;
		}
}

@media screen and (max-width:820px) {
	.header_content
	{
		margin-top:100px;
		min-height:250px;
	}
}

@media only screen and (max-width:414px) {
  /* For general iPad layouts */
  .iphone .anythingSlider, .iphone .anythingSlider .wrapper
	{
		width:300px;
		height:300px;
	}
	.iphone .anythingSlider, .iphone .anythingSlider .wrapper ul li img
	{
		width:280px;
		height:300px;
	}
	.iphone .anythingSlider .arrow  { position:relative; z-index:10; top:320px; left:0;  }
	.iphone .forward { display:block; width:20px; height:20px; cursor:pointer;  float:right; text-indent:-9009px; margin-right:80px;  }
.iphone .back { display:block; float:left; width:20px; height:20px; cursor:pointer; text-indent:-9009px; margin-left:80px; }

	.iphone #thumbNav   { position: relative; top:320px; left:10px;  z-index:99; text-align:right; }
}