/* Standard Declarations */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; line-height: 120%; }
html { font-size: 75%; height: 100%; }
body { margin: 0; padding: 0; border: 0; background: #ffffff; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%; }
h1, h2, h3, h4, h5, h6, p, address { margin: 0 0 1.2em 0; padding: 0; font-style: normal; }
ul, ol { padding-bottom: 1.2em; padding-left: 1.25em; }
ul ul, ol ol { padding-bottom: 0; }
a img { border: 0; }
a, a:link { color: #143511; }
a:visited { color: #996600; }
a:hover, a:focus { color: #668064; }
a:active { color: #a39917; }
.hidden { display: none; }
.left { float: left; margin: 0 2em 2em 0; }
.right { float: right; margin: 0 0 2em 2em; }
img.left { border: thin #CCCCCC solid; padding:5px; }
img.right { border: thin #CCCCCC solid; padding:5px; }
/* img.left { border: thin black solid; } */
/* img.right { border: thin black solid; } */
p {text-align: justify; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
#ie .clearfix { height: 1%; }
/* Design-Specific Declarations */
body { background: #010101; color: #fff; }
#container { width: 999px; margin: 0 auto; font-size: 90%; position: relative; }
.home #container { background: url(../images/bg-container-home.jpg) no-repeat; }
.home #logo { background: url(../images/fletcher-lake-lodge.png) left top no-repeat; width: 302px; height: 128px; text-indent: -9999em; display: block; position: absolute; top: 53px; }
#logo a { background: url(../images/fletcher-lake-lodge.png) left top no-repeat; width: 302px; height: 128px; text-indent: -9999em; display: block; position: absolute; top: 23px; }
#networks { background: #143511 url(../images/bg-networks.gif) left bottom no-repeat; float: right; width: 507px; font-size: 140%; margin-bottom: 65px; }
.home #networks { background: #143511 url(../images/bg-networks-home.gif) left bottom no-repeat; margin-bottom: 332px; }
#networks ul { margin: 0 auto; padding: 10px 0 0 46px; list-style: none; }
#networks ul li { margin: 0; padding: 0; list-style: none; float: left; }
#networks ul li span { float: left; display: block; padding-right: 10px; }
#networks ul li a { display: block; float: left; background-repeat: no-repeat; background-position: left top; color: #fff; text-decoration: none; }
#networks ul li a:hover { background-position: left -100px; }
#networks ul li a.newsletter { background-image: url(../images/icon-newsletter.gif); padding-left: 34px; padding-right: 45px; padding-bottom: 10px; }
#networks ul li a.blog { background-image: url(../images/icon-blog.gif); padding-left: 31px; padding-right: 45px; padding-bottom: 10px;}
#networks ul li a.twitter { background-image: url(../images/icon-twitter.gif); width: 24px; text-indent: -9999em; }
#networks ul li a.facebook { background-image: url(../images/icon-facebook.gif); width: 19px; text-indent: -9999em; }
#tagline { width: 490px; height: 36px; position: absolute; left: 400px; top: 56px; font-size: 180%; color: #fff; }
.home #tagline { left: auto; right: 34px; top: 129px; }
#containerColumns { background: url(../images/bg-containerColumns.gif) right top repeat-y; clear: both; }
#containerColumnsFoot { background: url(../images/bg-containerColumnsFoot.gif) left bottom no-repeat; }
#columnMain { float: right; width: 677px; }
#illustration { }
#callToAction { background: #143511 url(../images/bg-callToAction.gif) right bottom no-repeat; font-size: 130%; }
#callToAction a { color: #d2c51d; font-weight: bold; text-decoration:none; }
#callToAction a:hover { color: #FFFFFF; text-decoration:underline; }
a#reservation { display: block; float: right; padding: 18px 8px 18px 48px; }
a#tollFree { display: block; float: right; padding: 18px 28px 18px 18px; text-decoration:none; color: #FFFFFF; }
#content { color: #000; padding: 30px 34px 37px 31px; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 210%; font-weight: normal; margin-bottom: .6em; }
#content h1 { background: url(../images/dashed-line.gif) left bottom repeat-x; margin-bottom: 1.2em; padding-bottom: .5em; }
#content #contact h1 { background: none; padding: 0; margin-bottom: .6em; }
h2 { color: #996600; font-size: 130%; }
h3 { color: #1e461a; text-transform: uppercase; clear: both; }
#contact { margin: 0; background: #c7c7c7 url(../images/bg-contact.gif) repeat-y; clear: both; }
#contactHead { background: url(../images/bg-contactHead.gif) left top no-repeat; }
#contactFoot { background: url(../images/bg-contactFoot.gif) left bottom no-repeat; padding: 24px 33px; }
#contact p { line-height: 1.45; }
#columnSide { float: left; width: 312px; padding-top: 73px; padding-bottom: 40px; }
.home #columnSide { margin-top: -220px; }
#navigation { background: url(../images/bg-navigation.gif) left bottom no-repeat; padding: 12px 9px 44px 43px; margin: 0 0 16px 0; }
#ie #navigation { background: url(../images/bg-navigation.gif) left bottom no-repeat; padding: 12px 9px 44px 43px; margin: 0 0 16px 0; }
#navigation ul { margin: 0 auto; padding: 0; list-style: none; background: url(../images/bg-navigation-li.gif) left top no-repeat; }
#navigation ul li { margin: 0; list-style: none; display: block; padding: 2px; background: url(../images/bg-navigation-li.gif) left top no-repeat; }
#ie #navigation ul li { margin: 0; list-style: none; display: block; padding: 2px; background: url(../images/bg-navigation-li.gif) left top no-repeat; }
#navigation ul li a { display: block; color: #fff; font-size: 120%; text-decoration: none; font-weight: bold; padding: 9px 6px; }
#navigation ul li a:hover { background-color: #2b4624; }
/* START HIERARCHICAL MENU - VERTICAL */
/* set colors and styles */
#menu { margin:0; padding:0; list-style: none; }
#ie #menu { margin:0; padding:0; list-style: none; }
#menu ul { width: 20em; background: #2b4624; margin: 0; padding: 0; list-style: none; font-weight: bold; }
#ie #menu ul { width: 20em; background: #2b4624; margin-left: 3px; margin-top: 2px; padding: 0; list-style: none; font-weight: bold; }
#menu li { position: relative; }
#ie #menu li { position: relative; }
#menu li a { display: block; }
#ie #menu li a { display: block; width: 244px; }
#ie #menu li li a { width: auto; }
#menu img { display: block; }
#ie #menu li { display: block; }
#menu li ul a { color: #fff; text-decoration: none; padding: .8em 15px; display: block; border-left: 20px solid #000; }
#ie #menu li ul a { color: #fff; text-decoration: none; padding: .8em 15px; display: block; border-left: 0px solid #000; }
#menu li ul a:hover, #menu li ul a:focus, #menu li ul a.active { color: #2b4624; background: #fff; }
#ie #menu li ul a:hover, #ie #menu li ul a:focus, #ie #menu li ul a.active { color: #2b4624; background: #fff; }
/* special feature */
#menu li.hasMenu a { background-image: url(../images/bg-navigation-menu.gif); background-position: 194px 11px; background-repeat: no-repeat; }
/* position sub-level drop-downs */
#menu ul { margin-left: 45px; top: 0; /*adjust to height of images*/ }
#menu ul li { padding: 0; }
#ie #menu ul { display: block; padding: 0; } /*adjust to height of images for IE*/
#menu ul ul { margin: -1px 0 0; }
/* the magic - only edit where notated */
#menu li:hover { z-index: 5; }
#ie #menu li li a { height: 1%;} /*allows IE to use block hovers */
#ie6 li.hierover { z-index: 5; } /*overlay fix for IE6 */
/* hides/shows all levels */
/*hides 1st */ #menu ul, /*2nd*/#menu li:hover ul ul, #menu li:focus ul ul, #menu li.hierover ul ul, /*3rd*/ #menu li:hover ul ul ul, #menu li:focus ul ul ul, #menu li.hierover ul ul ul { position: absolute; left: -9999px; z-index: 99; }
/*shows 1st */ #menu li:hover ul, #menu li:focus ul, #menu li.hierover ul, #menu li li.hierover ul, /*2nd*/ #menu li li:hover ul, #menu li li:focus ul, #menu ul li.hierover ul, /*3rd*/ #menu li li li:hover ul, #menu li li li:focus ul, #menu li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 214px; }
/*shows 2nd */ #menu ul li:hover ul, #menu ul li:focus ul, #menu ul li.hierover ul, #menu ul li li.hierover ul, /*2nd*/ #menu ul li li:hover ul, #menu ul li li:focus ul, #menu ul ul li.hierover ul, /*3rd*/ #menu ul li li li:hover ul, #menu ul li li li:focus ul, #menu ul li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 20em; }
/* END HIERARCHICAL MENU - VERTICAL */
#video { background: url(../images/bg-video.gif) left top no-repeat; padding: 21px 29px 25px 29px; margin-bottom: 18px; }
#video h1 { font-family: Arial, Helvetica, sans-serif; font-size: 190%; font-weight: normal; }
.box { background: url(../images/bg-sideBox.gif) repeat-y; color: #000; margin-bottom: 22px; margin-left: 0px; }
.boxHead { background: url(../images/bg-sideBoxHead.gif) left top no-repeat; }
.boxFoot { background: url(../images/bg-sideBoxFoot.gif) left bottom no-repeat; padding: 21px 25px; }
.box h1 { font-family: Arial, Helvetica, sans-serif; font-size: 180%; font-weight: normal; }
.box a { background: url(../images/icon-arrow.gif) right bottom no-repeat; padding: 0 15px 0 0; font-weight: bold; }
.box h2 a { background: none; color: #996600; padding: 0 15px 0 0; font-weight: bold; }
.box h2 a:hover { color: #668064; }
#blog { }
#brochure { }
#navigationLower { clear: both; background: url(../images/bg-navigationLower.gif) no-repeat; padding: 19px 17px; }
#navigationLower ul { margin: 0 auto; padding: 0; list-style: none; }
#navigationLower ul li { margin: 0; padding: 0; float: left; list-style: none; padding: 0 7px; }
#navigationLower ul li a { display: block; color: #fff; text-decoration: none; }
#navigationLower ul li a:hover { color: #d2c51d; }
#footer { padding: 26px 28px 26px 16px; }
#ontario { background: url(../images/ontario-canadas-great-outdoors.gif) left top no-repeat; width: 429px; height: 48px; text-indent: -9999em; display: block; float: left; }
#footerMain { float: right; }
#copyright { color: #c6c6c6; background: #252525; padding: 18px; float: left; margin-right: 24px; }
#copyrightHome { color: #c6c6c6; background: #252525; padding: 11px 18px 11px 18px; float: left; margin-right: 24px; }
#makeReservation { color: #c6c6c6; background: #252525 url(../images/icon-reservation.gif) 14px bottom no-repeat; padding: 18px 18px 18px 42px; float: left; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #d2c51d; }