/* CSS Document */

/************************************************************************

	Site:		AlaskanPlaygroundVacations.com

	Author:		eROI		[www.eroi.com]  

	Client:		Alaskan Playground Vacations		[http://www.alaskanplaygroundvacations.com/]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Main Content
	4 - Sub Navigation
	5 - Left Navigation
	6 - Footer Navigation
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body {
	background		: url(http://www.alaskanplaygroundvacations.com/images/bg_body.gif) center;
	font-family		: Trebuchet MS, Arial, sans-serif;
	color:#337fb0;
	line-height		: 16px;
	padding-top		: 32px;
	padding-bottom:32px;
font-size:13px;
line-height: 116%;
color:#337fb0;
}

html, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin			: 0; 
	padding			: 0; 
}

a
{
	text-decoration	: none;
color:#527f8e;
}

a:hover
{
	text-decoration	: underline;
}

a.greenArrow {
color: #3f6618;
background:url(http://www.alaskanplaygroundvacations.com/images/icon_arrow_green.gif) top right no-repeat;
padding-right: 23px;
font-size:14px;
line-height: 200%;
}

div.clear {
clear:both;
}

/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/

div.wrapper {
width: 854px;
margin-left:auto;
margin-right:auto;
position:relative;
}

div.topcap
{
	background:url(http://www.alaskanplaygroundvacations.com/images/topcap.png);
	width: 854px;
	height: 162px;
	margin-left:auto;
	margin-right:auto;
position:relative;
}

div.headerLink  {
position: absolute;
top: 10px;
left:100px;
width:400px;
height:162px;
}

div.headerLink a {
display: block;
height: 100%;
width: 100%;
}

/* FOR IE 5.5+ ALPHA TRANSPARENCY */
* html div.topcap {  
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.alaskanplaygroundvacations.com/images/topcap.png", sizingMethod="crop"); 
}

div.container {
	width: 854px;
	margin-left:auto;
	margin-right:auto;
	background: url(http://www.alaskanplaygroundvacations.com/images/bg_container.png) center top;
	position:relative;
}

/* FOR IE 5.5+ ALPHA TRANSPARENCY */
* html div.container {  
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.alaskanplaygroundvacations.com/images/bg_container.png", sizingMethod="scale"); 
}








/***********************************************************************
	3 - NAVIGATION STYLES
************************************************************************/

div.navigation {
	margin-left:26px;
	background:#5290a8;
	margin-bottom:36px;
	margin-right:25px;
	height:35px;
}

div.navigation a {
	color:#fff;
}

div.navigation ul {
	list-style:none;
	height:100%;
}

div.navigation ul li {
	display:inline;
	height:100%;
}

div.navigation ul li a {
	background: url(http://www.alaskanplaygroundvacations.com/images/bg_nav_off.gif) repeat-x;
	display:block;
	float:left;
	border-right: #cfddcf 1px solid;
	border-left: #699567 1px solid;
	height:26px;
	font: 16px "Trebuchet MS", Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	line-height:100%;
	padding: 9px 20px 0px 20px;
}

div.navigation ul li a:hover {
	background: url(http://www.alaskanplaygroundvacations.com/images/bg_nav_hover.gif) repeat-x;
	text-decoration:none;
}

/***********************************************************************
	4 - LEFT COLUMN STYLES
************************************************************************/

div.leftColumn {
	padding-left:45px;
	padding-right:21px;
	width:542px;
	float:left;
}

/***********************************************************************
	5 - RIGHT COLUMN STYLES
************************************************************************/

div.rightColumn {
	width:221px;
	float:left;
}

div.rightColumn div {
	padding: 19px 21px 19px 18px;
	border-bottom: #e3e3e3 1px solid;
}

div.rightColumn input.text {
background: transparent url(http://www.alaskanplaygroundvacations.com/images/input_box.gif) top left no-repeat;
_background: transparent url(http://www.alaskanplaygroundvacations.com/images/input_box.gif) no-repeat fixed;
height: 17px;
border:solid 0 #fff;
width:127px;
padding:5px;
font-size:11px;
margin:0;
}

form.search {
width: 137px;
padding-left:20px;
}

form.newsletter input {
margin:0;
}

form.newsletter {
text-align:center;
}

div.rightColumn a {
color:#527f8e;
padding-left: 10px;
}

div.rightColumn a:hover {
background:url(http://www.alaskanplaygroundvacations.com/images/bullet_arrow.gif) 0px 6px no-repeat;
text-decoration:none;
}

div.rightColumn h1 {
font-size:14px;
text-transform: uppercase;
color:#3d3430;
margin-bottom:8px;
}

div.rightColumn h2 {
font-size: 18px;
color: #5290a8;
line-height:111%;
text-align:center;
margin-bottom:10px;
}

div.rightColumn h3 {
font-size:12px;
font-weight:bold;
line-height:120%;
color:#b7b7b7;
}

div.rightColumn h3 span {
color:#527f8e;
text-transform:uppercase;
}

div.rightColumn ul {
list-style:none;
font-size: 14px;
line-height: 147%;
margin:0;
padding:0;
}

div.rightColumn ul li {
margin:0; padding:0;
}

input.search {
margin-top:4px;
}

/***********************************************************************
	6 - BOTCAP STYLES
************************************************************************/

div.botcap {
	background:url(http://www.alaskanplaygroundvacations.com/images/botcap.png) top left no-repeat;
	width: 854px;
	height: 52px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 40px;
	text-align:center;
	font-size:12px;
	color:#e6eae2;
}

/* FOR IE 5.5+ ALPHA TRANSPARENCY */
* html div.botcap {  
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.alaskanplaygroundvacations.com/images/botcap.png", sizingMethod="crop"); 
}

div.botcap ul {
list-style:none;
}

div.botcap ul li {
display:inline;
}

div.botcap a {
color:#e6eae2;
height:100%;
}




