/* #################################### # Company:Moxie Media Group Inc. # # Author:Jeffrey C. Nolte # # URL:http://www.getmoxied.net # #################################### /*RESETS ---------------------------------------------------------------------------------*/ * {margin:0;padding:0;} body {font-family: Arial,Helvetica,Sans-Serif;background: #000 url('../images/main-bg.png') repeat-x ;overflow:auto;} a,a:visited {text-decoration:none;outline:none;color:#777;} a:hover {color:#999;} a img {border:none;} img {vertical-align:middle;} fieldset {border:none;} ::selection {background:#222;color:white;/* Safari */} ::-moz-selection {background:#222;color:white;/* Firefox */} /*TOOL BOX ---------------------------------------------------------------------------------*/ .clear {clear:both;} .alignCenter {text-align:center;} .alignRight {text-align:right;} .floatLeft {float:left;} .floatRight {float:right;} /*PAGE STRUCTURE ---------------------------------------------------------------------------------*/ #wrapper {width:980px;margin:0 auto;padding:10px;background:url('../images/main-bg.png') repeat-x;} .header {margin:0;position:relative;z-index:998} #map{background:url('../images/map.png') no-repeat;height:480px;width:880px;position:relative;top:-191px;} #footer{position:relative;top:-181px;padding:10px 0 5px 0;} #copy{padding:0 10px 10px 0;background:#222;} /*COPY / TEXT ---------------------------------------------------------------------------------*/ #copy p{font-size:.8em;color:#999;margin-top:20px;} /*MAP ITEMS ---------------------------------------------------------------------------------*/ #map-items li{text-indent:-9999px;display:block;height:28px;width:28px;position:absolute;/*triggers hasLayout for IE*/ overflow:hidden;} #map-items li.over:hover{background:url('../images/exit-hover.gif') no-repeat 4px 4px; opacity: .6; } #map-items li.btwn-over:hover{background:url('../images/btwn-hover.gif') no-repeat 0 0; opacity: .6;} #map-items li a{display:block; z-index:9999; /*triggers hasLayout for IE*/ overflow:hidden;} /*EXITS / BUTTONS ON MAP ---------------------------------------------------------------------------------*/ /* 29 */ #map-items li.twenty-nine{background:url('../images/29.png') no-repeat 0 0;top:445px;left:17px;} #map-items li.stanwich{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:438px;left:56px;} #map-items li.riverbank{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:431px;left:78px;} #map-items li.ponus{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:409px;left:143px;} /* 37 */ #map-items li.thirty-seven{background:url('../images/37.png') no-repeat 0 0;top:388px;left:182px;} #map-items li.white-oak{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:379px;left:211px;} #map-items li.comstalk{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:367px;left:237px;} #map-items li.west-rocks{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:355px;left:262px;} #map-items li.east-rocks{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:348px;left:278px;} #map-items li.gruman{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:344px;left:294px;} #map-items li.clinton{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:339px;left:308px;} #map-items li.north{background:url('../images/btwn-exits.gif') no-repeat 0 0 ;top:335px;left:326px;} #map-items li.merwins{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:323px;left:356px;} #map-items li.redding{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:313px;left:379px;} #map-items li.burr{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:294px;left:410px;} #map-items li.morehouse{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:278px;left:446px;} #map-items li.plattsville{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:275px;left:463px;} #map-items li.madison{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:276px;left:486px;} #map-items li.frenchtown{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:274px;left:506px;} #map-items li.rocky-hill{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:274px;left:535px;} /* 52 */ #map-items li.fifty-two{background:url('../images/52.png') no-repeat 0 0;top:263px;left:547px;} #map-items li.james-farm{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:263px;left:584px;} #map-items li.derby{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:198px;left:651px;} /* 56 */ #map-items li.fifty-six{background:url('../images/56.png') no-repeat 0 0;top:165px;left:674px;} #map-items li.ct-route{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:155px;left:724px;} #map-items li.north-state{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:73px;left:824px;} #map-items li.us-five{background:url('../images/btwn-exits.gif') no-repeat 0 0;top:41px;left:837px;} /*NAVIGATION ---------------------------------------------------------------------------------*/ #navigation{left:832px;position:relative;top:295px;width:144px;z-index:999;} ul#bottom-nav{margin:0;list-style:none;} ul#bottom-nav li a{width:144px;overflow:hidden;display:block;text-indent:-9999px;} .bridges-nav{height:26px;background:url(../images/bridges-btn.gif);} .bridges-nav:hover{background-position:0 -26px;} .introduction-nav{height:26px;background:url(../images/intro-btn.gif);} .introduction-nav:hover{background-position:0 -26px;} .bio-nav{height:26px;background:url(../images/bio-btn.gif);} .bio-nav:hover{background-position:0 -26px;} .history-nav{height:26px;background:url(../images/history-btn.gif);} .history-nav:hover{background-position:0 -26px;} .contact-nav{height:26px;background:url(../images/contact-btn.gif);} .contact-nav:hover{background-position:0 -26px;} .e-book-nav{height:26px;background:url(../images/e-book-btn.gif);} .e-book-nav:hover{background-position:0 -26px;} .conservancy-nav{height:26px;background:url(../images/conservancy-btn.gif);} .conservancy-nav:hover{background-position:0 -26px;} .slideshow-nav{height:26px;background:url(../images/slideshow-btn.gif);} .slideshow-nav:hover{background-position:0 -26px;} /*FOOTER ---------------------------------------------------------------------------------*/ #footer{position:relative;} #footer p{height:0;margin:7px 3px 0 3px; color:#555;font-size:.65em;} #footer p.copyright{float:right;text-align:right;} #footer p.info{float:left;} #footer a{color:#777;} #footer a:hover{border-bottom:1px dotted #999;color:#FFF;} #mmg{position:absolute;bottom:0;right:0;font-size:.65em;color:#333;} #mmg a{color:#444;} #mmg a:hover{border-bottom:1px dashed #ccc;} /*FORM ---------------------------------------------------------------------------------*/ #contact-area, #dl-ebook{width:620px;margin-top:25px;} #contact-area form, #dl-book form{width:529px;color:#999;} #contact-area input,#contact-area textarea, #dl-ebook input{padding:5px;color:#999;width:400px;background:#222;font-size:1.4em;margin:0px 0px 10px 0px;border:2px solid #444;} #contact-area textarea{height:200px;} #contact-area textarea:focus,#contact-area input:focus, #dl-ebook input:focus{border:2px solid #f68526;background:#444;color:#999;} #contact-area input.submit-button, #dl-ebook input.submit-button{width:100px;float:right; color:#f68526;margin-bottom:50px;} #contact-area input.submit-button:hover, #dl-ebook input.submit-button:hover{color:#555;} #form-copy{float:left;font-size:.7em;width:425px;margin-top:7px;} label{float:left;text-align:right;margin-right:15px;width:100px;padding-top:5px;font-size:1.4em;color:#444;clear:both;} .jsvalidation{float:left;margin:-10px 0 5px 115px;font-size:.8em;color:red;padding:0 0 0 5px; } /* ebook */ #dl-ebook{width:529px;} #dl-ebook h2{color:#777;font-size:1em; font-weight:normal;margin-bottom:10px;} /*TOOL TIP ---------------------------------------------------------------------------------*/ #tooltip{background:#222;padding:7px;overflow:auto;font-weight:normal;} #tooltip h1{color:#ffefc5;font-size:1.3em;margin-top:0;font-weight:normal;} #tooltip h2{color:#f68526;font-size:1.0em;font-weight:normal;} #tooltip h3{color:#EEE;font-size:.7em;font-weight:normal;} #tooltip img{float:left;margin-right:7px;border:1px solid #EEE;} #content{float:left;}