@import "reset.css";
@import "proxima.css";
@import "animations.css";

body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
	background-color: #fff;
	background-repeat: no-repeat;

	background-image: -webkit-linear-gradient(rgb(234,249,255), #fff);
	background-image: -moz-linear-gradient(rgb(234,249,255), #fff);
	background-image: -ms-linear-gradient(rgb(234,249,255), #fff);
	background-image: linear-gradient(rgb(234,249,255), #fff);
	
	/* Browsers that support gradient, support size. Makes life easier */

	   -moz-background-size: 100% 300px;    /* Gecko 1.9.2 (Firefox 3.6) */  
	     -o-background-size: 100% 300px;    /* Opera 9.5 */  
	-webkit-background-size: 100% 300px;    /* Safari 3.0 */  
	        background-size: 100% 300px;    /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
}

/* @group Header */

header {
	padding: 40px 0 0 0;
	width: 960px;
	margin: 0 auto;
	height: 300px;
}

#logo {
	width: 138px;
	height: 168px;
	background-image: url(../images/logo.png);
	text-indent: -9999px;
	margin: 0 auto 0 auto;

	-webkit-animation: fade-in 1.0s ease-in-out;
	   -moz-animation: fade-in 1.0s ease-in-out;	
}

#topnav {
	text-align: center;
	text-transform: uppercase;
	font: bold 14px "ProximaNova-Semibold", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	position: relative;
	overflow: hidden;
	margin: 30px 0 0 0;
	
	-webkit-animation: nav-fade-down 1.3s ease-in-out;
	   -moz-animation: nav-fade-down 1.3s ease-in-out;
}

#topnav ul {
	display: inline-block;
}

#topnav ul li {
	float: left;
}

#topnav ul li a {
	float: left;
	margin: 0 15px 0 15px;
	color: #868b8f;
}

#topnav ul li.current a {
	color: #006db3;	
}

#topnav ul li.current:hover a {
	color: #006db3;
}

#topnav ul li a:hover {
	color: #4d5052;
}

/* @end */

/* @group Squire Section */

#squire {
	max-width: 1000px;
	margin: 0 auto;
}

#tv {
	width: 932px;
	height: 625px;
	background-image: url('../images/tv.png');
	margin: -20px auto ;
	z-index: -1;

	-webkit-transform: translateZ(0);
	-webkit-animation: tv-fade-in 1.0s ease-in-out;
	   -moz-animation: tv-fade-in 1.0s ease-in-out;
}

#squireicon {
	position: relative;
	display: block;
	width: 212px;
	height: 239px;
	margin: -135px auto 0 auto;
	z-index: 3;

	-webkit-animation: squire-fade-in 1.4s ease-in-out;
	   -moz-animation: squire-fade-in 1.4s ease-in-out;
}

.squire_link {
	width: 220px;
	margin: 0 auto;
	display: block;
}

#squiretext {
	text-align: center;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
}

#squiretext h1 {
	color: #1e1e1e;
	font-size: 35px;
	font-weight: 600;

	-webkit-animation: text-fade-in 1.6s ease-in-out;
	   -moz-animation: text-fade-in 1.6s ease-in-out;
}

#squiretext h2 {
	margin: 5px 0 40px 0;
	color: #64737d;
	font-size: 18px;

	-webkit-animation: text-2-fade-in 2s ease-in-out;
	   -moz-animation: text-2-fade-in 2s ease-in-out;
}

/* @end */

/* @group Apps Section */

#content {
	border-bottom: 1px solid #E1E1E1;
}

#apps {
	max-width: 1000px;
	height: 130px;
	margin: 20px auto 0 auto;
	padding-bottom: 40px;
	background: url(../images/seperator.png) no-repeat top center;
	
	   -moz-background-size: 1000px 1px;    /* Gecko 1.9.2 (Firefox 3.6) */  
	     -o-background-size: 1000px 1px;    /* Opera 9.5 */  
	-webkit-background-size: 1000px 1px;    /* Safari 3.0 */  
	        background-size: 1000px 1px;    /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
	        
	 -webkit-animation: apps-fade-in 2.5s ease-in-out;
	    -moz-animation: apps-fade-in 2.5s ease-in-out;
}

#flightcard {
	padding: 8px 32px 8px 0;
	width: 430px;
	margin: 33px 0 0 38px;
	float: left;
	text-align: right;
	border-right: 1px solid #E7EAEC;
}

#luxylight {
	margin-top: 42px;
	width: 448px;
	float: right;
}

#luxylight h1, 
#flightcard h1 {
	font-weight: 400;
	font-size: 20px;
	color: black;
}

#luxylight span, 
#flightcard span {
	display: block;
	margin-top: 4px;
	color: #898c8e;
	font-weight: 400;
	-webkit-font-smoothing:antialiased;
}

#luxylight h2, 
#flightcard h2 {
	width: 90px;
	height: 90px;
	text-indent: -9999px;
	text-align: left;
}

#luxylight h2 {
	float: left;
	background-image: url('../images/luxylighticon.png');
}

#flightcard h2 {
	float: right;
	background-image: url('../images/flightcardicon.png');
}

#luxylight .apptext {
  margin:15px  0 0 25px;
  float: left;
}

#flightcard .apptext {
   margin: 15px 25px 0 0;
   float: right;
}

/* @end */

/* @group Footer */

footer {
	margin: 0 auto;
	padding-bottom: 40px;
	background-image: url('../images/footerbg.png');
	display: block;
	overflow: hidden;
	position: relative;
}

footer:before {
	content:'';
	height: 23px;
	background: url('../images/footershadow.png') no-repeat center top;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	max-width: 1000px;
	position: relative;
	top: -5px;
	
	   -moz-background-size: 1000px 23px;    /* Gecko 1.9.2 (Firefox 3.6) */  
	     -o-background-size: 1000px 23px;    /* Opera 9.5 */  
	-webkit-background-size: 1000px 23px;    /* Safari 3.0 */  
	        background-size: 1000px 23px;    /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
}

footer p {
	text-align: center;
	font-size: 11px;
	color: #bbbbbb;
	margin-top: 18px;
}

footer strong {
	color: #868b8f;
}

#social {
	margin: 15px auto 0 auto;
	display: block;
	height: 65px;
	width: 233px;
	overflow: hidden;
}

#twitter,
#google,
#facebook, 
#___plusone_0 {
	float: left;
	margin: 0 12px;
	width: auto !important;
}

#google {
	position: relative;
	top: 2px;
}

#facebook {
	position: relative;
	top: 2px;
}

.connect_comment_widget {
	display: none;
}

/* @end */

/* @group nivo */

.nivoSlider {
    position:relative;
    top: 35px;
    left: 41px;
    width:850px; /* Change this to your images width */
    height:478px; /* Change this to your images height */
    background:url(../images/loading.gif) no-repeat 50% 50%;
    z-index: 0;
}
.nivoSlider img {
	width: 850px;
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    z-index: 0;
}
.nivoSlider a {
    border:0;
    display:block;
}

/* @end */