/*
Theme Name: MyApp
Theme URI: http://www.elegantthemes.com/gallery/
Version: 1.1
Description: 2 Column theme from Elegant Themes
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
*/


/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body { text-align: center; line-height: 21px; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #202d37; /*text-shadow: 1px 1px 0px #dee4e6;*/ min-height: 25px; background: #ebebeb; }

a { text-decoration: none; color: #008dce; text-shadow: 1px 1px 0px #ffffff; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #141e25; letter-spacing: -1px; line-height: 1em; font-weight: bold; font-family: Arial, san-serif; text-shadow: 1px 1px 0px #e7ecee;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #141e25; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
h1.title { padding-bottom: 20px; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: 100; letter-spacing: 0; }
.entry h1 { font-size: 28px; }
.entry h2 { font-size: 26px; }
.entry h3 { font-size: 24px; }
.entry h4 { font-size: 22px; }
.entry h5 { font-size: 20px; }
.entry h6 { font-size: 18px; } 
p { padding-bottom: 15px; line-height: 24px; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
	blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 5px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.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 */

.fancybox-hidden { display: none }

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

#header-top  { background: #17222a url(images/header.png) repeat-x left top; height: 43px; }
	#top-shadow { position: absolute; top: 0px; left: 0px; 
    /* appears to be an empty image
    background: url(images/header-top-light.png) no-repeat top center; 
    */
    width: 100%; height: 100%; }
	#bottom-shadow { position: absolute; bottom: 0px; left: 0px; background: url(images/header.png) left -585px repeat-x; width: 100%; height: 24px; }
#header-top .container {padding-top: 11px;}
	.container {text-align: left; width: 950px; margin: 0 auto; position: relative; }
#header {background: url(images/header.png) repeat-x left -48px; position: relative; height: 340px; border-bottom: 1px solid #030405;}
			#logo { position: absolute; top: 20px; left: 0;/* width: 380px; height: 85px; */border: none; }
				.logo { /*background: url(images/logo.png) no-repeat;*/ }
				.logo-hover { /*background: url(images/logo-hover.png) no-repeat;*/ }
			#slogan { font-family: Georgia, serif; font-style: italic; color: #000000; text-shadow: 1px 1px 0px #425564; font-size: 19px; margin-top: 45px; float: left; padding-left: 20px; }
			#description {float: left; width: 400px; padding-top: 130px; }
				#description p {font-size: 16px; color: #ffffff; text-shadow: 1px 1px 3px #333333; padding-bottom: 12px; margin-left: 20px; }
				#description ul li {background: url(images/bullet.png) no-repeat 0 7px; padding-left: 16px;}
				#description ul li a {font-size: 13px; color:#d8e0e3; text-shadow: 1px 1px 1px #010c14; padding-bottom: 5px; line-height: 17px; font-weight: bold;}
				#platforms-left {background: url(images/platforms-left.png) no-repeat; width: 23px; height: 42px; float: left; margin-top: 23px;}
				#platforms-content { background: url(images/platforms-content.png) repeat-x; float: left; height: 42px; width: 330px; margin-top: 23px; }
					#platforms-content p {font-family: Georgia, serif; font-style: italic; color: #dfdfdf; text-shadow: 1px 1px 0px #747474; font-size: 16px; float: left; padding-top: 8px; margin-left: 0; }
					#p-icons {float: right; padding-top: 8px;} 
		.icon1:hover, .icon2:hover, .icon3:hover, .icon4:hover {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); }
						#p-icons img {padding-left: 8px; }





				#platforms-right {background: url(images/platforms-right.png) no-repeat; width: 23px; height: 42px; float: left; margin-top: 23px;}
			

#buy-image {float:left; position: relative; top: 19px;}	/*buy-image is on home page next to iphone*/		
#buy-image img {padding-left: 75px;}							
#buy-image a#buy-now {background: url(images/belt.png) no-repeat; position: absolute; height: 82px; width: 248px; top: 34px; left: 52px; font-weight: bold; font-size: 34px; text-decoration: none; color: #eeeeee; text-shadow: 1px 1px 0px #888888; display: block; padding-left: 51px; line-height: 70px;}
.buy-info{ position: absolute; top: 140px; left: 114px; width: 180px; height: 100px; font-size: 21px; text-align: center; color: #eeeeee; text-shadow: 1px 1px 1px #000;}
.buy-info span{font-weight: bold; font-family: Helvetica;}
.app-store { width: 180px; height: 60px; background: url(images/app-store.png) center center no-repeat; margin-top: 20px; }


#content {background: #ebebeb /*url(images/content-bg.jpg)*/; position: relative; border-top: 1px solid #dce3e5;}
	#content-shadow { background: url(images/content-bottom-bg.png) repeat-x; height: 40px; width: 100%; bottom:0; left:0; position:absolute; }
	
	body#home #content .container {background:url(images/content-shadow.png) no-repeat scroll 686px bottom transparent; }	
		#side-tabs {background:url(images/tabs-shadow.png) no-repeat scroll 116px 0 transparent; float: left; width: 205px; height: 353px; margin-top: -1px; }
			#side-tabs ul {margin-top: 46px /* FIX was 43px */; margin-left: 12px; font-size: 16px; background:url(images/arrow.png) no-repeat; padding-bottom: 20px; }
				#side-tabs ul li { margin-bottom: 10px; }
					#side-tabs ul li a {text-decoration: none; color: #202d37; text-shadow: 1px 1px 0px #e7eff2; display: block}
						#side-tabs ul li a img {padding-top: 3px; padding-left: 4px; float: left;}
						#side-tabs ul li a span {padding-left: 14px; float: left; display: block; padding-top: 12px;}
					#side-tabs ul li a.activeTab  {width: 191px; color: #ffffff; text-shadow: 1px 1px 0px #3a515a; }
				
		#main-area {float: left; margin-top: 50px; margin-left: 29px; width:483px;}	
			#main-area p { line-height: 18px; }
			#main-area .tab-content {width: 424px;padding-right:45px; text-align: justify;}
				#main-area .tab-content h2.title {font-weight: bold; font-size: 20px; margin-bottom: 20px; }
				#main-area .tab-content p.post {line-height: 18px; padding-bottom: 23px; padding-top: 20px; }
				
				blockquote {background: url(images/blockquote.png) no-repeat; border: none; margin: 0px; padding-left: 55px;line-height: 18px; color: #202d37; text-shadow: 1px 1px 0px #e7ecee; padding-top: 12px; padding-bottom: 22px; background-position: 0px 15px; }
				
				#main-area a.readmore { background: url(images/readmore-left.png) no-repeat top right; display: block; height: 33px; padding-right: 18px; line-height: 35px; float: right; font-weight: bold; text-shadow: 1px 1px 0px #005174; font-size: 11px; margin-bottom: 26px; margin-right: -36px; float: right; color: #c0cfd5;}
					#main-area a.readmore span { display: block; background: url(images/readmore-right.png) no-repeat; padding:0 6px 0 13px; height:33px; }
	
	img#logo2 { float: left; margin-top: -6px; }
				
			
#page-top {background: url(images/header.png) left -430px repeat-x; position: relative; height: 133px; border-bottom: 1px solid #030405;}	
#overlay {background: url(images/header-bg-hover.png) no-repeat; height:132px;}
			#cat-description {float: left; width: 710px;}
				#cat-description h1 {font-size: 34px; color: #e3f8ff; text-shadow: 1px -1px 1px #090d10; margin-top: 34px;}	
				#cat-description p { font-family: Georgia, serif; font-style: italic; color: #000000; text-shadow: 1px 1px 0px #425564; font-size: 19px; }	
			#buy-image2 {float:right; position: relative; padding-top: 22px;}
				#buy-image2 a#get-our-app {background: url(images/belt2.png) no-repeat; position: absolute; height: 69px; width: 242px; top: 49px; left: -11px; font-weight: bold; font-size: 24px; text-decoration: none; color: #ccffff; text-shadow: 1px 1px 0px #006475; display: block; padding-left: 35px; line-height: 57px;}

		#social { float: right; position: relative; margin-top: 37px; }
			#facebook, #twitter, #rss, #youtube, #linkedin { width: 60px; height: 60px; display: inline-block; background: url(images/social-icons.png) no-repeat; }
			#facebook { background-position: 0 0; margin-left: 0; }
			#twitter { background-position: -68px 0; margin-left: 27px; }
			#rss { background-position: -136px 0; margin-left: 27px; }
			#youtube { background-position: -272px 0; margin: 0 13px; }
			#linkedin { background-position: -204px 0; margin: 0 13px; }



#breadcrumbs {background: url(images/breadcrumbs-search.png) left top repeat-x; height: 46px;}	
		#breadcrumbs-nav {float: left; line-height:44px;}
			#breadcrumbs-nav, #breadcrumbs-nav a { font-weight: bold; font-size: 11.5px; color: #ccffff; text-shadow: -1px 1px 3px #597a88;  }  
			#breadcrumbs-nav a {display: block; float: left; }
			#breadcrumbs-nav a:hover { color: #e3f8ff; text-decoration: none; }
		#search-form {float: right;}
		
		#main-content {width: 678px; margin-top: 33px; margin-bottom: 15px; float: left; }

		.download { float: right; background: url(images/app-store.png) no-repeat; width: 180px; height: 60px;
/*background: url(http://www.appstudio.co.il/wp-content/uploads/2010/06/freedownload.png) no-repeat; width: 182px; height: 36px;*/ margin: 0 0 10px 20px; }

		.preview { float: left; margin: 0 20px 10px 0; }

			div.entry { margin-bottom: 50px; }
				.entry p { text-align: justify; }
				.entry a { color: #0e1419; text-shadow: none; font-weight: bold; }
				
				.entry ul { list-style-type: disc; margin: 10px 0px 10px 20px; }
				.entry ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
					.entry ul li ul, .entry ul li ol { margin: 2px 0px 2px 20px; }
					.entry ol li ul, .entry ol li ol  { margin: 2px 0px 2px 35px; }
				
				div.entry img.alighleft {float: left; margin-right: 19px; margin-top: 3px;}	
				div.entry img.thumb { /*-moz-border-radius: 10px; -webkit-border-radius: 10px; border-right: 1px solid #d9e1e3; border-bottom: 1px solid #d9e1e3; border-left: 1px solid #59696e; border-top: 1px solid #59696e;*/ }
				.rounded-corner { background: url(images/over-box.png) no-repeat; width: 152px; height: 152px; position: absolute; margin: -1px 0 0 -1px; }
				div.entry h3.title { font-size: 20px;  padding-bottom: 15px; font-family: Arial, Verdana, sans-serif; }
					div.entry h3.title a { color: #141e25; text-shadow:1px 1px 1px #E7ECEE; }
					div.entry h3.title a:hover { color: #000000; text-decoration: none; }
					
				div.entry p.post {text-shadow:1px 1px 1px #c8d3d8; line-height:20px; padding-bottom: 20px;}
					div.meta-info {background: url(images/meta-bg.png) no-repeat; height: 25px; width: 565px; float: left; padding-right: 10px;}
					a.readmore2 {background: url(images/readmore.png) no-repeat; height: 25px; width: 90px; float: right; color: #202d37; text-shadow:1px 1px 1px #afbfc4; font-weight: bold;  }
						a.readmore2 span {background: url(images/readmore-bg.png) no-repeat 7px 7px; font-size: 11px;  display:block; padding-left: 23px; padding-top: 1px;}
						
					p.meta {background: url(images/developer-bg.png) no-repeat 7px 5px; float: left; padding-left: 21px; }
						p.meta a, p.meta2 a, p.meta3 a {font-size: 11px; font-style: italic; font-weight: bold; color: #202d37; text-shadow:1px 1px 1px #afbfc4;}
					
					p.meta2 {float: right; padding-right: 6px; background: url(images/cat-bg.png) no-repeat 0px 6px; padding-left: 17px; }
					p.meta3 {float: right; padding-left: 17px; background: url(images/comments-bg.png) no-repeat 0px 7px; }
					
				.meta-info a:hover, a.readmore2:hover { color: #0d1317; text-decoration: none; }
		
				.hr { background: url(images/hr-bg.png) no-repeat; height: 2px; }

			#breadcrumbs #search-form { background: url(images/breadcrumbs-search.png) left -101px no-repeat; width: 234px; height: 29px; margin-top: 9px; }
				#breadcrumbs #search-form #searchinput { background:none; border:0 none; margin:0; padding: 0 0 0 14px; height: 27px; float: left; width: 183px; color: #617781; font-size: 12px; }
				#breadcrumbs #search-form #searchsubmit { background: url(images/breadcrumbs-search.png) no-repeat -210px -80px transparent; width: 14px; height: 15px; float: right; padding: 0; margin-top: 7px; margin-right: 10px; color: transparent; font-size: 0; cursor: pointer; border: none; }

			#breadcrumbs-nav span.separator { background: url(images/breadcrumbs-search.png) left -51px no-repeat; display:block; float:left; height:45px; width:25px; margin-right: 8px; }
			
					


.app-image{width:200px; height:300px; margin:0 20px 20px 0;}


	.cat-top { border-bottom: 1px dashed #000000; position: relative; }
		.cat-top h4 { padding-top: 30px; }
		.cat-top .cnote-pagination {  }
		
	.entry .ebooks-col { padding: 40px 0; border-bottom: 1px dashed #000000; }
		.entry .ebooks-col .img { width: 160px; float: left; }



	#client-frame { float: left; margin-right: 15px; margin-bottom: 12px; }
		#client-frame #client-box { background: url(images/client-box.png) no-repeat; width: 154px; height: 124px; text-align: center; }
			#client-frame #client-box a { display: table-cell; vertical-align: middle; width: 150px; height: 120px; }
			#client-frame #client-box img { padding: 12px; border: none; }
			#client-frame #client-box br { display: none; }
			
			
	#contact-tabs {  }
		#contact-tabs ul { list-style-type: none; margin: 0; }
			#contact-tabs li.active { float: left; margin-right: 10px; margin-bottom: -2px; }
				#contact-tabs li.active .left { background: url(images/tabs.png) 0 0 no-repeat; width: 15px; height: 48px; float: left; }
				#contact-tabs li.active .right { background: url(images/tabs.png) 0 -51px no-repeat; width: 15px; height: 48px; float: left; }
				#contact-tabs li.active a { background: url(images/tabs.png) 0 -102px repeat-x; height: 33px; float: left; font-size: 16px; font-family: Arial;  color: #C0CFD5; text-shadow: 1px 1px 0px #2F3D43; padding: 15px 8px 0; font-weight: 100; }
			#contact-tabs li { float: left; margin-right: 10px; margin-bottom: -2px; }
				#contact-tabs li .left { background: url(images/tabs.png) 0 -465px no-repeat; width: 15px; height: 48px; float: left; }
				#contact-tabs li .right { background: url(images/tabs.png) 0 -516px no-repeat; width: 15px; height: 48px; float: left; }
				#contact-tabs li a { background: url(images/tabs.png) 0 -567px repeat-x; height: 33px; float: left; font-size: 16px; font-family: Arial;  color: #C0CFD5; text-shadow: 1px 1px 0px #2F3D43; padding: 15px 8px 0; font-weight: 100; }
					#contact-tabs li a:hover { text-decoration: none; }
		#contact-tabs .tab-container { position: relative; }
			#contact-tabs .tab-container .left, #contact-tabs .tab-container .mid, #contact-tabs .tab-container .right { height: 100px; border-top: 1px solid #bbbbbb; position: absolute; }
			#contact-tabs .tab-container .left { background: url(images/tabs.png) 0 -153px no-repeat; width: 15px; left: 0; }
			#contact-tabs .tab-container .mid { background: url(images/tabs.png) 0 -256px repeat-x; width: 648px; left: 15px; }
			#contact-tabs .tab-container .right { background: url(images/tabs.png) 0 -359px no-repeat; width: 15px; right: 0; }
			#contact-tabs .tab-container .tab-content { padding: 20px 30px 0; }
			#contact-tabs .tab-container .hide { display: none; }



/*------------------------------------------------*/
/*-------------[DEVELOPERS CONTENT]---------------*/
/*------------------------------------------------*/

	body.iphone-developers {  }
		body.iphone-developers div#page-top, body.iphone-developers div#breadcrumbs { display: none; }
		body.iphone-developers div#developers-content { width: 700px; margin: 33px auto 0; padding-bottom: 30px; }
			body.iphone-developers div#developers-content h1 { text-shadow: 0 0; }
			body.iphone-developers div#developers-content div.post { background: #ffffff; width: 640px; padding: 30px; text-shadow: 0 0; border: 2px dashed #dddddd; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; }
			body.iphone-developers div#developers-content blockquote { background: #ffffff; padding: 20px 20px 40px; margin: 0; border: none; color: #202D37; line-height: 18px; }
				body.iphone-developers div#developers-content blockquote p { background: #f7f7f7; border-left: 3px solid #aaaaaa; padding: 10px 0 10px 20px; }


				
/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/		
		ul.nav  { float:right; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold;}
			ul.nav li { padding-left: 16px;}
			ul.nav li a { color:#545454; text-shadow: 1px 1px 0px #ffffff; padding-bottom: 11px; }
				ul.nav ul li a { padding-bottom: 0px; }
			ul.nav li a:hover {text-decoration: none;}
			ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a, ul.nav > li.current-menu-ancestor > a, ul.superfish.nav > li > a:hover {color:#0095cc; /*text-shadow: 1px 1px 0px #000000;*/ background: url(images/current-page.png) no-repeat bottom center;}
			
			.nav ul { background: url(images/dropdown-bg.png) repeat-y; width: 169px; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.5); -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 8px 5px 10px 15px; border: 1px solid #0e171d; z-index: 1000; }
				.nav ul li { background: url(images/dropdown-bullet.png) no-repeat 0px 13px; padding: 5px 0px 5px 12px !important; width:100%; }
				.nav ul li a {color: #ffffff; text-shadow: 1px 1px 0 #000000;}
					.nav ul li a:hover { color: #3ebaee; text-shadow: 1px 1px 0 #eeeeee;}
			
					

/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/


@-webkit-keyframes bounce {
 from {
   top: 34px;
 }
 to {
   top: 0px;
 }
}
			#slider { background:url(images/slider.png) no-repeat scroll 0 0 transparent; height:481px; position:absolute; right:-12px; top:34px; width:280px; z-index: 5;}
			#slider:hover { margin-bottom: 20px; height:501px; 
/*-webkit-animation-name: bounce;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 10;
-webkit-animation-direction: alternate;*/ }
			.slider-white { background:url(images/slider-white.png) no-repeat scroll 0 0 transparent !important; }
			.slider-button { height: 44px; width: 44px; z-index: 20; position: absolute; top: 409px; left: 124px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;  }
			.slider-button:hover { cursor: help; }

			#slider-bottom { position: absolute; top: 502px; right: 0px; z-index: 1; }

			#slider-shadow { background: url(images/slider-shadow.png) no-repeat top center; width: 304px; height: 12px; position: absolute; right: -26px; }

				span.image-overlay {background:url(images/image-overlay.png) no-repeat scroll 0 0 transparent; height:311px; position:absolute; width:211px; display: block; right:28px; top:83px; z-index: 90;}
				span.image-overlay2 {background:url(images/image-overlay2.png) no-repeat scroll 0 0 transparent; height:251px; position:absolute; right:21px; top:16px; width:230px; display: block; z-index: 100;}
				#slider a.thumblink { display: block;  }

			div#controllers { clear:both; margin: 20px 88px 0 0; z-index: 6;}	
				div#controllers a { float: left; text-indent:-9999px; background: url(images/controller1.png) no-repeat; display: block; height: 13px; width: 12px; padding-left: 5px; color: transparent !important; text-shadow: none !important;}	
				div#controllers a.activeSlide {background: url(images/controller2.png) no-repeat;}
				
				div.slide { top:84px !important; left: 42px !important; width: 205px !important; float:left !important;}
		
/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

#comment-wrap { padding-top: 25px; text-shadow: 1px 1px 0px #fff; }
	h3#comments { font-family: Arial, Verdana, sans-serif; font-size: 20px; color: #39474d; font-weight: bold; letter-spacing: 0px; background: url(images/comment-bubble.png) no-repeat; padding: 0px 0px 0px 30px; }
	
	ol.commentlist { margin-top: 20px; padding-left: 85px; }
		
		.comment-wrap { float:left; width: 545px; border: 1px solid #dcdcdc; border-bottom: 1px solid #bcbcbc; border-top: 1px solid #ffffff; background: #dae1e3 url(images/comment-main-bg.png) repeat-x; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 11px 15px 10px 15px; position: relative; }
			.comment-wrap p { padding-bottom: 10px; }
		
		.comment-author { float:left; margin-bottom:12px; width: 100%; }
		.depth-2 .comment-author {  width:485px; }
			.depth-3 .comment-author {  width:408px; }
				.depth-4 .comment-author {  width:330px; }
					.depth-5 .comment-author {  width:252px; }
		
			.fn, span.says { /*float: left;*/ font-size: 16px; font-style: normal; }
			.fn, .fn a, span.says { color: #414f57 !important; text-shadow: 1px 1px 0px #fff; font-weight: bold; }
			span.says { /*padding-left: 5px;*/ }
			
			.comment-content a { color: #000000; text-shadow: none; font-weight: bold; }
			
			.commentmetadata { float: right; font-size: 12px; }
			.commentmetadata, .commentmetadata a { color: #8da2a9; font-weight: bold; text-shadow: 1px 1px 0px #fff; }
		
		.reply-container {background: url(images/readmore-left.png) no-repeat top right; display: block; height: 33px; padding-right: 18px; line-height: 35px; float: right; font-weight: bold; text-shadow: 1px 1px 0px #2d3a40; font-size: 11px; margin-right: -21px; float: right; margin-top: -24px; color: #c0cfd5; }
			.reply-container a {display: block; background: url(images/readmore-right.png) no-repeat; padding:0 6px 0 13px; height:33px; color: #c0cfd5; text-shadow: 1px 1px 0px #005174; }
				.reply-container a:hover { text-decoration: none; color: #eeeeee; }
				
	.comment-body { margin-bottom: 15px; }
	
	.depth-1 img.avatar { float: none; position: absolute; top: 0px; left: -85px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-right: 1px solid #d9e1e3; border-bottom: 1px solid #d9e1e3; border-left: 1px solid #59696e; border-top: 1px solid #59696e; }
		.depth-2 img.avatar, .depth-3 img.avatar, .depth-4 img.avatar, .depth-5 img.avatar { float: left; position: relative; left: 0px; width: 48px; height: 48px; margin:0 10px 5px 0; }
	
	.depth-2 ul.children { margin-left: 78px; }
	.depth-3 .comment-wrap { width: 466px; }
	.depth-4 .comment-wrap { width: 388px; }
	.depth-5 .comment-wrap { width: 310px; }
	
	#respond { padding-top: 15px; }
	#commentform textarea#comment { width: 94%; }
	#commentform input[type=text] { width: 94%; }
	
	#commentform textarea#comment, #commentform input[type=text] { border: 1px solid #7e959d; background: #dae1e3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 8px; color: #72868f; }
	
	.comment-bubble { position: absolute; top: 12px; left: -10px; background: url(images/comment-arrow.png) no-repeat; width: 10px; height: 15px; }
	
	.depth-2 .comment-bubble, .depth-3 .comment-bubble, .depth-4 .comment-bubble, .depth-5 .comment-bubble { background: url(images/comment-arrow2.png) no-repeat; width: 13px; height: 10px; top: -10px; left: 15px; }
	
	h3.leavereply { background: none !important; padding-left: 0px !important; padding-bottom:8px !important; }
	
	.reply1 { margin: 24px 0px 7px; }
	.reply2 { margin-bottom: 20px; margin-top:20px; }
	
	#fields-left { float:left; margin-right:15px; width:32%; }
	#fields-right { float:left; width:65%; }
	
	#fields-left p { padding-bottom: 1px; }
	
	input#submit { background:url("images/submit-button.png") no-repeat; border:medium none; height: 31px; cursor: pointer; padding-top: 5px; font-size: 12px; color: #c0cfd5; font-weight: bold; padding-bottom:6px; padding-right:26px; width:80px; text-shadow: 1px 1px 0px #38454c; float: right; margin-right: 13px; margin-top:-6px; }
	
/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
#footer {background: #333333 /*url(images/footer-bg.png) repeat-x*/; }	
		p#copyright, .footer_text{float: left; padding-top: 16px; padding-left: 4px; font-weight: bold; color: #7a7a7a; text-shadow: 1px 1px 0px #273135;}
		p#copyright a {color: #ffffff; text-shadow: 1px 1px 0px #273135;}           
        .footer_text a {color:#8a8a8a;text-shadow: none;}
		ul.bottom-nav {float: right;}		
			ul.bottom-nav li {float: left; padding-top: 16px; padding-left: 16px; }
				ul.bottom-nav li a {color: #7a7a7a; text-shadow: 1px 1px 0px #273135; font-weight: bold;}
					ul.bottom-nav li a:hover { text-decoration: none;}
				ul.bottom-nav li.current_page_item a, ul.bottom-nav > li.current-menu-ancestor > a, ul.bottom-nav li a:hover {text-shadow: 1px 1px 0px #273135; color: #3ebaee;}


/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/
		#sidebar {float: right; margin-top: 25px;}
		body#home #sidebar { margin-top: 225px; }
			#sidebar .widget { background: #cdcdcd; margin-bottom: 20px; }
				#sidebar h3.widget-title {font-family: Arial; font-size: 16px; color: #c0cfd5; text-shadow: 1px 1px 0px #2f3d43; background: url(images/sidebar.png) no-repeat left top; width: 209px; height: 31px; margin-bottom: -5px; padding-left: 24px; padding-top: 17px;}
				#sidebar h3.widget-title a {color: #c0cfd5;  text-shadow: 1px 1px 0px #2f3d43;}
				#sidebar .widget-content { border-left: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6; width: 231px; padding-bottom:10px; }		
					#sidebar .widget-content ul li {padding-top: 10px; padding-left: 37px; background: url(images/sidebar-bullet.png) no-repeat 24px 18px; padding-right: 20px;}
					#sidebar .widget-content ul li a {color: #202d37; text-shadow: 1px 1px 0px #cddfe5;}
					
					
				#sidebar .widget-content .recent-posts { padding-top: 15px; }
					#sidebar .widget-content .recent-posts .recent-post-content { margin-bottom: 15px; padding-left: 15px; }
					#sidebar .widget-content .recent-posts li { background: none; padding-left: 20px; }
					#sidebar .widget-content .recent-posts p { line-height: 18px; padding-bottom: 0; }
					
					
				#sidebar .widget-content .social-content { text-align: center; padding-top: 15px; }
				
				
				#sidebar .widget-content .google-chat { text-align: center; padding-top: 10px; }
				
				
				#sidebar .widget-content .contact-info li { font-size: 14px; }
					#sidebar .widget-content .contact-info li ul {  }
						#sidebar .widget-content .contact-info ul ul li { padding: 0 0 0 50px; font-size: 12px; background: none; }
				
				
			#sidebar .widget-bottom { background: url(images/sidebar.png) no-repeat left bottom; height: 9px; width: 233px; }
				
				
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left; }
img.alignleft { display:inline; float:left; margin-right:15px; margin-bottom:10px; }
img.alignright { display:inline; float:right; margin-left:15px; }

	
/*------------------------------------------------*/
/*-----------[DEFAULT DROPDOWN SETTINGS]----------*/
/*------------------------------------------------*/

.nav ul { position:absolute; top:-999em; z-index: 10; }
.nav li { float:left; position:relative; }
.nav a { display:block; float: left; }
	.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:35px; }
	.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:175px; top:0px; }
	.nav li:hover ul, .nav li li:hover ul { top: -999em; }
	.nav li li {	display: block;	padding: 0px; float: left; height: auto !important; }
		.nav li li a:link, .nav li li a:visited {	display: block; height: auto; float: left; }
		.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }


/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px;	}
	#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
		#wp-calendar a:hover { text-decoration: underline; }
	#wp-calendar caption {	text-decoration: none; font: bold 13px Arial, Sans-Serif; }
	#wp-calendar td {	padding: 3px 5px; color: #9f9f9f; }
		#wp-calendar td#today { color: #ffffff; }
	#wp-calendar th {	font-style: normal;	text-transform: capitalize;	padding: 3px 5px; }
		#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
		#wp-calendar #next a { padding-right: 10px; text-align: right; }
		#wp-calendar #prev a { padding-left: 10px; text-align: left; }
		
		
		
/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.pagination { overflow: hidden; padding:15px; position: relative; }
	.pagination a { display: block; color: #202d37; font-size: 11px; text-shadow: 1px 1px 0px #a1b4b8; font-weight: bold; line-height:23px; height: 25px; }
		.pagination a:hover { text-decoration: none; color: #131d24; }
	
	.pagination .page-left { /*margin-left: 224px;*/ width: 110px; position: absolute; bottom: 15px; left: 15px; }
	.pagination .page-right { /*margin-right: 224px;*/ width: 110px; position: absolute; bottom: 15px; right: 15px; }
	
		.pagination .page-left a { background: url(images/older-posts.png) no-repeat; width: 85px;  padding-left:20px; }
		.pagination .page-right a { background: url(images/newer-posts.png) no-repeat; padding-left:5px; width:90px; }
		
	.pagination .cnote-pagination { position: static; text-align: center; }
		.pagination .cnote-pagination a, .pagination .cnote-pagination span { display: inline-block; float: none; margin: 0 5px; background: url(images/number-bg.png) no-repeat; width: 26px; height: 25px; padding: 0; line-height: 23px; color: #202D37; font-size: 11px; font-shadow: 1px 1px 0px #A1B4B8; font-weight: bold; }
		.pagination .cnote-pagination a:hover { background: none; color: #202D37; }
		.pagination .cnote-pagination .inactive {  }
		.pagination .cnote-pagination .current {  }


a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }

.js #feat-content, .js div#from-blog div.entries {display: none;} 

.foursixeight { margin: 0px 0px 15px 84px;}

.fullwidth { width: 100% !important; } 





.cnote-pagination { position: absolute; font-size: 11px; line-height: 13px; right: 0; bottom: 3px; }
	.cnote-pagination .current { background: #006c9d; color:#fff; }
	.cnote-pagination span, .cnote-pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; text-decoration: none; width: auto; color: #fff; background: #002231; }
		.cnote-pagination a:hover { color:#fff; background: #006c9d; }


/*------------------------------------------------*/
/*--------------[TRANSLATION WIDGET]--------------*/
/*------------------------------------------------*/


.qtrans_flag_en {background:url(images/flag/en.png) no-repeat !important; height:15px !important; width:15px !important;}
.qtrans_flag_fr {background:url(images/flag/fr.png) no-repeat !important; height:15px !important; width:15px !important;}
.qtrans_flag_he {background:url(images/flag/il.png) no-repeat !important; height:15px !important; width:15px !important;}



/*------------------------------------------------*/
/*------------------[FIXED INFO]------------------*/
/*------------------------------------------------*/


#fixed-info .panel { background: url(images/get-a-quote.png) -20px -56px no-repeat; width: 300px; height: auto; position: fixed; top: 130px; left: 0; display: none; z-index: 9; }
	#fixed-info .panel, #fixed-info .panel a { text-shadow: none; }
	.padding { padding: 20px; text-align: center; position: relative; color: #eeeeee; text-shadow: 0 0; }
		.padding p { line-height: 18px; color: #eeeeee; text-shadow: 0 0; padding: 0; font-size: 12px; }
		.wpcf7 { margin-top: 10px; position: relative; }
			.padding input[type="text"] { width: 220px; padding: 5px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border: 1px #146D9A solid; }
			.padding .blue-button { float: right; margin-right: 65px; }
			.padding input[type="submit"] { color:#efefef; border: none; cursor:pointer; text-shadow: 0 1px #000000; background: none; }
			
				.padding div.wpcf7 img.ajax-loader { position: absolute; bottom: -19px; left: 30px; }
				.padding div.wpcf7-mail-sent-ok, .padding div.wpcf7-validation-errors { width: 20px; height: 15px; color: transparent; font-size: 0; border: none; position: absolute; bottom: -19px; left: 30px; display: block !important; }
				.padding div.wpcf7-mail-sent-ok { background: url(images/check-x-mark.png) 0% 0% no-repeat; }
				.padding div.wpcf7-validation-errors { background: url(images/check-x-mark.png) 100% 0% no-repeat; } 
				.padding .wpcf7-not-valid-tip { display: none !important; }
			
			#fixed-info .panel .padding .sharethis-home { display: none; }
			
	#fixed-info .panel-end { background: url(images/get-a-quote.png) -20px -591px no-repeat; width: 300px; height: 19px; margin-bottom: -19px; }

#fixed-info a.trigger { background: url(images/get-a-quote.png) -350px 0 no-repeat; width: 50px; height: 300px; position: fixed; text-decoration: none; top: 80px; left: 0; display: block; z-index: 10; }
	#fixed-info a.trigger:hover { background: url(images/get-a-quote.png) -350px -310px no-repeat; }

#fixed-info a.active.trigger { background: url(images/get-a-quote.png) -20px 0 no-repeat; width: 300px; height: 50px; }



/*------------------------------------------------*/
/*----------------[CONTACT FORM 7]----------------*/
/*------------------------------------------------*/

.contact-holder {width: 100%; position: relative;}
.contact-reason { float: right; }
.contact-links {width: 130px; float: right; font-size: 14px; margin-top: 60px;}
.contact-links li {list-style-type:none; margin-top:17px;}
.contact-links a {color:#146d9a; margin-bottom:20px; text-shadow: 1px 1px 0px #fff; text-decoration: none; margin-left: 10px;}
.contact-links a:hover {color:#00aff1;}
.contact-fields { width: 600px; }
.half-box {width: 45%;}
.full-length {width: 98%;}
.design-box {
	background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#cdcdcd)) !important;
	background: -moz-linear-gradient(top,  #e5e5e5,  #cdcdcd) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#cdcdcd') !important;
	border:1px #146d9a solid !important; 
	border-radius:10px !important;	-webkit-border-radius:10px !important;	-moz-border-radius:10px !important;
}
.submit-box {
	width:100px; 
	color:#ffffff; 
	border:1px #146d9a solid !important;
	border-radius:10px !important;	-webkit-border-radius:10px !important;	-moz-border-radius:10px !important; 
	cursor:pointer; 
	text-shadow: 0 1px 1px #000000 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#00a5e2), to(#0d4a68)) !important;
	background: -moz-linear-gradient(top,  #00a5e2,  #0d4a68) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a5e2', endColorstr='#0d4a68') !important;
	box-shadow: 0 1px 3px #000;	-webkit-box-shadow: 0 1px 3px #000;	-moz-box-shadow: 0 1px 3px #000;
	float:right;
	position: absolute; 
	right: 0; 
	margin:-45px 20px 0 0;
}

.tabs-hide { display:none; /* hide non-active tabs */ }
.tabs-container { background: #ebebeb; /* kills fadding in/out IE text bug */ }

#tabwrap li.tabs-selected { font-size: 1.2em; list-style-type: disc; margin-left: 10px; }


#contact-tabs .blue-button { float: right; margin-right: 50px; }
	#contact-tabs .blue-button input[type="submit"] { background: none; border: none; padding: 1px 6px 0; color: #fefefe; text-shadow: 0 1px #000000; }
	#contact-tabs .blue-button img.ajax-loader { position: absolute; right: 120px; bottom: -5px; }

	#contact-tabs div.wpcf7-mail-sent-ok, #contact-tabs div.wpcf7-validation-errors { width: 20px; height: 15px; color: transparent; text-shadow: 0 0; font-size: 0; border: none !important; position: absolute; bottom: -5px; right: 120px; }
	#contact-tabs div.wpcf7-mail-sent-ok { background: url(images/check-x-mark.png) 0% 0% no-repeat transparent; }
	#contact-tabs div.wpcf7-validation-errors { background: url(images/check-x-mark.png) 100% 0% no-repeat transparent; } 
	#contact-tabs .wpcf7-not-valid-tip { display: none !important; }


/*------------------------------------------------*/
/*------------------[SHARE THIS]------------------*/
/*------------------------------------------------*/

.sharethis { margin-top: 20px; float: right; }
.sharethis-home { margin-top: 6px; float: left; }



/*------------------------------------------------*/
/*----------------[VERSION UPDATE]----------------*/
/*------------------------------------------------*/

.v-update { width:100%; clear: both; margin-top: 10px; }
.v-update h3 { float: left; margin-bottom: 20px; }
.v-update-text { float: right; width: 90%; margin-bottom: 20px; }



/*------------------------------------------------*/
/*--------------------[NextGEN]-------------------*/
/*------------------------------------------------*/

.pinme {background: #000 !important; width: 500px !important;}
panel { background: #000 !important; width: 500px !important; }



/*------------------------------------------------*/
/*--------------------[BUTTONS]-------------------*/
/*------------------------------------------------*/

.blue-button { width: 15px; height: 24px; background: url(images/blue-button.png) left 0 no-repeat; line-height: 20px; text-align: center; padding-left: 15px; margin-bottom: 10px; }
	.blue-button:hover { background: url(images/blue-button.png) left -34px no-repeat; }
	.blue-button a { background: url(images/blue-button.png) right 0 no-repeat; text-decoration: none; display: inline-block; color: #fefefe; text-shadow: 0 1px #000000; font-size: 11px; height: 24px; white-space: nowrap; padding-right: 15px; cursor: pointer; }
		.blue-button a:hover { background: url(images/blue-button.png) right -34px no-repeat; }



/*------------------------------------------------*/
/*--------------------[PROJECT]-------------------*/
/*------------------------------------------------*/

#sidebar .project-overview { font-size: 24px; text-align: center; height: 40px; line-height: 40px; letter-spacing: 2px; }




