/* @override 
	http://10.0.1.5:8000/site.css
	http://localhost:8000/site.css
*/


@font-face {
    font-family: h1font;
    src: url('res/advent-Lt1.otf');
}

@font-face {
    font-family: paranoid;
    src: url('res/Paranoid.otf');
}

h1 {
	text-transform: none;
	color: #fffefe;
	font: normal normal 35px h1font;
	letter-spacing: -3px;
	text-shadow: #000000 -3px -2px 12px;
}

h2 {
	color: #6c6c6c;
	text-shadow: #000 -1px -1px 1px;
	font: normal normal 23px h1font;
	text-align: center;
}

div#contact_menu {
	float: none;
	clear: none;
	display: block;
	position: absolute;
	left: 800px;
	top: 24px;
	height: 34px;
}

td.left_column {
	width: 118px;
	position: static;
}

div#custom-tweet-button {
}

a {
	text-decoration: none;
	color: #b4fd4c;
}


#menu a {

	padding-right: 15px;
	padding-left: 15px;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	font-style: normal;
	font-family: h1font;
	font-variant: normal;
}

#menu a:hover {
	color: #b4fd4c;
		background-color: #343434;

}

#title {
	color: #b4fd4c;
	text-shadow: #000 1px 0 3px;
}

div#icons {
	text-align: center;
	display: block;
	z-index: 0;
	float: none;
	position: relative;
	background: url(img/bg_highlight.png) no-repeat 100px -419px;
	top: -22px;
	padding-top: 10px;
	padding-bottom: 466px;
}

img.icon {

-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
  		
  		-webkit-transform: scale3d(0.7,0.7,0.7);

}

img.icon_active {

-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
  		-webkit-transform: scale3d(1.0,1.0,1.0);

}


img.icon_active:hover {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
  		-webkit-transform: scale3d(1.0,1.0,1.0);
}

div#faq {
}

div#apps {
	position: relative;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 414px 121px;
	top: -100px;
}

#faq div.box_wide ol li {
	text-align: left;
	margin-bottom: 10px;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#faq h1 {
	text-align: center;
}

div.header {
	display: block;
	text-align: center;
	width: 100%;
}

a.button_inset {

	padding: 9px 15px;
		border: 1px inset #2d2d2d;

			background-color: #1a1a1a;
		-webkit-box-shadow: inset  -0px 2px 10px #000; -moz-box-shadow: inset -0px 2px 10px #000;
box-shadow: inset -0px 2px 10px #000;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	text-decoration: none;
	color: #cfcfcf;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a.button {

background: #499bea; /* Old browsers */
background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #499bea 0%,#207ce5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #499bea 0%,#207ce5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #499bea 0%,#207ce5 100%);
		border: 1px solid #000;

		-webkit-box-shadow:   0px 2px 10px #000; 
		-moz-box-shadow:  0px 2px 10px #000;
box-shadow:  0px 2px 10px #000;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	text-decoration: none;
	color: #272727;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
	
	-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
	text-shadow: #a6a6a6 1px 0 1px;
	padding: 9px 15px;
	display: block;
	width: 74px;
	margin-right: auto;
	margin-left: auto;
}

a.button:hover {

webkit-box-shadow:  inset 0px 0px 5px #000; 
		-moz-box-shadow:  0px 0px 5px #000;
box-shadow:  inset 0px 0px 5px #000;
	color: #000;

}


div.headerbox {
		background-color: #151515;

box-shadow: inset -0px 2px 10px #000;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	
			font: 13px "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #c8c7c8;
	width: 100%;
	border: 1px inset #2d2d2d;
	margin-bottom: 11px;
	text-align: center;
	display: block;
	overflow: hidden;
	z-index: 0;
	margin-left: -26px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 35px;
	position: relative;
	top: -10px;
}

div.contentwrap {
	width: 883px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}


div.main {
	display: block;
	
			font: 13px "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #8e8e8e;
	position: absolute;
	top: 297px;
	z-index: 0;
}

div#serverbox.box {
	width: 358px;
	display: block;
	float: none;
	clear: none;
	position: absolute;
	top: 94px;
	z-index: 0;
	border: none;
	background-color: rgba(255,254,254,0);
	font-size: 12px;
}

div#campainbox.box {
	width: 389px;
	display: block;
	float: none;
	clear: none;
	position: absolute;
	top: -88px;
	z-index: 0;
	padding-left: 27px;
	font-size: 12px;
	text-align: center;
	
	color: #fffefe;
	margin-top: 175px;
	border: none;
	margin-left: 41px;
}

#features_iphone table tbody tr {
	height: 60px;
}

#features_ipad table tbody tr {
	height: 60px;
}

