/********************  CSS File PC  *************/
/*					Version 16-05-07			*/
/*
/****************************************************/
/*
	sky blue colour: 0099FF
	Site Dimensions : width 900px
	
	content background: #000000;
	content color: #CCCCCC;


/*********************  Globals  *********************/

	HTML{
		font-family: verdana;
	}

	body{
		margin:0px auto;	/* Auto center */
		width: 900px;		/* Needed to center website */
		padding:0px;
		background: #e7e7e7 url(/images/background_lighter.png) repeat-x;
		border-right: thick #666666 solid;
		border-left: thick #666666 solid;		
	}
	
	table{
		border-collapse:collapse;
		border-spacing: 0px;
	}

  	td, th{
		padding: 0px;
	}
	
	#tbl_site_wrapper{
		border:#999999 thin;
	}
	
	a{
		color: #0099FF;
		text-decoration:none;
	}
	
	a:hover{
		color: #0099FF;
		text-decoration:underline;
	}
	
	label{
/*		color:#000000;*/
		font-size:12px;
	}
	
/******************  Header Graphic  *******************/

	#header{
		background: url(/images/airremote_header.jpg) no-repeat;
		height: 102px;
		width: 900px;
	}
	
	/* Red news */
	#latest_news{
		color:#FF0000 !important;
		font-weight: bold;
	}


/******************  Side Bar  *******************/

	#left_menu{ /* Bottom align the image to the bottom and fill the rest with blue. So when the screen is streched the graphic always follows */
		background: #0099FF url(/images/side_nav_bottom2.jpg) no-repeat bottom;
	}
	
	#iphone_side_image{
		background:url(/images/side_blue_2.png);
		position:absolute;
		width: 98px;
		height: 231px;
		top: 120px;
	}
	
/******************  Main Section  *******************/

	#content{
		height:100%;
		background: #000000;
		color: #CCCCCC;
	}

/******************  Nav Section  *******************/

	#navcontainer ul{
		padding-left: 0;
		margin: 0;
		background-color: #036;
		background: url(/images/top_nav_button_1_pixel.jpg) repeat-x;
		color: White;
		float: left;
		width: 900px;
		font-size: 12px;
	}

	#navcontainer ul li { display: inline; }

	#navcontainer ul li a{
		padding: 0.2em 1em;
		background-color: #036;
		background: url(/images/top_nav_button_1_pixel.jpg) repeat-x;
		color: White;
		text-decoration: none;
		float: left;
		border-right: 1px solid #fff;
	}

	#navcontainer ul li a:hover{
		color: #0099FF;
	}
	
/*************  Mouseovers adjusted to mimic iPhone/Safari - Taken from 'www.kryogenix.org/code/browser/nicetitle/'  *************/

	div.nicetitle {
		position: absolute;
		padding: 4px;
		top: 0px;
		left: 0px;
		color: #EEEEEE;
		font-size: 10px;
		font-family: Verdana, Helvetica, Arial;
		width: 25em;
		font-weight: bold;
		background: url(/images/ntbg2.png);
		
		/* Mozilla proprietary */
		-moz-border-radius: 12px;
	}
	div.nicetitle p {
		margin: 0; padding: 0 3px;
	}
	div.nicetitle p.destination {
		font-size: 9px;
		text-align: left;
		padding-top: 3px;
	}
	
/******************** FAQ background *******************/

	#faq_back{
		position:absolute;
		right: 190px;
		top: 270px;
		background-image:url(/images/faq_backdrop.jpg);
		background-repeat:no-repeat;
		width:401px;
		height:252px;
		z-index:-10;
	}

/******************* Contact Form *****************/

	.form{
		font-family: Verdana;
		width: 500px;
		background-color: #000000;
	}

	div.row {
		clear: both;
		font-size:12px;
		}
	
	label {
	  float: left;
	  width: 200px;
	  text-align: right;
	  vertical-align:middle;
	  }

	div.row span.formw {
	  float: left;
	  width: 200px;
	  text-align: left;
	  } 

	fieldset{
		border:0px;
		margin:0px;
		padding:0px;
	}

	input, textarea{
		color:#0099FF;
		background-color:#000000;
	}

	input.text, textarea{
		width: 300px;
		padding: 3px;
		margin: 1px 0;
		border: 1px solid #ccc;
	}

	input.submit {
		padding: 2px 5px;
	}
/*	
	.error{
		font: helvetica 12px bold ;
		color:#CC0000;
		text-align:center;
	}
*/
	#contactFormArea{
	}
	
	#loadBar{
		text-align:center;
		vertical-align:middle;
		display:none;
	}
	
	#emailSuccess{
		color: #0099FF;
		font-weight:bolder;
		display:none;
		text-align:center;
	}

/******************* text *******************/

	.text_header{
		padding-top: 10px;
		padding-left: 10px;
		font-size: 14px;
		font-weight: bolder;
	}
	
	.text_header_red{
		padding-top: 10px;
		padding-left: 10px;
		font-size: 14px;
		font-weight: bolder;
		color:#FF0000;
	}
	
	.paragraph{
		font: 12px Arial, Helvetica, sans-serif;
		padding-left:25px;
		padding-right:10px;
	}

/******************* Footer *******************/

	#footer{
		background: url(/images/footer_1_pixel.jpg) repeat-x;
		height:18px;
		width:1px;
	}

	.footer_style{
		color:#FFFFFF;
		font-family:Arial;
		font-size:9px;
		vertical-align: middle;
		text-align: center;
		padding-right:10px;
	}
	
	#footer a{
		color:#FFFFFF;
		text-decoration: none;
	}
	
	#footer a:hover{
		color:#0099FF;
	}
		
/**********************************************/