/* *******************************************  Valdez Heli Tours 2007  *******************************************   
Foriegn Key Id's >>

Home = 1
The Experience = 7
Rates & Pacages = 9
FAQ = 10
Why VHC? = 11
Store = 12
Book a Trip = 13
Guest Login = 14
Careers = 15
Contacts = 16
CRM = 18
Misc = 17
Community = 19

*/

body { 
	margin:0; padding:0; 
	background:#0E0E0E url('/_common/img/bg.jpg') no-repeat top center; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#container { 
	margin:0 auto 0 auto; 
	width:940px;
	background:#000;
}

/* *******************************************  Header  ******************************************* */  

#bg {  
	width:940px;
	background:url('/_common/img/experience/main.jpg') no-repeat top center;
}
#header { 
	margin:0; padding:0;
	width:940px;
	height:300px;
}
#header #client_login { float:right; position:relative; left:15px; }

#header #home-link { 
	position: relative;
	left: 0; top: 0;
	z-index: 1000;
}
#header #home-link a { 
	width: 940px;
	height: 300px;
	display: block;
}

#header #logo { 
	position:relative;
	left: 20px; top: 110px;
	width: 190px;
	float:right;
	z-index: 2000;
}
#header #logo #contact-link a { 
	width: 75px;
	height: 15px;
	float: left;
	cursor:pointer; 
	text-indent: -9999px;
}
#header #logo #community-link a { 
	width: 95px;
	height: 15px;
	float: left;
	text-indent: -9999px;
	cursor:pointer; 
}

#content_top { /* this is the slanted grey bar at the top of the content area */
	position:relative;
	left:244px; top: 0px;
	width:687px;
	height:19px;
	float: left;
	background:url('/_common/img/bg_content_top.png') no-repeat 0 0;
}
#wrapper { /* encloses #column and #content for proper floating */
	margin:0; padding:0;
	width:940px;
}


/* *******************************************  General   ******************************************* */ 

 /* 
 this allows for .png files to display with transparency intact for ie 6 and below  
 - 2 necessary files are required to make this work:
 a. blank.gif
 b. iepngfix.htc
 - both of these files need to be in the img directory to work
 */
* html img, 
* html #content_top { behavior: url('/_common/img/iepngfix.htc'); }

img { border:0; }
.clear { clear:both; }
hr { border:1px solid #000; }
.spacer { height:20px; }
.half_spacer { height:10px; }
.qtr_spacer { height:5px; }
.no_pad { margin:0; padding:0; } /* used mostly for the <p> to take off default padding on unique pages ie 'why vhc' */


h1 { /* black heading with yellow hashed line & INDENT used for inside pages  */
	margin:17px 0 0 0; 
	padding:0 0 0 24px;
	font-family:Helvetica;
	font-size:20px;
	color:#000;
}
#pagebreak { /* this is the yellow hashed line below h1 page title */
	width:660px;
	height:25px;
	background:url('/_common/img/bg_dash_line.gif') repeat-x 0 5px;
}
#pagebreak_wide { /* this is the yellow hashed line below h1 page title */
	width:900px;
	height:25px;
	background:url('/_common/img/bg_dash_line_wide.gif') repeat-x 0 5px;
}
.pagebreak_grey { /* this is the GREY hashed line below h1 page title */
	width:660px;
	height:45px;
	background:url('/_common/img/bg_dash_line_grey.gif') repeat-x 0 20px;
}
.pagebreak_grey2 { /* used on book_trip form */
	width:660px;
	height:25px;
	background:url('/_common/img/bg_dash_line_grey.gif') repeat-x 0 5px;
}
h2 { /* this is the first entry and doens't have padding on the top */ 
	margin:0; padding:0;
	font-family:Helvetica;
	font-size:12px;
	color:#000;
}
h3 { /* all subheading after first entry with padding */
	margin:30px 0 0 0; padding:0;
	font-family:Helvetica;
	font-size:12px;
	color:#000;
}
h4 { /* all subheading after first entry with padding */
	margin:0; padding:0;
	font-family:Helvetica;
	font-size:14px;
	color:#003273;
}
h5 { /* all subheading after first entry with padding */
	margin:0; padding:0;
	font-family:Helvetica;
	font-size:14px;
	color:#000;
}
h6 { /* tertiary nav heading */
	margin:0; padding:3px 0 0 0;
	font-family:Helvetica;
	font-style:italic;
	font-size:11px;
	color:#666;
}
.price {
	margin:0; padding:0;
	font-family:Helvetica;
	font-size:18px;
	font-weight:bold;
	color:#333;
}

/* *******************************************  Navigation  ******************************************* */  

#column { 
	margin:0; padding:0;
	position:relative;
	top:-10px;
	float:left; 
	width:244px; 
}

