/* 
CSS Document 
Colony Farms Bike Tours & Rentals
Michael Shaw
Cortive Solutions Inc.
*/

@import url("reset.css");

/* Basic */
body { background: #dcd09f url(../images/bgheader.jpg) top left repeat-x; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px !important; color: #363031;}
h1, h2, h3, h4 { color: #8c4023;}
a { color: #8c4023; text-decoration: underline;}
a:hover { text-decoration: underline;}
p { margin-bottom: 10px;}
.floatLeft { float: left; position:relative;}
.floatRight { float: right; position:relative;}
.padL20 { padding-left: 20px;}
.clear { display: block; line-height: 1px !important; height: 1px !important; clear: both;}
br.clear { line-height: 1px !important; height: 1px !important; clear: both;}
img {border: 1px #8c4023 solid !important;}
#footer img { border: 0 !important;}

/* Layout */
.container {width: 940px; margin: 0 auto; position:relative;}
.containerCon { background: #231f20 !important;}
table.priceChart { border: 0;}
table.priceChart th { text-align: center; font-weight: bold; padding: 3px; }
table.priceChart td { text-align: center; font-weight: normal; padding: 3px;  width:75px;}
.smMap { float: right; text-align: center; padding:0 0 5px 5px; font-size: 11px;}
table.contact td { font-weight: normal; padding: 3px; width: 200x; }
.mice { font-size: 11px; font-weight: normal;}
.pdf { padding: 3px 0 3px 20px; background: transparent url(../images/icon_pdf.gif) 0 0 no-repeat; display: block; position: relative;}
p.icons .pdf { margin-bottom: 3px;}
ol { list-style: decimal !important; margin: 0 0 10px 10px; padding: 0 0 10px 15px;}
ol li {padding-bottom: 5px; margin-bottom: 5px;}
 
/* Header */
#header { height: 240px; background: transparent url(../images/header.gif) top left no-repeat; margin-top: 10px;}
#header .headerLink {display: block; width: 140px; height: 100px;}

/* Content */
#content { background: #c1b245; border-top: #231f20 1px solid; padding: 15px; position: relative;}
#content h2 { font-size: 20px; font-weight: normal; margin-bottom: 20px; border-bottom: 1px #8c4023 solid;}
#content .styleText { font-size: 18px; height: 22px; display: inline-block; overflow: hidden; font-weight: normal; }
#content #innerContent { float: left; width: 650px; position: relative;}

/* Navigation */
#mainNav { margin-top: 27px; width: 181px; float: right; position: relative;} 
#mainNav ul {margin: 0; padding: 0; height: 250px; position: relative;}
ul#menuList li { list-style-type: none; padding: 0; margin: 0; display: block; background: url(../images/nav.gif) 0 0 no-repeat;}
#mainNav a {height: 45px; display: block;}
#mainNav strong {display: none;}
#mainNav #rentals {width: 181px; top: 50px; height: 50px;}
#mainNav #tours {width: 181px; height: 50px; top: 50px; background-position: 0 -50px; }
#mainNav #education {width: 181px; height: 50px; top: 50px; background-position: 0 -100px; }
#mainNav #gallery {width: 181px; height: 50px; top: 100px; background-position: 0  -150px;}
#mainNav #contact {width: 181px; height: 50px; top: 150px; background-position: 0 -200px;}
#mainNav #rentals a:hover, #rentalsOn #mainNav #rentals a {background: url(../images/nav.gif) -181px 0 no-repeat;}
#mainNav #tours a:hover, #toursOn #mainNav #tours a {background: url(../images/nav.gif) -181px -50px no-repeat;}
#mainNav #education a:hover, #educationOn #mainNav #education a {background: url(../images/nav.gif) -181px -100px no-repeat;}
#mainNav #gallery a:hover, #galleryOn #mainNav #gallery a {background: url(../images/nav.gif) -181px -150px no-repeat;}
#mainNav #contact a:hover, #contactOn #mainNav #contact a {background: url(../images/nav.gif) -181px -200px no-repeat;}


/* Sub pages nav */
#mainNavSub { margin-top: 27px; width: 181px; float: right; position: relative;} 
#mainNavSub ul {margin: 0; padding: 0; height: 300px; position: relative;}
ul#menuListSub li { list-style-type: none; padding: 0; margin: 0; display: block; background: url(../images/navSub.gif) 0 0 no-repeat;} 
#mainNavSub a {height: 45px; display: block;}
#mainNavSub strong {display: none;}
#mainNavSub #home {width: 181px; top: 50px; height: 50px;}
#mainNavSub #rentals {width: 181px;  height: 50px; top: 50px; background-position: 0 -50px;}
#mainNavSub #tours {width: 181px; height: 50px; top: 100px; background-position: 0 -100px; }
#mainNavSub #education {width: 181px; height: 50px; top: 100px; background-position: 0 -150px; }
#mainNavSub #gallery {width: 181px; height: 50px; top: 150px; background-position: 0  -200px;}
#mainNavSub #contact {width: 181px; height: 50px; top: 200px; background-position: 0 -250px;}
#mainNavSub #home a:hover, #homeOn #mainNavSub #home a {background: url(../images/navSub.gif) -181px 0 no-repeat;}
#mainNavSub #rentals a:hover, #rentalsOn #mainNavSub #rentals a {background: url(../images/navSub.gif) -181px -50px no-repeat;}
#mainNavSub #tours a:hover, #toursOn #mainNavSub #tours a {background: url(../images/navSub.gif) -181px -100px no-repeat;}
#mainNavSub #education a:hover, #educationOn #mainNavSub #education a {background: url(../images/navSub.gif) -181px -150px no-repeat;}
#mainNavSub #gallery a:hover, #galleryOn #mainNavSub #gallery a {background: url(../images/navSub.gif) -181px -200px no-repeat;}
#mainNavSub #contact a:hover, #contactOn #mainNavSub #contact a {background: url(../images/navSub.gif) -181px -250px no-repeat;}

/* Forms */
table.form td, table.form th { padding: 3px;}
.form th { text-align: left; font-weight: bold; width: 150px;}
textarea { width: 400px; height: 100px;}

/* Footer */
#footer { width: 100%; background-color: #dcd09f; border-top: #231f20 1px solid; padding: 15px 0; font-size: 11px; color: #8c4023;}
#footer h4 { font-size: 14px; font-weight: normal;}
#footer #contentCentre {width: 910px; margin: 0 auto;}


/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash { visibility: visible !important; margin: 0;  padding: 0; z-index: 2 !important;}
.sIFR-unloading .sIFR-flash { visibility: hidden !important;}
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0;}

/* Sifr styles */
.sIFR-active #content h2, .sIFR-active #content .styleText, .sIFR-active #footer h4 { visibility: hidden; font-family: Verdana; line-height: 1em;}