/* @override http://www.platypus-ad.com/clients08/bayfieldBuild/css/layout.css */

html {
text-align: center;
}
body {
text-align: left;
}
.hide {
	display: none;
	overflow: hidden;
}
.clear {
	clear: both;
}
.obscure {
	position: absolute;
	left: -9999px;
}
/*Standard styles for layout*/
#headerWrapper {
	width: 100%;
}
#footerWrapper {
	width: 100%;
}
#header,
/*#navigation,*/
#contentWrapper,
#container,
#footer {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/*#container,
#navigation{
	clear: both;
}*/
#mainContent {
	float: right;
	/*width: 460px;*/
	width: 464px;
	padding-right: 32px;

}
#marketplace #mainContent,
#whatMakesUsSpecial #mainContent,
#businessDirectory #mainContent,
#professionalServices #mainContent,
#visitorsMap #mainContent,
#bayfieldDirections #mainContent{
	width: 664px;
}
#marketplace ul#marketplaceAds li{
	float: left;
	width: 128px;
	height: 128px;
	margin: 1px;
}
#home #secondaryContent {
	width: 300px;
}
#secondaryContent {
	float: left;
	width: 388px;
	margin-bottom: 16px;
}
#marketplace #secondaryContent,
#whatMakesUsSpecial #secondaryContent,
#businessDirectory #secondaryContent,
#professionalServices #secondaryContent,
#visitorsMap #secondaryContent,
#bayfieldDirections #secondaryContent{
	width: 200px!important;
}
#videoTour #secondaryContent,
.photoGallery #secondaryContent {
	width: 280px!important;
}
#videoTour #mainContent,
.photoGallery #mainContent {
	width: 584px;
}
#header img#smallHeaderLogo{
	/*position: absolute;
	left: 10px;
	top: 34px;*/
	padding-left:10px;
	float: left;

}
#header{
	/*position: relative;*/
	padding-top: 10px;
	/*z-index: 1;*/
}
/*headerMenus styles*/

#headerMenu{
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	padding-left: 112px;
	position: relative;
	/*z-index: 100px;*/
	/*position: absolute;*/
}
#headerMenu a,
#headerMenu ul a {
	display: block;
	width: 105px;
	height: 24px;
	line-height:24px;
	text-align: center;
}

#headerMenu li {
	float: left;
	width: 105px;
	height: 24px;
	display: block;
}
#headerMenu li:hover, #headerMenu li.hover{
	position: static;
}
#headerMenu li ul {
	position: absolute;
	width: 105px;
	left: -999em;
}
#headerMenu,
#headerMenu li,
#headerMenu li ul,
#headerMenu li ul li,
#headerMenu a,
#headerMenu li a,
#headerMenu li ul li a {
z-index: 60;
}
#headerMenu li:hover ul {
	left: auto;
}
#headerMenu li:hover ul, #headerMenu li.sfhover ul {
	left: auto;
}

/*main navigation styles*/
#home #navigation {
	margin-top: 30px;
}
#navigation {
	width: 838px;
	margin-left: 16px;
	padding-left: 30px;
	height: 30px;
	z-index: 40;
	position: absolute;
}
#collageHeader{
	margin-left: 16px;
	/*padding-top: 46px;*/
	height: 125px;
	margin-bottom: 32px;
	z-index: 0!important;
}
#collageHeader li{
	float: left;
	margin-right: 12px;
}
#collageHeader li.last{
	margin-right: 0px!important;
}
#navigation a {
	display: block;
	width: 150px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
