﻿@import url(default.css);
@media screen 
{
	
	/* Layout Styles */

	#Wrapper
	{
		position: relative;
		margin: 0 auto;
		width: 960px;
	}
	#TopCap
	{
		width: 960px;
		height: 65px;
	}

	#BodyArea
	{
		
		overflow: hidden;
		clear: both;
		width: 960px;
		/*height: 800px;*/
	}

	#BodyArea .LeftSide
	{
		float: left;
		background: url(/!images/hb_surfboards_flash_placeholder_epicday.jpg) no-repeat;
		width: 552px;	
	}

	#Navigation
	{
		background: url(/!images/hb_surfboards_mp_promo_bottom_hover.gif) no-repeat;
		height: 200px;
		width: 552px;
		margin-top: 395px;
	}
	
	#Navigation .SubLinks
	{
		margin: 2px 0 0 60px;
		font-size: 15px;
		font-weight: normal;
		text-align: center;
		background-color: #F9A11C;
		padding: 6px;
		border: 1px solid #004AB0;
		font-weight: bold;
	}
	
	#Navigation .SubLinks a:link, #Navigation .SubLinks a:visited {color: #0055BF; text-decoration: none; font-weight: bold;}
	#Navigation .SubLinks a:hover, #Navigation .SubLinks a:active {color: #0055BF; text-decoration: underline; font-weight: bold;}
	
	
	#BGFlow
	{
		background: url(/!images/hb_surfboards_mp_core_tile.jpg) 0 395px repeat-y;
		width: 960px;
	}

	#BodyArea .RightSide
	{
		float: left;
		width: 408px;
	}
	
	#BodyArea .IntRightSide
	{
		float: left;
		background: url(/!images/hb_surfboards_int_right_top_bg.jpg) no-repeat top right;
		width: 408px;
	}	

	#ContentArea
	{
		background: url(/!images/hb_surfboards_mp_bkgrd_body_alternate.jpg) no-repeat;
		width: 408px;
	}
	
	#IntContentArea
	{
		background: url(/!images/hb_surfboards_mp_bkgrd_body_alternate.jpg) 0 203px no-repeat;
		width: 408px;
	}	
	
	#ContentArea .Text
	{
		padding-left: 15px;
		width: 365px;
		font-size: 12px;
		padding-bottom: 24px;
	}
	#ContentArea .Text p {margin: 0; padding: 0 0 5px 0;}
	
	#IntContentArea .Text
	{
		padding: 0 30px 0 15px;
	}	
	
	#BotCap
	{
		background: url(/!images/hb_surfboards_mp_bot_cap.gif) top center no-repeat;
		clear: both;
		width: 960px;
		height: 29px;

	}
	
	#Footer
	{
		color: #786650;
		font-size: 12px;
		padding-bottom: 12px;
		width: 960px;
		height: 150px;
	}
	
	#Footer .Left1 {float: left; padding: 5px 15px 5px 140px; border-right: 1px solid #d9d9d9;}
	#Footer .Left2 {float: left; padding: 0 15px 15px 15px; border-right: 1px solid #d9d9d9; height: 50px;}
	#Footer .Left3 {float: left; padding: 0 15px 15px 15px; border-right: 1px solid #d9d9d9; height: 50px;}
	#Footer .Left3 img {margin-top: 15px;}
	#Footer .Left4 {float: left; padding: 0 15px 15px 15px; height: 50px;border-right: 1px solid #d9d9d9;}
	#Footer .Left4 img {margin-top: 20px;}
	#Footer .Left5 {float: left; padding: 0 15px 15px 15px; height: 50px;}
	#Footer .Left5 img {margin-top: 12px; * margin-top: 16px;}	
	
	#Footer .RightText {float: left; padding-left: 15px;}
	
	.BottomTag {color: #786650; clear: both; padding: 0 0 0 65px; margin: 0; font-size: 10px;}
	.BottomTag a {color: #786650; text-decoration: underline; font-weight: normal;}
	
	
	#Footer a {color: #43559D; text-decoration: none; font-weight: bold;}
	
	#RightSideInfo 
	{
		color: #786650;
		font-size: 12px;
		float: right;
		padding-right: 40px;	
	}
	#RightSideInfo a {color: #43559D; text-decoration: none; font-weight: bold;}
	
/* General */	
#addressInfo {list-style: none; padding-bottom: 10px;}
#addressInfo li {padding-bottom: 0px;}
	
	
/* Form Stuff */
	.Req {font-size: 14px!important;}
	select, input {border: 1px solid #333; background: #DFF1FF;}
	.nonBG {border:0px; background:#FFFFFF;}
	#FormTable {font-size: 14px; padding: 0; margin: 0; }
	#FormTable td {padding-left: 5px;}
	.title {font-size: 14px!important;}
	.checkbox {font-size: 14px; border:0px; background:#FFFFFF;}

/* Navigation */
	#NavButtons
	{
		margin: 0 0 0 92px;
		padding: 0;
		width:460px;
		height:95px;
		overflow:hidden;
		text-indent: -2000px;
	}

	#NavButtons dd
	{
		margin:0;
		float:left;
		position:relative;
	}

	#NavButtons a.ir
	{
		display:block;
		width:552px;
		height:95px;
		padding-top:0px;
		background:url(/!images/hb_surfboards_mp_promo_bottom_normal.gif) 0 0 no-repeat;
		overflow:hidden;
	}

	#SignUp a.ir{background-position:-92px 0; width:125px;}
	#Sponsor a.ir{background-position:-217px 0; width:180px;}
	#Support a.ir{background-position:-397px 0; width:155px;}

	.sec_signup #SignUp a.ir,
	.sec_sponsor #Sponsor a.ir,
	.sec_support #MainSite a.ir {background: none;}

	#NavButtons a.ir:hover{background:none;}



	#homeLink b 
		{
			position: absolute; 
			cursor: pointer;
			display: block; 
			width: 260px; 
			height: 260px; 
			left: 10px; 
			top: 0px; 
		}
		
	/* New Interior Styles */		
	
	#BodyWrapper
	{
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
	
	#InteriorNav
	{
		width: 960px;
		height: 65px;
		background: url(/!images/interior/hb_surfboards_int_nav_normal.jpg) no-repeat;
	}
	
	#SubheadArea
	{
		width: 960px;
		height: 125px;
		background: url(/!images/subheads/hb_surfboards_int_sub_about.jpg) no-repeat;
	}
	
	/* Subhead Swaps */
	.sec_contact #SubheadArea {background: url(/!images/subheads/hb_surfboards_int_sub_contact.jpg) no-repeat;}
	.sec_lodging #SubheadArea {background: url(/!images/subheads/hb_surfboards_int_sub_lodging.jpg) no-repeat;}
	.sec_hot #SubheadArea {background: url(/!images/subheads/hb_surfboards_int_sub_lodging.jpg) no-repeat;}
	.sec_media #SubheadArea {background: url(/!images/subheads/hb_surfboards_int_sub_media-info.jpg) no-repeat;}
	.sec_about #SubheadArea {background: url(/!images/subheads/hb_surfboards_int_sub_about.jpg) no-repeat;}
	.sec_signup #SubheadArea {background: url(/!images/subheads/hb_surfboards_int_sub_join-the-event.jpg) no-repeat;}
	.sec_sponsor #SubheadArea {background: url(/!images/subheads/hb_surfboards_int_sub_our-sponsors.jpg) no-repeat;}
	.sec_support #SubheadArea {background: url(/!images/subheads/hb_surfboards_int_sub_tshirts.jpg) no-repeat; }
	
	
	#SubheadArea .RightNav
	{
		float: right;
		padding: 2px 26px 0 0;
		font-size: 12px;
		font-weight: bold;
	}
	
	#SubheadArea .RightNav a:link, #SubheadArea .RightNav a:visited {color: #0A65B0; text-decoration: none;}
	#SubheadArea .RightNav a:hover, #SubheadArea .RightNav a:active {color: #0A65B0; text-decoration: underline;}
	
	
	#InteriorContentArea
	{
		width: 960px;
		min-height: 385px;
		background: url(/!images/interior/hb_surfboards_int_core_tile.jpg) 1px 271px repeat-y;
	}
	
	#ContentTile
	{
		width: 960px;
		min-height: 272px;
		background: url(/!images/interior/hb_surfboards_int_body-middle.jpg) top center no-repeat;

	}

	#ContentTile .IntRightCol
	{
		float: right;
		position: relative;
		top: -70px;

	}
	
	#ContentTile .ContentText
	{
		width: 647px;
		margin: 15px 15px 15px 75px;
		float: left;
		font-size: 1.1em;
		line-height: 1.4em;
	}
	
	#IntBottomCap
	{
		width: 960px;
		height: 29px;
		background: url(/!images/interior/hb_surfboards_int_bot_cap.gif) 1px 0 no-repeat;
	}
	
	#InteriorFooter
	{
		margin: 0 auto;
		color: #786650;
		font-size: 11px;
		padding: 5px 0 20px 0;
	}
	
	#InteriorFooter .Left1 {float: left; padding: 5px 0px 5px 50px;}
	#InteriorFooter .Left2 {float: left; padding: 0 0 15px 10px;}
	#InteriorFooter .Left3 {float: left; padding: 0 0 15px 10px;}
	#InteriorFooter .Left3 img {margin-top: 25px;}
	#InteriorFooter .Left4 {float: left; padding: 0 0 15px 10px;}
	#InteriorFooter .Left4 img {margin-top: 32px;}
	#InteriorFooter .Left5 {float: left; padding: 0 0 15px 10px;}
	#InteriorFooter .Left5 img {margin-top: 28px;}	
	
	#InteriorFooter .RightText {float: right; padding-right: 30px;}
	
	.BottomTag {color: #786650; clear: both; padding: 0 0 0 65px; margin: 0; font-size: 10px;}
	.BottomTag a {color: #786650; text-decoration: underline; font-weight: normal;}
	
	
	#InteriorFooter a {color: #43559D; text-decoration: none; font-weight: bold;}
	
	#homeButton b 
		{
			position: absolute; 
			cursor: pointer;
			display: block; 
			width: 248px; 
			height: 188px; 
			left: 0px; 
			top: 0px; 
		}	
	
	#NetworkingArea ul {list-style: none; margin: 0; padding: 0; position: absolute; top: 0; right: 0;}
	#NetworkingArea li { display: inline; padding: 0; margin: 0; float: left;}
	
	/* New Interior Navigation */
	
	#IntNavButtons
	{
		margin: 0 0 0 250px;
		padding: 0;
		width:960px;
		height:65px;
		overflow:hidden;
		text-indent: -2000px;
	}

	#IntNavButtons dd
	{
		margin:0;
		float:left;
		position:relative;
	}

	#IntNavButtons a.ir
	{
		display:block;
		width:960px;
		height:65px;
		padding-top:0px;
		background:url(/!images/interior/hb_surfboards_int_nav_hover.jpg) 0 0 no-repeat;
		overflow:hidden;
	}

	#about a.ir{background-position:-250px 0; width:128px;}
	#event a.ir{background-position:-378px 0; width:176px;}
	#sponsors a.ir{background-position:-554px 0; width:163px;}
	#shirts a.ir{background-position:-717px 0; width:145px;}
	/*#facebook a.ir{background-position:-782px 0; width:178px;}*/

	.sec_about #about a.ir,
	.sec_signup #event a.ir,
	.sec_sponsor #sponsors a.ir,
	.sec_support #shirts a.ir {background: none;}

	#IntNavButtons a.ir:hover{background:none;}
	
	/* Media Contact Info Styles */
	.odd {padding: 10px 0 10px 0; padding: 10px; border-top: 1px solid #075BCF;}
	.even {padding: 10px 0 10px 0; background-color: #EFFAFF; padding: 10px; border-top: 1px solid #075BCF;}
	
	/*********************************************************/
	/* HOT DEALS /lodging/ STYLES
	/*********************************************************/
	#ListContain {width: 600px!important; }
	#frame1topcap1_tr { background: url(/!images/hotdeals/int/hbc_int_tab_right.gif) right top no-repeat; position: relative; width: 647px!important; }
	#frame1topcap1
	{
		background: url(/!images/hotdeals/int/hbc_int_tab_left.gif) 0 0 no-repeat;
		width: 647px;
		padding: 0 15px;
	}
	#frame1topcap1 table { background: url(/!images/hotdeals/int/hbc_int_tab_middle.gif) 0 0 repeat-x; }
	#frame1topcap2 {background-image: url(/!images/hotdeals/int/hb_restaurantwk_int_frame1_top_tile.gif); height:19px; border-bottom:1px solid #9F8D67;}
	#frame1repeat {border-right: 1px solid #AF9A6D; background-image: url(/!images/hotdeals/int/hb_restaurantwk_int_frame1_repeat.gif); height:19px; background-repeat: repeat;}
	#frame1repeat #more { padding: 0 10px; }
	#frame1botcap {width: 607px; float: left; background-image: url(/!images/hotdeals/int/hb_restaurantwk_int_frame1_botcap.gif); height:5px; background-repeat: no-repeat; clear:both;}
	#RightFrame {float: right; width: 40px; height: 5px; background: url(/!images/hotdeals/int/hb_restaurantwk_int_frame1_botcap.gif) top right no-repeat;}
	.icon a img {text-decoration: none;}
	#frame2topcap { background:url(/!images/hotdeals/int/arhdp_int_frame2_topcap.gif); width:600px; height:8px; padding-top:5px;}
	#frame2heading_tr { background: url(/!images/hotdeals/int/hbc_int_tab_right.gif) right top no-repeat; position: relative; }
	
	#frame2heading
	{
		background: url(/!images/hotdeals/int/hbc_int_tab_left.gif) 0 0 no-repeat;
		width:100%;
		border-bottom:1px solid #9F8D67;
		padding: 0 15px;
	}
	
	#frame2heading table { background: url(/!images/hotdeals/int/hbc_int_tab_middle.gif) 0 0 repeat-x; width: 600px; }
	#frame2repeat {background-image:url(/!images/hotdeals/int/arhdp_int_frame2_ltblue_repeat.gif); width:450px; background-repeat:repeat-y; padding-left:20px; margin-left:-20px;}
	#frame2botcap {background-image:url(/!images/hotdeals/int/arhdp_int_frame1_botcap.gif); width:600px; height:5px; background-repeat: repeat;}

	.pkgtitle {color:#E0E6DC; font-weight:bold; font-size:10px; width:530px; text-align:left;} /**/
	.pkgdays {color: #E0E6DC; font-weight:bold; font-size:10px; width:95px; text-align:left;} /**/
	.pkgprice {color: #E0E6DC; font-weight:bold; font-size:10px; text-align:left;}

	.pkgtitle2 {color:#353128; font-weight:bold; font-size:10px; padding-left:15px; width:530px; text-align:left;} /**/
	.pkgdays2 {color:#353128; font-weight:bold; font-size:10px; width:95px; text-align:left;} /**/
	.pkgprice2 {border-right: 1px solid #AF9A6D; color:#5D5852; font-weight:bold; font-size:10px; text-align:left; padding-right:3px;}

	.pkgdetails {margin: 10px 10px 10px 10px; font-size: 13px; color:#565247;}
	#pkgdesc {margin: 0 10px 10px 120px;}
	.pkgdetailtitle {color:#E0E6DC; font-weight:bold; font-size:13px; padding-right:3px; text-align:left;}
	.pkgdetaildays {color:#E0E6DC; font-weight:bold; font-size:10px; text-align:left;}
	.pkgdetaildivider {background-image:url(/!images/hotdeals/int/arhdp_int_frame2_divider.gif) no-repeat; width:500px; height:1px;}

	.pkglist { font-size: 11px; color: #565247; padding-left: 125px; margin: 0 0 0 40px;}

	.ListImg {padding-left: 10px;}

	a.more { font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold;}
	a.more:link { color: #CC3D1F; font-size: 10px;}
	a.more:visited { color: #CC3D1F; font-size: 10px;}
	a.more:hover, a.more:active { color: #CC3D1F; font-size: 10px; text-decoration: none;}
	
}