@charset "UTF-8";
ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
body  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#333333;
	border: 0;
	outline: 0;
	}
.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
.hide 	{ display: none; }
.left	{ float: left; margin: 0px 0px 0px 10px; }
.right	{ float: right; margin: 0px 10px 0px 0px; }

/* text and img*/
h1, h2, h3 {
	font-weight:normal;
	line-height:24px;
	text-transform:lowercase;
	color:#336666;
	}
p { font-size:13px;
	line-height:22px;
	}
a:link {
	color:#0066CC;
	text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
	text-decoration:underline;
	}
img {
	border:0px;
	}
/* Shared Font Styles */
span.med_norm {
	font-size: 28px;
	} 
span.sm_italic {
	font-size: 14px;
	font-style: italic;
	}

/* body elements */
#container { 
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	min-height:1400px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	} 
#header { 
	padding:0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:120px;
	}
/* header elements */
#logo	{ 
	width: 421px;
	height: 75px;
	position: relative;
	top:5px;
	left:0px; 
	}
#logo a	{ 
	width: 100%;
	height: 100%;
	display: block;
	}
#top_search { width: 200px; height: 25px; float:right; }
#top_input { width:156px; height:26px; font-size:12px; padding: 0px; margin: 0px; background: url(../images/elements/top_search.png) 0px 0px no-repeat; border:0px; }
#top_input input[type=text] { width:115px; height:18px; border:0px; font-size:12px; padding: 0px; margin: 6px 0px 0px 25px; background: transparent; }
#top_go { width: 28px; height:25px; border:0px; margin: 0px; position: relative; top:-25px; left:162px; cursor:pointer; background: url(../images/buttons/main_nav_sprite.png) -772px 0px no-repeat; }
#top_go[type=submit]:hover { width: 28px; height:25px; border:0px; cursor:pointer; background: url(../images/buttons/main_nav_sprite.png) -772px -23px no-repeat; }

/* formatting */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 15px;
	}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 20px;
	}
p.center { 
	text-align:center;
	}
	
/* Widget Buttons */
div.widget_button { width:164px; height:50px; }
div.widget_button a { width: 100%; height:100%; display:block; }
div.widget_button a h3 { display: none; }
div.widget_tryaday { background: url(../images/buttons/widget_button_sprite.png) 0px 0px no-repeat; }
div.widget_contact { background: url(../images/buttons/widget_button_sprite.png) 0px -150px no-repeat; }
div.widget_apply { background: url(../images/buttons/widget_button_sprite.png) 0px -100px no-repeat; }
div.widget_mailing { background: url(../images/buttons/widget_button_sprite.png) 0px -50px no-repeat; }

/* Icons & Social */
div.icon_large { width: 50px; height: 50px; }
div.icon_large a { width: 100%; height: 100%; display: block; }
div.twitter_large { background:url(../images/buttons/social_icons_large.png) 0px 0px no-repeat; }
div.facebook_large { background:url(../images/buttons/social_icons_large.png) 0px -50px no-repeat; }
div.icon_med { width: 32px; height: 32px; }
div.icon_med a { width: 100%; height: 100%; display: block; }
div.email_med { background:url(../images/buttons/social_icons_med.png) 0px 0px no-repeat; }
div.print_med { background:url(../images/buttons/social_icons_med.png) 0px -32px no-repeat; }
div.twitter_med { background:url(../images/buttons/social_icons_med.png) 0px -64px no-repeat; }
div.facebook_med { background:url(../images/buttons/social_icons_med.png) 0px -96px no-repeat; }
div.delicious_med { background:url(../images/buttons/social_icons_med.png) 0px -128px no-repeat; }
div.digg_med { background:url(../images/buttons/social_icons_med.png) 0px -160px no-repeat; }
/* Footer */
#footer_container { width:950px; height: 480px;margin:35px auto; text-align: center; position: relative; top:0px; left:-40px; }
#footer_text { margin: 0px auto 0px auto; }
#footer_text table { margin:10px 0px 0px 70px; }
#footer_text table td { text-align: left; }
#footer_text table td p { color:#333333; font-weight: bold; line-height: 16px; margin:25px 0px 0px 0px; }
#footer { width:950px; margin: 60px auto 0px auto; text-align: center; border-top:thin #999999 solid;}
#footer p { padding: 10px 0px 0px 20px; font-size: smaller; }
#footer a { font-size: 12px; font-weight: normal; }
#footer a:hover { font-size: 12px; font-weight: normal; color: #b53702 }

#footer_mask { width: 100%; height:100%; background: #dfb875; }

div.index_callout { width: 268px; height: 235px; position: relative; left:0px; background: url(../images/elements/index_callout_back.png) 0px 0px no-repeat; margin: 30px 0px 0px 35px; float:left; text-align:center;}
div.index_callout p { margin: 15px auto 0px auto; font-family: Verdana, Arial, Helvetica; font-size: 14px; color: #ffe9c4; }
div.index_callout_title { width:  235px; height: 20px; margin: 20px auto 13px auto; }
div.index_callout_jungle { background: url(../images/elements/index_callout_sprite.png) 0px 0px no-repeat; } 
div.index_callout_immersion { background: url(../images/elements/index_callout_sprite.png) 0px -20px no-repeat; } 
div.index_callout_summer { background: url(../images/elements/index_callout_sprite.png) 0px -40px no-repeat; } 

.padding50 {
	padding:50px;
	max-height:800px;
	}
.imgl
{
float:left;
margin:0px 15px 5px 0px;
text-align:center;
}
.imgr
{
float:right;
margin:5px 0px 5px 15px;
text-align:center;
}
.imgbanner {
	margin-bottom:20px;
	}