#navigation li {
	float: left;
	width: 150px;
	/*text-align: center;*/
	display: block;
	/*margin-right: 59px;*/
}
#navigation li:hover, #navigation li.hover{
	position: static;
}
#navigation li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}
#navigation li:hover ul {
	left: auto;
}
#navigation li:hover ul, #navigation li.sfhover2 ul {
	left: auto;
}
/*visitors bureau styles*/
/*visitors bureau styles*/
#visitorsBureauNav ul li a{
	padding-left: 4px;
}
#home #visitorsBureauNav {
	margin-left: 54px;
}
#visitorsBureauNav {
	margin-left: 16px;
	/*float: left;*/
	width: 125px;
	padding-top: 10px;
}
#visitorsBureauNav ul{
	float: left;
	width: 125px;
	
}
#visitorsBureauNav li a{
	display: block;
	width: 125px;
	height: 24px;
	line-height: 24px;
}
#visitorsBureauNav li{
	width: 125px;
	position: relative;
	/*float: left;*/
	line-height: 24px;
	display: block;

}
#visitorsBureauNav li:hover, #visitorsBureauNav li.hover{
	position: static;
}
#visitorsBureauNav li ul {
	position: absolute;
	width: 125px;
	left: -999em;
	margin-left: 125px;
	margin-top: -24px;
}
#visitorsBureauNav li:hover ul {
	left: 125px;
	float: left;
}
#visitorsBureauNav li:hover ul, #visitorsBureauNav li.sfhover3 ul {
	left: auto;
}
#videoTour #secondaryContent h3,
.photoGallery #secondaryContent h3 {
	margin-left: 80px;
	padding-top: 32px;
	padding-bottom: 32px;
}
/* sectionsub nav style*/
#sectionSubMenu{
	margin-left: 16px;
}
#sectionSubMenu li{
	margin-bottom: 8px;
	line-height: 24px;
}
#sectionSubMenu li.lineBreak{
	line-height: 12px;
}
/* */
object#bayfieldLogo{
	float: left;
	padding-left: 102px;
	position: relative;
	z-index: 0;
}
#joinAndWin{
	padding-right: 16px;
	margin-top: 4px;
	margin-bottom: 16px;
}
#home #joinAndWin,
#home #joinAndWin a{
	width: 127px;
	height: 87px;
}
#joinAndWin,
#joinAndWin a{
	float: right;
	width: 71px;
	height: 87px;
}
#joinAndWin a span{
	position: absolute;
	left: -9999px;
}
#home #headerCorner a{
	margin-top: 4px;
}
#home #headerCorner a{
	float: left;
	width: 118px;
	height: 118px;
}
#home #headerCorner a span{
	position: absolute;
	left: -9999px;
}
#footer {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 32px;
}
#seasonsRotator{
	margin-bottom: 16px;
}
#lifestyleImages{
	padding-top: 16px;
}
#lifestyleImages img#kayakingImg{
	float: left;
}
#lifestyleImages img#waterSportsImg{
	float: right;
}
#home #contentWrapper{
	position: relative;
	padding-top: 0px!important;
}
#contentWrapper{
	padding-top: 46px;
}
#flower{
	float: right;
	position: relative;
	width: 100px;
	height: 100px;
	top: -370px;
	left: 40px;
}
#travel_green{
	float: left;
	position: relative;
	width: 50px;
	height: 60px;
	padding: 0 10px;
	top: 0px;
}
#facebook{
	float: left;
	position: relative;
	width: 144px;
	height: 60px;
	top: 0px;
}
#twitter{
	float: left;
	position: relative;
	width: 127px;
	height: 60px;
	padding: 0 10px;
	top: 0px;
}
#seasonSelection{
	/*position: relative;
	left: 200px;*/
	width: 35px;
	float: right;
	margin-top: 160px;
	padding-right: 32px;
}
#seasonSelection li{
	width: 35px;
	text-align: center;
	margin-bottom: 2px;
}
#seasonSelection li img{
	padding-bottom: 2px;
}
#chamberUpdates h3{
	width: 270px;
	height: 54px;
	display: block;
}
#chamberUpdates h3 span,
#relatedBusinesses h4 span,
#relatedEvents h4 span{
	position: absolute;
	left: -9999px;
}
#chamberUpdates{
	margin-left: 16px;
	padding-top: 60px;
	clear: both;
}
#chamberUpdates li{
	margin-bottom: 8px;
}
body.template3 #sectionSubMenu{
	margin-top: 246px;
}
/*the two styles below are used ONLY if using a flash graphic. It has been removed as per client 12-19-08*/
/*body#bayfieldWeddings #weddingImageRotate{
	margin-left: 16px;
	
}
body#bayfieldWeddings ul#visitorsBureauNav{
	position: relative;
	top: -136px;
}*/
body#giftCertificates ul#visitorsBureauNav,
body#travelGreen ul#visitorsBureauNav,
body#history ul#visitorsBureauNav,
/*body#bayfieldWeddings ul#visitorsBureauNav,*/
body#meetings ul#visitorsBureauNav,
/*body#relaxBayfield ul#visitorsBureauNav,*/
/*body#artsAndEntertainment ul#visitorsBureauNav,*/
body#emailSignup ul#visitorsBureauNav,
body#contact ul#visitorsBureauNav,
body#bayfieldDirections ul#visitorsBureauNav,
body#marketplace ul#visitorsBureauNav,
body#whatMakesUsSpecial ul#visitorsBureauNav,
body#requestInfo ul#visitorsBureauNav,
body#visitorsGuide ul#visitorsBureauNav,
body#mediaRoom ul#visitorsBureauNav,
body#businessDirectory ul#visitorsBureauNav,
body#professionalServices ul#visitorsBureauNav,
body#visitorsMap ul#visitorsBureauNav{
	margin-top: 246px;
}
body#chamberStaff ul#visitorsBureauNav,
body#faq ul#visitorsBureauNav,
body#commerceRelocation ul#visitorsBureauNav,
body#jobOpportunities ul#visitorsBureauNav,
body#myExperience ul#visitorsBureauNav,
body#groupTours ul#visitorsBureauNav,
/*body#whereToStay ul#visitorsBureauNav,*/
body#whereToEat ul#visitorsBureauNav,
body#chamberInfo ul#visitorsBureauNav,
body#boardOfDirectors ul#visitorsBureauNav,
body#membership ul#visitorsBureauNav,
body#prArchives ul#visitorsBureauNav,
body#mediaCoverage ul#visitorsBureauNav,
body#mediaKit ul#visitorsBureauNav,
body#ourHistory ul#visitorsBureauNav,
body#relaxBayfield ul#visitorsBureauNav,
body#artsAndEntertainment ul#visitorsBureauNav,
body#fallHarvest ul#visitorsBureauNav,
body#bayfieldWeddings ul#visitorsBureauNav {
	margin-top: 121px;
}
#relatedBusinesses h4{
	height: 28px;
	width: 218px;
	margin-bottom: 16px;
}
#relatedEvents h4{
	height: 28px;
	width: 192px;
	margin-bottom: 16px;
}
#availabilityAndBoooking h4{
	height: 28px;
	width: 292px;
	margin-bottom: 16px;
}
#relatedBusinesses,
#relatedEvents,
#availabilityAndBoooking {
	margin-bottom: 16px;
}
#experienceEntries ul{
	margin-bottom: 8px;
	padding-top: 8px;
}
#experienceEntries .experienceName{
	margin-bottom: 4px;
}
.experiencePhoto{
	float: left;
	margin-right: 16px;
}

