@import url(../css/global-grid/reset.css);

/*----------------------------------------------------------------------------------------
Structural Styles
----------------------------------------------------------------------------------------*/
body{background: #FFF url(../images/your-local-charter/body-bg.png) repeat-x left top;font:12px/1.33 Arial, 'Liberation Sans', FreeSans, sans-serif;}
#container, #footer-wrapper{width:960px;margin:0 auto;text-align:left;}
#intHeader{height:104px;padding-top:20px;}
#contentArea{width:460px;margin:0 10px 60px;}
#extSidebar{width:230px;margin-right:10px;_margin-right:8px;float:left;display:inline;}
#focus{width:720px;}
#contentArea,#rail,#focus{float:left;display:inline;}
#rail{width:240px;}



/*----------------------------------------------------------------------------------------
Global Styles
----------------------------------------------------------------------------------------*/
.clear { clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.css-replace{text-indent:-9999px;margin:0;height:0;width:0;overflow:hidden;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
#content h2, #rail h3{font-size:14px;color:#000;margin-bottom:5px;}
#content p, #rail p{color:#666;font-size:10px;line-height:16px;margin-bottom:20px;}
#content a{color:#333;font-size:12px;text-decoration:underline;margin-bottom:15px;display:block;}
#content a:hover{text-decoration:none;}
sup {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
	}
	

/*----------------------------------------------------------------------------------------
Header Styles
----------------------------------------------------------------------------------------*/
#intHeader{background:transparent url(../images/your-local-charter/intHeader-bg.jpg) no-repeat left top;margin-bottom:15px;position:relative;}
#intHeader #logo{float:left;position:relative;top:0px;}
#header-phone{
	float:right;
	text-align:right;
	width:200px;
	background:transparent url(../images/your-local-charter/phone-icon.png) no-repeat right center;
	padding-right:55px;
	font-family:'myriad pro','trebuchet ms',arial,sans-serif;
	color:#296c8a;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
}
#header-phone strong{color:#000;font-size:24px;line-height:18px;display:block;}
#header-nav{position:absolute;right:11px;bottom:8px;}
#header-nav li{display:inline;list-style-type:none;}
#header-nav li a{
	background:transparent url(../images/your-local-charter/nav-tab.png) no-repeat scroll left top;
	width:114px;
	height:25px;
	font-size:14px;
	color:#666;
	display:inline-block;
	font-weight:bold;
	text-transform:uppercase;
	line-height:25px;
	text-align:center;
	text-decoration:none;
}
#header-nav li a:hover{background-position:left -25px;color:#fff;}
	

/*----------------------------------------------------------------------------------------
Sidebar Styles
----------------------------------------------------------------------------------------*/
#extSidebar{margin-bottom:300px;}
#sidebarCB {margin:20px 0 0 10px;}
#sidebarCB h3{color:#333333;font-size:18px;line-height:18px;font-weight:normal;}
#sidebarCB h1{color:#333333;text-transform:uppercase;font-size:20px;line-height:30px;}
#sidebarCB h1 span {color:#2a6c8a;}
#sidebarMenu{background:transparent url(../images/your-local-charter/sidebar-bottom-bg.png) no-repeat left bottom;padding-bottom:15px;}
#sidebarMenu h1{
	background:transparent url(../images/your-local-charter/sidebar-header-bg.png) no-repeat left top;
	color:#333;
	font-size:14px;
	text-transform:uppercase;
	line-height:36px;
	padding-left:15px;
}
#sidebarMenu ul{background:transparent url(../images/your-local-charter/sidebar-body-bg.png) repeat-y left top;padding:10px 5px 15px;}
#sidebarMenu li a{text-decoration:none;color:#666;display:block;padding-left:10px;height:27px;line-height:27px;font-size:13px;}
#sidebarMenu li a:hover{background:transparent url(../images/your-local-charter/sidebar-active-bg.png) no-repeat left top;color:#333;}

/*----------------------------------------------------------------------------------------
Rail Styles
----------------------------------------------------------------------------------------*/
#rail{position:relative;}
#rail img{margin-bottom:15px;}
#rail #rail-button{background:transparent url(../images/your-local-charter/package-details-btn.gif) no-repeat left top;display:block;width:212px;height:24px;position:absolute;top:350px;left:30px;}
#rail p, #rail h3{margin-left:10px;}
#rail-save{position:absolute;top:136px;right:-30px;}

/*----------------------------------------------------------------------------------------
Call Box Styles
----------------------------------------------------------------------------------------*/
#focus p {color:#5A5A5A;font-size:10px;font-weight:normal;line-height:12px;margin-left:20px;}
#offersBoxes {height:153px;margin:10px 0;}
.offerBox {width:220px;height:152px;float:left;display:inline;margin:0 10px;}
#offerBox-one {margin-left:15px;background:transparent url(../images/your-local-charter/offer-box-one.gif) no-repeat top left;}
#offerBox-two {background:transparent url(../images/your-local-charter/offer-box-two.gif) no-repeat top left;}
#offerBox-three {margin-right:0;background:transparent url(../images/your-local-charter/offer-box-three.gif) no-repeat top left;}
#call-box{
	background:transparent url(../images/your-local-charter/call-box-bg.png) no-repeat left top;
	width:652px;
	height:58px;
	margin-top:10px;
	padding-left:60px;
	position:relative;
}
#call-box p{line-height:58px;color:#fff;font-size:30px;font-weight:bold;text-align:right;margin-right:10px;text-shadow:0 0 6px #000;}
#call-box a{
	background:transparent url(../images/your-local-charter/call-box-order-button.png) no-repeat left top;
	width:103px;
	height:39px;
	line-height:39px;
	display:block;
	font:italic bold 17px/39px arial, sans-serif;
	color:#fff;
	text-align:center;
	position:absolute;
	right:10px;
	top:9px;
}

/*----------------------------------------------------------------------------------------
ContentArea Styles
----------------------------------------------------------------------------------------*/
#contentArea h1 {margin:10px 0;color:#666666;font-size:24px;font-weight:normal;}
#content{margin-bottom:20px;}
#content h1{font-size:18px;color:#666666;margin-bottom:10px;}

/*----------------------------------------------------------------------------------------
Footer Styles
----------------------------------------------------------------------------------------*/
#extFooter{clear:both;padding-top:35px;background:transparent url(../images/your-local-charter/footer-bg.gif) repeat-x left top;padding-bottom:20px;}
#footer-sidebar,#footer-content,#footer-rail{float:left;}
#footer-sidebar{width:230px;margin-right:10px;}
#footer-content{width:460px;margin:0 10px;}
#footer-content p {font-size:10px; line-height:10px; color:#CCCCCC;margin-bottom:20px;}
#footer-rail{width:240px;}

/*----------------------------------------------------------------------------------------
Geo Styles
----------------------------------------------------------------------------------------*/
#loctypelist em{font-style:normal;}
#loctypelist li a, #footer-rail h4{font-size:13px;font-weight:bold;color:#333;margin-bottom:5px;display:block;}
#extFooter a{font-size:10px;color:#666;}
#locations{text-align:justify;}
#locations.proximityMenu .proximity {font-size:10px;color:#666;}