#column .callout { 
	margin:3px; padding:10px;
}

#column .callout li { 
	margin:0; padding:6px 0; 
	color:#333;
	font-size:11px;
	font-weight:bold;
}

#column .callout a:link, #column .callout a:visited { 
	text-decoration:none; 
	color:#999;
}
#column .callout a:active, #column .callout a:hover { 
	text-decoration:underline; 
	color:#FFCC00; 
}

#column .callout p.long { 
	margin:0; padding:10px 4px; 
	width:202px;
	color:#333;
	font-size:11px;
	font-weight:bold;
	border: 1px solid red;
}

#nav {
	margin:0; padding:0;
	position:relative;
	left:0;
}
#nav img { /* ie fix: have to set height width attributes or it will stretch length of column */
	left:0;
	width:236px;
	height:199px;
}

/* ---------- tertiary ---------- */

ul#tertiary {
	margin:5px 0; padding:0;
	list-style-type:none;
}
ul#tertiary li {
	margin:0; padding:0 0 4px 10px;
	list-style-type:none;
}
ul#tertiary li a { color:#003273; }


/* *******************************************  Breadcrumb  ******************************************* */ 

#breadcrumb_wrapper {
	margin:0; padding:0 20px 0 0;
	position:relative;
	left:10px;
}
ul#breadcrumb {
	margin:0; padding:0 0 15px 0;
	list-style-type:none;
}
ul#breadcrumb li {
	margin:0 7px 0 0; padding:0 0 0 13px;
	background:url('/_common/img/icon_bullet_breadcrumb.gif') no-repeat 0 3px; 
	font-size:11px;
	color:#2A4D6B;
	font-weight:bold;
	line-height: 22px;
	display:inline;
}

/* ---------- breadcrumb for client login ---------- */

.client_name { color:#2A4D6B; }
#client_logout {
	position:relative;
	left:-20px; top:20px;
	font-weight:bold;
	float:right;
}


/* *******************************************  Content  ******************************************* */  

#content { 
	margin:0; padding:0 12px 30px 12px;
	width:662px;
	float:left; 
	background:#fff;
	font-size:13px;
	color:#000;
}

#content_wide { 
	margin:0; padding:10px 0;
	width:940px;
	background:#fff;
	font-size:13px;
	color:#000;
}

#rotator { /* 3 image flash rotator in the content area */
	margin:0 0 0 0; padding:0;
	width:250px;
	float:left; 
}

#inline { /* text area column */
	margin:5px 0 0 0; padding:0 24px;
	width:600px;
	float:left; 
	overflow:hidden;
}
#inline #text_wrapper {
	margin:0 35px 0 0; padding:0; 
	width:375px;
	float:left;
	overflow:hidden;
}
#inline #text_wrapper_wide {
	margin:0 35px 0 0; padding:0; 
	width:610px;
	float:left;
	overflow:hidden;
}
#inline #callout_wrapper { 
	width:160px;
	float:left;
}
#inline .callout { 
	margin:0 0 15px 0; padding:6px;
	float:left;
	background:url('/_common/img/bg_callout.gif') repeat 0 0; 
}
#inline .callout p { 
	margin:0; padding:10px 4px; 
	width:157px;
	color:#333;
	font-size:11px;
	font-weight:bold;
}
#inline .callout p.long { 
	margin:0; padding:10px 4px; 
	width:202px;
	color:#333;
	font-size:11px;
	font-weight:bold;
}

.faq_list {
	padding:3px; 
	display:block; 
	height:30px; 
	background:#f1f1f1;
}

/* *******************************************  Store  ******************************************* */

table.store {
	margin:15px 0 50px 0; padding:0;
	width:100%;
}
table.store td.image { /* image column */
	margin:0; padding:0 10px 0 0;
	width:100px;
	vertical-align:top;
	text-align:center;
}
table.store td.text { /* text & info column */
	margin:0; padding:10px 0 0 0;
	vertical-align:top;
}
table.store td.text p { margin:0; padding:0 0 10px 0; }
table.store td.text img { border:0; }
table.store td h1 {
	margin:0; padding:0;
	font-size:10px;
}
table.store td h2 {
	margin:0; padding:5px 0 3px 0;
	font-size:10px;
}
.drop_downs {
	margin:4px 0;
}
.cart_button {
	margin:17px 0 0 0;
}


/* *******************************************  Book A Trip  ******************************************* */

#text_wrapper .callout p.book_trip_font {
	margin:0; padding:6px 0;
	width:350px;
	font-size:21px;
	font-weight:bold;
	text-align:center;
	line-height:23px;
}
.h2 {
	margin:0; padding:6px 0;
	width:350px;
	font-size:21px;
	font-weight:bold;
	text-align:center;
	line-height:23px;
}
#text_wrapper .callout p.book_trip_font span.sm_text { font-size:19px; }