#relatedBusinesses,
#availabilityAndBoooking{
	margin-top: 32px;
}
#relatedBusinesses li,
#relatedEvents li{
	margin-bottom: 4px;
	margin-left: 32px;
}
#businessDirectory #relatedBusinesses li{
	float: left;
	width: 28%;
}
.jobTitle,
.eventYear,
.question{
	margin-bottom: 4px;
}
.jobDescription,
.eventDescription,
.answer{
	margin-bottom: 8px;
}
.jobEntry,
.eventEntry,
.faqEntry{
	margin-bottom: 32px;
}
ol#historicEvents{
	margin-top: 32px;
}
#videoContainer{
	text-align: center;
	margin-top: 40px;
}
#directoryCategories ol li {
	float: left;
	width: 100%;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
#directoryCategories ol li li{
	/*float: left;
	width: 50%;*/
	margin-bottom: 4px;
	border-bottom: none;
	padding-bottom: 0px;
}
#directoryCategories ol ul {
	margin-top: 8px;
	float: left;
	width: 50%;
}
/*#directoryCategories ul li{
	float: left;
	width: 50%;
}
#directoryCategories ol li{
	clear: both;
	padding-top: 16px!important;
}
#directoryCategories ul ul{
	padding-top: 0px!important;
}*/
/*google directions app*/
#directions {
width: 255px;
margin-right: 20px;
}
#map_canvas {
width: 389px;
height: 400px;
margin-top: 16px;
}
#whatMakesUsSpecialRotate{
	margin-bottom: 32px;
}
#whatMakesUsSpecial #mainContent p{
	margin-bottom: 24px;
}
.topTenThings{
	float: left;
	display: block;
	width: 332px;
}
.topTenThings li{
	width: 316px;
	margin-right: 16px;
	margin-bottom: 8px;
}
.photoGallery #flashContent{
	/*position: relative;
	overflow: hidden;*/
}
/*.photoGallery #viewer{
	position:relative;
	top: -60px;
}*/
/*search form styles*/
input#search {
	/*width: 150px;*/
	width: 136px;
	float: left;
	margin-right: 8px;
	display: block;
}
input#searchsubmit{
	float: left;
	display: block;
}
#searchForm .hidden{
	position: absolute;
	left: -9999px;
}
#navigation li#searchNav{
	width: 220px;
	padding-top: 4px;
	float: right;
}
#galleryMenu{text-align:center; width:350px;}
#galleryMenu li{
	float: left;
	margin-right: 16px;
}
body.search #cse-search-results {margin-left: -20px;}
body.search #cse-search-results div#navbar a {padding: 0 5px 0 0;}

/* Home page specific - added 1-27-10 */
#home #header {height:559px;}
#home #slide-nav {clear: both; position: relative;}
#home #slide-nav #edge {width: 900px; height: 30px; background: url(/images/seasons/edge.png) no-repeat; display:block; position: absolute; z-index: 20;}
/* #home #slide-nav #welcome span {text-indent: -9999; opacity:1; filter: alpha(opacity = 100); background: url(/images/welcome.png); display: block; position: relative; width: 375px; height: 58px;} */
#home #slide-nav #welcome {padding: 10px; position: absolute; z-index: 20; bottom: 0; right:110px;}
#home #slide-nav #welcome img {opacity:1; filter: alpha(opacity = 100);}
#home #slide-nav .slideshow {height: 365px; width: 900px; margin: auto; position: relative;}
#home #slide-nav .slideshow img {border: none; background-color: #eee; z-index: 10;}