@font-face {
    font-family: 'MU3';
    src: url('fonts/museo300-regular-webfont.eot');
    src: url('fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo300-regular-webfont.woff') format('woff'),
         url('fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('fonts/museo300-regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MU7';
    src: url('fonts/museo700-regular-webfont.eot');
    src: url('fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo700-regular-webfont.woff') format('woff'),
         url('fonts/museo700-regular-webfont.ttf') format('truetype'),
         url('fonts/museo700-regular-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {color:#006699; text-decoration:none;}

h1 {color:#3b4951; font-size:36px; font-family:"MU7"; line-height:36px;}
h2 {color:#3b4951; font-size:24px; font-family:"MU7"; line-height:27px;}

html, body {width:100%; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; color:#666666}
body {margin:0; padding:0; background:#FFFFFF;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px; }
img {vertical-align:bottom;}
img.alignleft { float:left; margin:0 15px 10px 0;}
#header{ text-align:center; width:auto; background:#1d242c}
#header a {position:relative;}
.tagline {position:absolute; top:-14px; left:170px;}

#main-nav {border-top: 5px solid #2f4663; background:#71614d; margin:0; padding:0; }
#main-nav ul {font-family:"MU3"; height:55px; list-style:none; width:1080px; margin:0 auto; padding:0}
#main-nav ul li { float:right;}
#main-nav ul li a { font-family:"MU7"; font-size:17px; color:#FFFFFF; padding:17px 18px 0 18px; height:38px; text-shadow:1px 1px 3px rgba(0,0,0,0.6); text-decoration:none; display:block;}
#main-nav ul li a:hover {background:#3d6379; box-shadow:inset 0 0 15px rgba(0,0,0,0.2)}

.canadafever-logo {float:right; margin:-35px 5px -35px 10px; position:relative; z-index:120 }


#heading-banner {background:#e2e2e2; width:100%; text-align:center;}
#heading-banner-sub {background:#e2e2e2; width:100%; text-align:center; height:88px; overflow:hidden;}
#heading-banner-sub img {margin-top:-64px;}
#content-frame {width:100%; background:url(images/content-frame-bg.jpg) top repeat-x;}
#content {width:1080px; margin:0 auto; padding-top:40px; }
#content-wide { width:900px; background:rgba(0,0,0,0.05); padding:40px 90px 0 90px;}
#content-narrow {width:620px; background:url(images/content-side-bg.png) repeat-y left; padding:10px 20px 20px 45px; margin-bottom:30px; float:left;}
#content-medium {width:745px; background:url(images/content-side-bg.png) repeat-y left; padding:10px 45px 20px 45px; margin-bottom:30px; float:left;}
#content-searchresult {width:835px; padding:10px 0 20px 0; margin-bottom:30px; float:left;}

#sidebar { width:210px; margin-left:35px; float:left; padding-top:20px; padding-bottom:30px}
#sidebar-wide {float:left; margin-left:24px; padding-top:20px;}

.subsites {list-style:none; margin:0; padding:0;}
#sidebar-wide .subsites li {margin-bottom:17px;}
#sidebar .subsites li {margin-top:10px;}
#sidebar .subsites li img {width:200px; margin-left:3px;}

.home-box-a, .home-box-b { width:411px; height:197px; border:3px solid #a09a90; margin-right:20px; margin-bottom:30px; float:left; font-size:14px; color:#FFFFFF;}
.home-box-a img, .home-box-b img { border:5px solid #FFFFFF; box-shadow:3px 3px 5px rgba(0,0,0,0.5); margin:22px 0 0 22px; float:left;}
.home-box-a div, .home-box-b div { margin:20px 15px 0 145px;}
.home-box-a span, .home-box-b span { font-family:"MU3"; font-size:30px; margin-bottom:10px; display:block}
.home-box-a span strong, .home-box-b span strong {font-family:"MU7"; font-size:52px; line-height:48px;} 
.home-box-a { background:url(images/texture-a.jpg) no-repeat;}
.home-box-b { background:url(images/texture-b.jpg) no-repeat;}
.banner-ad {border: 3px solid #FFFFFF;  float:left;}

#quicksearch {background:url(images/quick-search-bg.png) no-repeat 40px bottom #b8ae95; width:1020px; margin:0 auto 30px auto; padding:17px 0 12px 60px; height:38px;}
#quicksearch form label, #quicksearch  input[type="submit"] {font-family:"MU7"; color:#FFFFFF; font-size:24px; padding:0; margin:0; float:left}
#quicksearch form label {margin-right:50px; margin-top:8px;}
#quicksearch  input[type="text"] {padding:4px 5px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#7E7E7E; font-style:italic; width:280px; border:none; margin-right:20px; float:left;}
#quicksearch  input[type="submit"] {background:#a2927c; color:#FFFFFF; padding:3px 20px 0 20px; border:none;}



#footer {border-top:5px solid #b8ae95; margin-bottom:70px;}
#footer-content { width:1045px; margin:0 auto; padding-left:35; }
#footer-content img {float:left; margin-right:20px;}
#footer-content ul {list-style:none; margin:0; padding:0; float:left;}
#footer-content ul li { float:left; }
#footer-content ul li a {color:#968b6f; padding:20px 18px; display:block; text-decoration:none}
#footer-content ul li a:hover {color:#7C6263;}
.footer-bg {height:30px; background:#f6f5f2; margin-top:65px;}


.shadow {width:100%; height:16px; background:url(images/shadow.png) repeat-x; position:relative; z-index:99; margin-bottom:-16px; }


#articles {list-style:none; margin:0; padding:0;}
#articles li {overflow:auto; margin-bottom:20px;}
.article_thumb {float:left; margin:0 20px 10px 0; width:250px; max-height:150px; overflow:hidden;}
.article_thumb img {width:250px; height:auto;}


/* =================== Listing ========================*/
.listing {width:822px; color:#494949;}
.shadow-top {background:url(images/listing-shadow.png) no-repeat #FFFFFF; width:822px; height:16px;}
.shadow-bottom {background:url(images/listing-shadow.png) 0 -16px no-repeat #FFFFFF; width:822px; height:36px; border-top:3px solid #FFFFFF}

.listing-title {background:#eeede6; border-top:3px solid #FFFFFF; border-bottom:3px solid #FFFFFF; padding:10px 25px;}
.listing-title h2 {color:#564935; font-family:"MU7"; padding:0; margin:0}
.listing-icons {list-style:none; float:right; margin:-5px 0 0 0; padding:0}
.listing-icons li {display:inline-block; margin-left:28px;}

.listing-detail { background:#f7f7f7; padding-bottom:12px; border-bottom:3px solid #FFFFFF;}
.listing-description { width:500px; float:left; font-size:12px; padding:10px 17px 0 22px; line-height:14px;}
.listing-lake {width:170px; min-height:39px; float:left; background:url(images/listing-lake.png) no-repeat 15px 7px; padding:10px 20px 0 93px; font-size:11px; color:#76ad19}

.listing-id-image { float:left; width:250px;}
.listing-image {width:250px; height:160px; overflow:hidden; display:block}
.listing-mapid {border-bottom:3px solid #FFFFFF; height:22px; font-size:16px; color:#6a5f40; padding:5px 0 0 0; text-align:center; background:#f4f2e8}
.listing-mapid span {font-weight:bold; color:#efae00;}
.listing-list-a, .listing-list-b, .listing-list-c, .listing-list-d {width:125px; border-left:3px solid #FFFFFF; float:left; padding:12px 0 0 15px; height:178px;}
.listing-list-b-sub {width:125px; padding:12px 0 12px 15px; margin:-12px 0 12px -15px; border-bottom:3px solid #FFFFFF;}
.listing-list-a ul, .listing-list-b ul, listing-list-b-sub ul, .listing-list-c ul, .listing-list-d ul {font-size:11px; line-height:17px; list-style:none; margin:0; padding:0}
.listing h3 {font-size:17px; margin:0; padding:0;}
.listing-list-a {background:#e4ebca;}
.listing-list-b {background:#eee6d1;}
.listing-list-c {background:#dfe5e7;}
.listing-list-d {background:#e7e2df;}
.listing-list-b-sub {background:#f3eedf;}
.listing-list-a h3 {color:#a5b370;}
.listing-list-b h3 {color:#aa9171;}
.listing-list-b-sub h3 {color:#bdac78 !important;}
.listing-list-c h3 {color:#899ea5;}
.listing-list-d h3 {color:#aa968a;}

.listing-contact {position:relative;}
.listing-contact div {display:none; background:#ffffff; padding:20px; position:absolute; top:33px; left:-100px; width:220px; cursor:text; border-radius:5px; box-shadow:1px 1px 6px rgba(0,0,0,0.4)}



#fish-species label {height:130px;}
#fish-species label div { margin:0 10px 0 39px; font-size:13px;}
#accommodations label{height:140px;}
#accommodations label.no-des{height:auto !important}
#mealplans label {height:85px;}
#accommodations label div, #mealplans label div { margin:0 10px 0 39px; font-size:13px;}


.get-map-btn {display:block; padding:12px 25px; border-radius:7px; font-weight:bold; background:#1FA0DF; color:#FFFFFF; float:left; font-size:18px;}
.get-map-btn:hover {background:#6B90AB;}














#msform input[type="checkbox"] {display:none}
#msform table {width:100%}
#msform input[type="checkbox"] + label span { display:inline-block; width:24px; height:24px; background:#ffffff; box-shadow:inset 0 0 5px rgba(0,0,0,0.5); cursor:pointer; border-radius:6px; margin-bottom:-5px; margin-right:10px;}
#msform input[type="checkbox"]:checked + label span {background:#FF9933; width:18px; height:18px; border:3px solid #CCCCCC;}
#msform input[type="checkbox"] + label {display:block; margin:0 0 10px 0;}

/*form styles*/
#msform {	width: 900px;	height: 630px;	margin: 0 auto;	position: relative;}
#msform fieldset {	background: white;	border: 0 none;	border-radius: 3px;	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); padding: 20px 30px;	box-sizing: border-box; width: 900px; margin: 0 auto; 	
	/*stacking fieldsets above each other*/	position: absolute; }
	
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {display: none;}
/*inputs*/
#msform input, #msform textarea { padding: 15px; border: 1px solid #ccc; border-radius: 3px;	margin-bottom: 10px; width: 100%; box-sizing: border-box; 	font-family: montserrat; color: #2C3E50; font-size: 13px; }
/*buttons*/
#msform .action-button {width: 100px; background:#FF6600; font-weight: bold; color: white; border: 0 none; border-radius: 1px;	cursor: pointer; padding: 10px 5px; margin: 10px 5px;}
#msform .action-button:hover, #msform .action-button:focus {box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;}
/*progressbar*/
#progressbar {margin-bottom: 30px; padding:0; overflow: hidden;
	/*CSS counters to number the steps*/ counter-reset: step;}
#progressbar li {list-style-type: none; color:#262626; text-transform: uppercase; font-size: 11px; width: 300px; float: left; text-align:center; position: relative;}
#progressbar li:before {content: counter(step); counter-increment: step; width: 20px; line-height: 20px; display: block; font-size: 10px; color: #333; background: white; border-radius: 3px; margin: 0 auto 5px auto; }
/*progressbar connectors*/
#progressbar li:after {content: ''; width: 100%; height: 2px; background: white; position: absolute; left: -50%; top: 9px; 
z-index: -1; /*put it behind the numbers*/}
#progressbar li:first-child:after {/*connector not needed before the first step*/ 	content: none; }
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{background:#FF6600; color: white;}