/* *******************************************  Client Login  ******************************************* */ 

.itinerary {
	margin:0 0 20px 0; padding:12px 0 0 0;
	background:url('/_common/img/bg_dash_line_grey.gif') repeat-x 0 2px;
	overflow:hidden;
}
.itinerary p { margin:0; padding:6px 0; }
ul.dates {
	margin:0; padding:0 0 15px 0;
	background:url('/_common/img/bg_dash_line_grey.gif') repeat-x 0 20px;
	list-style-type:none;
}
ul.dates li {
	margin:0 18px 0 0; padding:0;
	display:inline;
}
.itinerary_name { /* colors name blue */
	color:#003273;
}
table.flight {
	margin:0; padding:10px;
	width:570px;
	background:#EFEFEF;
}
table.flight td {
	margin:0; padding:0 0 3px 0;
	font-weight:bold;
}
table.flight td input { margin:5px 0 0 0; }
table.flight td span.normal { font-weight:normal; }
table.flight td.button { text-align:center; }

#edit_itinerary {
	position:relative;
	left:-30px; top:20px;
	float:right;
}


/* *******************************************  Photo Gallery  ******************************************* */  

#pod {
	margin:0; padding:0;
	width:620px;
	position:relative;
	left:-17px;
}
#pod td {
	padding:0 11px;
	color:#000;
	vertical-align:top;
	background:#E3E3E3;
	text-align: center;
}
#pod td p.photo_date {
	font-size:10px;
}
#archive_button { 
	position:relative;
	left:215px;
	float:right;
}

/* *******************************************  Site Map  ******************************************* */  

#site_map {
	position:relative;
	top:-33px;
	width:100%;
}
.sitemap_title {
	margin:0; padding:30px 0 3px 0;
	background:url("/_common/img/bg_dash_line_grey.gif") no-repeat 0 0;
}
#site_map td {
	margin:0; padding:0 0 20px 0;
	width:50%;
	text-align:left;
	vertical-align:top;
}
#site_map td ul {
	margin:0; padding:0 0 0 10px;
	list-style-type:none;
}
#site_map td ul li {
	margin:0; padding:0;
	line-height:16px;
}

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

#footer { 
	margin:0 auto 0 auto; padding:50px 0;
	background:url('/_common/img/bg_footer.gif') no-repeat 2px 0;
}
#footer_wide { 
	margin:0 auto 0 auto; padding:50px 0;
}
#footer_content { 
	margin:0; padding:0 60px 0 0;
	color:#fff;
	font-size:11px;
	width:634px; 
	float:right;
}
#footer_content_wide { 
	margin:0; padding:0 60px 0 0;
	color:#fff;
	font-size:11px;
	width:920px; 
	float:right;
}
#footer_content p { padding:5px 0; }
#footer_content ul { 
	margin:0; padding:11px 0 0 0;
	list-style-type:none;
}
#footer_content ul li { 
	margin:0; padding:0;
	color:#FFCE00;
	display:inline;
}
#footer_content ul li a { padding:0; }
#footer_content p a { padding:0; color:#999; line-height:18px; }


/* default square blue button  */
a.dbButton:link, a.dbButton:visited, a.dbButton:active, a.dbButton:hover { margin:0; padding:0; background-color:#2A4D6B; font-weight:normal; color:#fff; text-decoration:none; font-size:11px; padding:0 5px 2px 4px; }
a.dbButton:active, a.dbButton:hover { text-decoration:underline; }


/* *******************************************  Links  ******************************************* */

a:link, a:visited { text-decoration:none; color:#2A4D6B; }
a:active, a:hover { text-decoration:underline; color:#2A4D6B; }

a.foot_nav:link, a.foot_nav:visited { text-decoration:none; color:#fff; }
a.foot_nav:active, a.foot_nav:hover { text-decoration:none; color:#FFCE00; }

a.pdf { padding:5px 0 5px 30px; background:url('/_common/img/icon_pdf.gif') no-repeat 0 0; } /* download pdf */
a.bullet { padding:0 0 5px 15px; background:url('/_common/img/icon_bullet_breadcrumb.gif') no-repeat 0 4px; } /* used on photos & videos page */


/* *******************************************  Forms  ******************************************* */  

.formField { font-size:10px; border: 1px solid #ccc; }
.dbButton { background-color:#2A4D6B; font-weight:normal; color:#fff; text-decoration:none; font-size:13px; padding:0 5px 2px 4px; border:0; cursor:pointer; }
.formButton { background-color:#2A4D6B; font-weight:normal; color:#fff; text-decoration:none; font-size:13px; padding:0 5px 2px 4px; border:0; cursor:pointer; }
.formText { font-size:12px; color: #333; background:#fff; border: 1px solid #ccc; font-weight:normal; }