/*  
Theme Name: Arrival
Theme URI: http://madebyhmmck.com/
Description: Arrival theme is designed especially for Airport Aruba Transfers.
Version: 2.0
Author: Gabriel	
Author URI: http://hmmck.com/
*/

/*** Global ***/
*, html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, p, blockquote { margin: 0; padding: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

strong			{ font-weight: bold; }
em				{ font-style: italic; }
a				{ text-decoration: underline; }
* a				{ position: relative; } /* Gets links displaying over a PNG background */
a img			{ border: none; } /* Gets rid of IE's blue borders */

body			{ background-color: #FFF; color: #555; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
div 				{ position: relative; }
.container		{ margin: 0 auto; width: 960px; }
.clear			{ clear: both; }

/*** Header ***/
#header			{ background-color: #243D46; color: #FFF; height: 75px; }
#header h2		{ font-size: 1.5em; letter-spacing: 1px; position: absolute; right: 10px; top: 25px; }
#header a		{ background: transparent url(http://assets.hmmck.com/aat/bb.jpg) no-repeat 0 -75px; display: block; height: 75px; left: 75px; position: absolute; text-indent: -9999px; top: 0px; width: 150px; }
#header a:hover	{ background: transparent url(http://assets.hmmck.com/aat/bb.jpg) no-repeat 0 0; }

/* Title + Navigation */
#subhead h1		{ background: transparent url(http://assets.hmmck.com/aat/logo.jpg) no-repeat scroll; float: left; height: 75px; text-indent: -9999px; width: 400px; }
#subhead h1 a	{ display: block; height: 75px; }
#subhead p#nav	{ float: right; margin: 25px 0 0; }
#subhead p#nav a	{ color: #000; font-size: 16px; font-weight: bold; margin: 10px; padding: 0px; text-decoration: none; }
#subhead p#nav a:hover	{ border-bottom: 5px solid #CCC; color: #4F4F4F; }
#subhead p#nav span { color: #000; font-weight: bold; font-size: 16px; }

/*** Content ***/
/* Index Page */
#product		{ -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #EFEFEF; border: 1px solid #CCC; height: 285px; margin: 50px 0; }
#product h3		{ font-size: 3.1em; left: 15px; position: absolute; top: 15px; }
#product p		{ font-size: 1.3em; font-weight: normal; left: 10px; letter-spacing: -1px; line-height: 150%; text-align: center; position: absolute; top: 90px; width: 460px; }
#product span	{ font-size: 2.2em; font-weight: normal; left: 10px; letter-spacing: -1px; position: absolute; text-align: center; top: 200px; width: 460px; } /* Price Index */
#product img		{ position: absolute; right: -25px; top: -25px; }

/* Pages */
.page h2			{ margin: 50px 10px 0; display: block; font-size: 2em; text-align: left; }
.page h3			{ margin: 10px ; font-size: 1.5em; }
.page h4			{ margin: 10px; font-size: 1.3em; }
.page h6			{ font-size: 0.8em; margin: 0 10px; }
.page ul 			{ margin: 0 10px; }
.page ul li		{ padding: 5px 0; }
#main			{ float: left; width: 620px; margin: 0 10px; }
#main-full		{ float: left; width: 940px; margin: 0 10px; }
#main-rounded	{ display: block; background-color: #F7F7F7; border: 1px solid #DFDFDF; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; margin: 10px 0; }
#main-rounded h5	{ font-size: 1.2em; padding: 10px; }
#main-rounded p	{ padding: 10px; }
#main-rounded ol	{ padding: 10px; list-style-position: inside; }
#main-rounded ul	{ padding: 10px; list-style: square inside; }
.price			{ -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #FFF; border: 1px solid #000; font-size: 7em; margin: 9px; padding: 15px; text-align: center; width: auto; }

/* Offer */
#main #offer		{ background-color: #CCC; border-top: 1px solid #EFEFEF;  border-bottom: 1px solid #EFEFEF; display: block; margin: 10px -5px; }
#main #offer a	{ color: #000; background-color: #EFEFEF; text-decoration: none; padding: 0 5px; }
#main #offer a:hover { color: #FFF; background-color: #000; }
#main #offer p	{ color: #555; display: block; font-size: 1.2em; font-weight: bold; margin: 15px 0; text-align: center; }
.postdata		{ font-size: 0.8em; border: 1px dotted #CCC; padding: 0 10px; }

/* Sidebar */
#sidebar		{ float: left; width: 300px; margin: 0 10px; }
#sidebar h2		{ display: block; margin: 0; }
#sidebar ul		{ list-style-position: inside; list-style-type: none; }

/* Booking */
#booking		{ background-color: #EFEFEF; border: 1px solid #000; padding: 5px; }
#booking h3		{ font-size: 1.3em; margin: 10px 0 15px; }
#booking h6		{ color: #A1A1A1; font-size: 0.9em; font-weight: normal; margin: 5px 0; text-align: center; }
#booking h6 span	{ color: #262626; font-size: 1.1em; font-weight: bold; }
#booking p		{ font-size: 0.9em; line-height: 150%; margin: 0 0 5px; }
a#book-page		{ -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #00C8FF; border: 1px solid #000; color: #FFF; display: block; font-size: 3em; padding: 25px; text-align: center; text-decoration: none; }
a#book-page:hover { background-color: #00BCEF; #color: #FFF; text-decoration: underline; }

/*** Footer ***/
#footer			{ border-top: 1px solid #CCC; color: #262626; margin: 25px 10px; }
#footer ul		{ float: left; width: 188px; margin: 10px 0 0; }
#footer li		{ font-weight: bold; font-size: 1em; list-style: none; padding: 3px 0; text-transform: uppercase; }
#footer li a		{ font-size: 0.9em; font-weight: normal; color: #262626; text-decoration: underline; text-transform: none; }
#footer li a:hover { color: #262626; text-decoration: none; }
#foot			{ background-color: #EFEFEF; margin: 15px 0px; display: block; padding: 6px 0px 6px 10px; font-size: 0.7em; }
#foot span		{ background: url(http://assets.hmmck.com/aat/footer.jpg) no-repeat 0 0; position: absolute; right: 0px; top: 0px; width: 64px; height: 27px; text-indent: -9999px; }

/* Mailing List */
#signup			{ float: left; width: 375px; border-left: 1px solid #CCC; margin: 10px 0 0; }
#signup	p		{ font-size: 1em; color: #262626; padding: 5px; }
.btn			{ background-color: #DDD; border: 1px solid #CCC; bottom: 13px; font-size: 2em; position: absolute; right: 20px; }
.btn:hover		{ background-color: #F63A3B; color: #FFF; }
.mc-field-group	{ margin: 2px 0; }
#mce-FNAME, #mce-EMAIL	{ background-color: #FFF; border: 1px solid #CCC; color: #000; font-size: 1em; margin: 3px; padding: 1px; width: 250px; }
.feature-sb		{ float: left; width: 300px; margin: 0; }
.feature-sb span	{ display: block; height: 100px; padding: 10px; border: 1px solid #DFDFDF; background-color: #F7F7F7; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.feature-sb h3	{ font-size: 1.5em; padding: 4px; }
.feature-sb h6	{ font-size: 0.88em; padding: 4px; }
.feature-sb p	{ font-size: 0.88em; padding: 4px; }
.feature-sb img	{ float: left; margin: 0 10px 0 0; }