div#appbox.box {
	width: 432px;
	display: block;
	float: none;
	clear: none;
	position: absolute;
	top: 60px;
	z-index: 0;
	border: none;
	margin-left: 120px;
}


div#contact {
	position: absolute;
}

#campainbox ol {
	text-align: left;
}


.storebadge {
	position: relative;
	top: -58px;
	float: none;
	clear: none;
	height: 27px;
}

#storebadge_iphone {
	position: relative;
	float: left;
	top: -183px;
	left: 242px;
}

#storebadge_ipad {
	float: left;
	position: relative;
	top: -135px;
	left: 147px;
}

#campainbadge_iphone {
	position: absolute;
	top: -92px;
	left: -70px;
		-webkit-transition: all 0.2s;


	z-index: 1;
}

#campainbadge_ipad {
	
	position: absolute;
	top: -73px;
	left: -89px;
	-webkit-transition: all 0.2s;
	z-index: 1;
}

#campainbadge_ipad:hover {
	
	position: absolute;
	top: -73px;
	left: -70px;
	-webkit-transform:rotateZ(8deg) scale3d(1.1,1.1,2.0);
	z-index: 1;
}

#campainbadge_iphone:hover {
	
	position: absolute;
	top: -73px;
	left: -70px;
	-webkit-transform:rotateZ(8deg) scale3d(1.1,1.1,2.0);
	z-index: 1;
}

div#menu {
	text-decoration: none;
	font-size: 15px;
	color: #dcdcdc;
	padding-left: 9px;
}

div.box_wide  {
	background-color: rgba(21,21,21,0.56);
box-shadow: inset -0px 2px 10px #000;


-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

	width: 787px;
	padding: 7px 15px;
	border: 1px inset #2d2d2d;

	margin-left: 35px;
	margin-bottom: 15px;
	color: #d0d0d0;
	font-size: 10px;
	text-align: center;
}

#features_iphone {
	margin-left: auto;
	margin-right: auto;
	width: 547px;
	padding: 31px;
}

#features_ipad {
	margin-left: auto;
	margin-right: auto;
	width: 547px;
	padding: 31px;
}

#footer {
	margin-top: 57px;
		width: 787px;
	padding: 7px 15px;

	margin-left: 35px;
	margin-bottom: 15px;
	color: #d0d0d0;
	font-size: 10px;
	text-align: center;
}

div.box {
	background-color: #151515;
	background-color: rgba(21,21,21,0.56);
box-shadow: inset -0px 2px 10px #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	padding: 0 15px 10px;
	border: 1px inset #2d2d2d;

	margin-left: 35px;
	margin-bottom: 15px;
	color: #b5b5b5;
	font-size: 11px;
	display: block;
	clear: none;
	text-align: center;
	float: none;
}

div.box_clear {



	padding: 0 15px 10px;


	margin-left: 35px;
	margin-bottom: 15px;
	color: #b5b5b5;
	font-size: 11px;

	text-align: center;

}

img.srcappimg {
	margin-right: 10px;
		-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#airfoillogo {
	position: absolute;
	display: block;
	top: 46px;
	right: 24px;
}

img.srcappimg:hover {
	-webkit-transform: scale(1.2);
}

#storebadge {
	display: block;
	position: relative;
	left: 336px;
	top: -70px;
}

img#infoicon {
	float: left;
	position: relative;
	left: 95px;
	top: 15px;
	clear: none;
	display: block;
}

div#idev_wrapper_iphone {
	float: none;
	display: block;
	background: url(img/image_iphone_crop.png) no-repeat scroll;
	width: 393px;
	height: 481px;
	position: relative;
	left: 537px;
	top: -66px;
	z-index: 0;
}

div#idev_wrapper_ipad {
	float: none;
	display: block;
	background: url(img/ipad_vert_crop.png) no-repeat scroll;
	width: 624px;
	position: relative;
	top: -70px;
	left: 528px;
	margin-left: -177px;
	
	-webkit-transform:scale(0.8);
	z-index: 2;
	clear: none;
	height: 514px;
}

span.newindicator {
	float: left;
	font-size: 7px;
	color: #c2fa50;
	width: 0;
	height: 20px;
	position: relative;
	top: -1px;
	left: -10px;
}



div#idev_wrapper_server {
	float: none;
	display: block;
	background: url(img/macbookair_crop.png) no-repeat scroll;
	width: 624px;
	position: relative;
	top: 12px;
	left: 523px;
	margin-left: -233px;
	
	-webkit-transform:scale(0.8);
	z-index: 2;
	clear: none;
	height: 427px;
}

div.shelfItem {
	background-image: url(img/itembg_small.png);
	height: 60px;
	text-align: left;
	width: 245px;
	left: 42px;
	position: relative;
	font: bold 13px/63px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #d0d0d0;
	text-indent: 19px;
	text-shadow: #000 1px 1px 2px;
}

