/* *******************************************  Valdez Heli Tours 2007  ******************************************* */  

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;
}
#bg {  
	width:940px;
	background:url('/_common/img/home/main.jpg') no-repeat top center;
}

/* 4 different images loaded at random */
#bg.img1 { background:url('/_common/img/home/rotator/main1.jpg') no-repeat top center; }
#bg.img2 { background:url('/_common/img/home/rotator/main2.jpg') no-repeat top center; }
#bg.img3 { background:url('/_common/img/home/rotator/main3.jpg') no-repeat top center; }
#bg.img4 { background:url('/_common/img/home/rotator/main4.jpg') no-repeat top center; }

#header { 
	margin:0; padding:0;
	width:940px;
	height:370px;
}
#header #client_login { float:right; position:relative; left:16px; }
#header #flash { 
	margin:0; padding:0;
	position:relative;
	left:12px; 
	width:692px;
	height:370px;
	float:right;
}

#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 { 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; }

 h1 { /* black heading with yellow hashed line & INDENT used for inside pages  */
	margin:17px 0; 
	padding:0 0 5px 0;
	background:url('/_common/img/bg_dash_line.gif') no-repeat 0 25px; 
	font-family:Helvetica;
	font-size:20px;
	color:#000;
}
 h2 { /* black heading with yellow hashed line NO indent used on home page   */
	margin:17px 0; 
	padding:0 0 5px 0;
	background:url('/_common/img/bg_dash_line.gif') no-repeat 0 25px; 
	font-family:Helvetica;
	font-size:20px;
	color:#000;
}
 h3 { /* blue heading with yellow triangle bullet */
	margin:0; 
	padding:0 0 5px 24px;
	background:url('/_common/img/bg_bullet.gif') no-repeat 0 3px; 
	font-family:Helvetica;
	font-size:16px;
	color:#2A4D6B;
}
 h4 { /* blue heading WITHOUT yellow triangle bullet */
	margin:0; 
	padding:0 0 0 24px;
	font-family:Helvetica;
	font-size:16px;
	color:#2A4D6B;
}


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

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


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

#content { 
	margin:0; padding:0 0 30px 0;
	width:687px;
	float:left; 
	background:#fff;
	font-size:12px;
	color:#000;
}
#rotator { /* 3 image flash rotator in the content area */
	margin: 0; padding: 0 0 0 4px;
	position: relative;
	top: 15px;
	width: 250px;
	float: left; 
}
#rotator .rotator_title {
	padding: 5px 0;
	font-size: 18px;
	font-weight: bold;
	color: #F7CE00;
}
#inline { /* text area column */
	margin:0; padding:0;
	width:425px;
	float:left; 
}
#inline p { 
	margin:0; padding:0 24px;
	width:375px;
}
#inline #callout { 
	margin: 5px; padding: 0;
	height: 470px;
	overflow: hidden;
	background:url('/_common/img/bg_callout.gif') repeat 0 0;
}
#inline #callout p { 
	margin:0; padding: 10px 0; 
	position:relative;
	left:20px;
	z-index: 1000;
}
#inline #callout div.title {
	margin:0; padding:0; 
	width:384px;
	height:62px;
	background:url('/_common/img/home/callout_title.gif') no-repeat 0 0;
}
#inline .image { 
	position: absolute;
	top: 712px;
	width: 388px;
	height: 133px;
	background: url("/_common/img/home/callout_image.gif") no-repeat 2px bottom;
}

#callout .video_link {
	text-align:center;
	font-size:10px; 
	font-weight:bold;
}

.sidenav_promo {
	margin:0;
	padding:0;
	width:230px; 
	position:relative; left:5px; top:30px;
	text-align:left;
	color:#cccccc;
}


.sidenav_promo {
	margin:0;
	padding:0;
	width:230px; 
	position:relative; left:5px; top:30px;
	text-align:left;
	color:#cccccc;
}

.sidenav_promo h6 {
	margin:0;
	padding:0;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}

.sidenav_promo a.sidenav:link, a.sidenav:visited { text-decoration:none; color:#ffcc33; }
.sidenav_promo a.sidenav:active, a.sidenav:hover { text-decoration:underline; color:#ffcc33; }

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

#footer { 
	margin:0 auto 0 auto; padding:50px 0;
	background:url('/_common/img/home/bg_footer.gif') no-repeat 2px 0;
}
#footer_content { 
	margin:0; padding:0 60px 0 0;
	color:#fff;
	font-size:11px;
	width:634px; 
	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 0 0 0; }
#footer_content p a { padding:0 0 0 0; color:#999; line-height:18px; }


/* *******************************************  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; }