﻿/*****************************************************************
******************************************************************
**
**	-----------------------------------------------------
**	Template Name: Blue Sky Lodging
**	     Coded by: Jordan Payne
**	         Date: 19 January 2009
**		  Version: 1.0
**	-----------------------------------------------------
**
*****************************************************************
*****************************************************************/

/*
	RESET ALL + DEFAULTS
*/

*									{ margin: 0; padding: 0; }
html								{ overflow: auto; }
body							{ height: 100%; }
html							{ height: 100%; }
body								{ margin: 0; padding: 0; font-size: 62.5%; font-family:arial; color: #FFFFFF; 
									  background: url("../images/page_background.png") repeat-x #0099FF; }
ul									{ list-style: disc outside; padding-left: 1.5em; margin-bottom: 1.0em; }
ol									{ list-style: decimal outside; padding-left: 1.5em; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ }
table								{ border-collapse: collapse; }
p 									{ margin-bottom: 0.7em; margin-top: 0em; }
em									{ font-style: italic; }
strong								{ font-weight: bold; }
.clear								{ clear: both; }
a.button							{ display: block; margin: 10px 5px 10px 0; float: right; padding: 6px 15px;
									  background: url("../images/button_background.png") repeat-x; border: 1px solid #CCCCCC;
									  font-family: "Trebuchet MS", "Lucinda Grande", Helvetica, Verdana, sans-serif; font-size: 1.4em; color: #666666; }
a.button:active						{ background: url("../images/button_background_active.png") repeat-x; border: 1px solid #FF9900; }

/*
	STRUCTURE
*/
div#container						{ width: 760px; margin: 0 auto; }
div#header							{ width: 100%; height: 70px; }
div#stock_image						{ width: 100%; height: 215px; }
div#content							{ margin-top: 15px; }
div#main_content					{ width: 485px; float: left; } 
div#sidebar_content					{ width: 250px; float: right; }

/*
	CONTAINER STYLES
*/
div#container						{ position: relative; top: 78px; }

/*
	HEADER STYLES
*/
div#header img						{ float: left; margin-left: 30px; }

ul#navigation 						{ list-style: none; float: right; margin: 20px 75px 0 0; }
ul#navigation li					{ display: inline; }
ul#navigation li a					{ color: #FFFFFF; font-size: 1.6em; padding: 5px 15px; }
ul#navigation li.active a			{ background: #FFFFFF; color: #0099FF; -moz-border-radius: 6px; }
ul#navigation li a:hover			{ color: #006699; }
ul#navigation li.active a:hover		{ color: #0099FF; }

/*
	STOCK IMAGE AREA
*/
div#stock_image						{ border-top: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF; background: #5ABCFF; clear: both; }

/*
	MAIN CONTENT STYLES
*/
div#main_content h1					{ font-size: 2.6em; font-family: Arial, Helvetica, sans-serif; font-style: italic; padding: 0 0 15px 10px; }
div#main_content h2					{ font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; }
div#main_content p					{ font-size: 1.5em; text-align: justify; font-weight: bold; }

/*
	SIDEBAR CONTENT STYLES
*/
div#sidebar_misc					{ height: 50px; float: right; width: 250px; }
div#sidebar_misc h2					{ margin-top: 6px; text-align: center; }
div#sidebar_content					{ margin: 0 0 20px 0; background: #FFFFFF; border: 1px solid #999999; height: auto; }
div#sidebar_content ul#tabs_nav		{ display: inline; }
div#sidebar_content ul#tabs_nav li	{ list-style: none; display: inline; float: left; font-size: 1.3em; width: 50%; }
div#sidebar_content ul#tabs_nav li a{ padding: 15px 0; width: 99%; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #666666; background: #FFFFFF; }

div#sidebar_content ul#tabs_nav li.left_tab a  { float: left; }
div#sidebar_content ul#tabs_nav li.right_tab a { float: right; }

div#sidebar_content ul#tabs_nav li.left_tab a   { border-bottom: 1px solid #999999; border-right: 1px solid #999999; background: url("../images/inactive_tab_background.png") repeat-x; }
div#sidebar_content ul#tabs_nav li.right_tab a  { border-bottom: 1px solid #999999; border-left: 1px solid #999999; background: url("../images/inactive_tab_background.png") repeat-x; }

div#sidebar_content ul#tabs_nav li a.active_tab { border: none; background: #FFFFFF; }

	/* Accordion */
	#sidebar_content ul 				{ width: 250px; }
	ul.menu ul 				{ list-style-type:none; margin: 0; padding: 0; }
	ul.menu 				{ list-style-type:none; margin: 0; padding: 0; }
	ul.menu a 							{ clear: both;  display: block; text-decoration: none; }
	ul.menu li 							{ margin-top: 1px; }
	ul.menu li a						{ background: #FFFFFF; color: #0099FF; font-size: 1.7em; padding: 0.3em 0.5em; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #EAEAEA; }
	ul.menu li a:hover					{ color: #006699; }
	ul.menu li ul li a 					{ color: #999999; font-size: 1.2em; padding-left: 20px; padding: 0.5em; border: none; }
	ul.menu li ul li a:hover 			{ background: #EAEAEA; color: #666666; }

/*
	FOOTER CONTENT STYLES
*/
div#footer 							{ clear: both; padding: 20px 0; border-top: 1px dotted #0066FF; }
div#footer p						{ text-align: center; font-size: 1.5em; }

/*----------------------------------------------------------------------------------*/
/*------------------------------------@quoteForm------------------------------------*/
/*----------------------------------------------------------------------------------*/
#requestinfo {
	line-height:normal;
}
.input {
	background:#fff;
	color:#333;
}
.invisible {
	visibility:hidden;
	color:red;
}
label {
	display:block;
	color:#fff;
	margin-top:.5em;
}
.form_text {
	display:block;
	color:#fff;
	margin-top:.5em;
}
#submit {
	margin-top:.5em;
}