img.shelfItemImage {
	width: 30px;
	position: relative;
	top: 7px;
	right: 8px;
}



div.slidebox_iphone {
	position: relative;
	top: 116px;
	left: 59px;
	overflow: hidden;
	height: 275px;
	width: 180px;
	z-index: 2;
}

div.slidebox_ipad {
	position: relative;
	top: 78px;
	left: 93px;
	overflow: hidden;
	height: 371px;
	width: 530px;
	z-index: 1;
}

div.slidebox_server {
	position: relative;
	top: 50px;
	overflow: hidden;
	z-index: 1;
	display: block;
	left: 88px;
}

div.artwork {
	position: relative;
	display: block;
	text-align: center;
	padding-right: 0;
	font-size: 12px;
	margin-bottom: 3px;
	margin-top: 16px;
}

div.artwork img {
	width: 180px;
	margin-right: 16px;
	padding-bottom: 8px;
}
div.artwork_row {
	width: 808px;
}

div#images {
	margin-right: auto;
	margin-left: auto;
}

div#press_taglines p{
	font-size: 14px;
	text-align: left;
}

div#press_kit div.box_wide {
	text-align: left;
	font-size: 14px;
	width: 362px;
}

div.button-wrapper {
	background-color: rgba(211,210,212,0);
	width: 135px;
	height: 50px;
	border-radius:5px;
	box-shadow: inset -0px 2px 10px #000;
	padding-top: 11px;
	position: relative;
	right: -67px;
	top: -9px;
}





div#press {
	margin-bottom: 49px;
	text-align: center;
}

div#features_iphone p {
	font-size: 11px;
	text-align: left;
	text-transform: none;
	width: 148px;
	padding-left: 45px;
	padding-right: 71px;
}

div#features_ipad p {
	font-size: 11px;
	text-align: left;
	text-transform: none;
	width: 148px;
	padding-left: 45px;
	padding-right: 71px;
}

div#faq p {
	font-size: 12px;
}

div#contact p {
	font-size: 13px;
	text-align: left;
	position: relative;
	left: 234px;
}

div#contact img {
	position: relative;
	top: 11px;
}

div#contact a {
	
		-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

div#contact a:hover {
	color: #b4fd4c;
	background-color: #343434;
}

div.box_small {


	color: #b5b5b5;
	font-size: 13px;
	text-align: center;
	width: 60px;
	position: relative;
	display: block;
	top: -8px;
	padding-right: 10px;
	padding-left: 10px;
}


#iphoneapp_button:hover {
	-webkit-transform: scale3d(0.6,0.6,0.6);

}

#ipadapp_button:hover {
	-webkit-transform: scale3d(0.6,0.6,0.6);
}

#serverapp_button:hover {
	-webkit-transform: scale3d(0.6,0.6,0.6);
}

#macapp_button:hover {
	-webkit-transform: scale3d(0.6,0.6,0.6);
}

#icons img.picto {
	position: relative;
	top: 97px;
	opacity: 0.58;
}


@-webkit-keyframes forbidden{
0% { -webkit-transform: translate3d(85px,0px,0px); }


5% { -webkit-transform: translate3d(75px,0px,0px)
	 rotateZ(0deg) translateY(0px) scale(1.05) }
10% { -webkit-transform: translate3d(80px,0px,0px)
  rotateZ(0deg) translateY(-0px) }
15% { -webkit-transform: translate3d(85px,0px,0px)  }
100% {-webkit-transform: translate3d(90px,0px,0px); }

}



img.feature_image {
	clear: none;
	float: left;
	margin-right: 9px;
	display: block;
}




td.main_column {
	width: 100%;	
	background: #1a1a1a;
}



table.main_table {
	height: 100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

html {
	color: #959595;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #1f1f1f;
}

body {
}

div.shelf {
	background-image: url(img/shelf.png);
	width: 963px;
	height: 100px;
	float: right;
	position: relative;
	z-index: -1;
	text-align: center;
	line-height: 137px;
	direction: ltr;
	color: #161616;
	text-shadow: #454545 1px 1px 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 6px;
	top: -66px;
}

#features_iphone table tbody tr td {
	width: 168px;
	font-size: 32px;
}

span.star {
	color: #c2fa50;
	font-size: 22px;
	position: relative;
	top: -12px;
}



#features_ipad table tbody tr td {
	width: 168px;
	font-size: 32px;

}

#features_iphone table tbody tr td p strong {
	color: #c2fa50;
}

#features_ipad table tbody tr td p strong {
	color: #c2fa50;
}


img.feature_support_image {
	padding-left: 54px;
}

h3 {
	color: #fafafa;
	font-size: 12px;
}