body {
        background-color:               #112222;
}

#content {
        position:                       relative;
        margin-left:                    auto;
        margin-right:                   auto;
        width:                          842px;
/*
        border:                         1px solid #111166;
*/
        color:                          white;
        margin-top:                     0px;
        padding:                        0px;
        height:                         600px;
}

#logoBox {
        position:                       absolute;
        top:                            0px;
        height:                         200px;
        width:                          818px;
        left:                           10px;
        text-align:                     center;
        border:                         4px solid white;
/*
        background-color:               #227F85;
*/
}

#logo {
        border-style:                   none;
        height:                         200px;
        width:                          818px;
}

#links {
        padding:                        0 0 0 40px;
        position:                       absolute;
        top:                            204px;
        height:                         50px;
        left:                           10px;
        width:                          778px;
        background-color:               #112222;
        border:                         4px solid white;
}

.linksNotFirst {
        border-left:                    2px solid #33AADD;
}

.links {
        line-height:                    46px;
        padding-left:                   13px;
        padding-right:                  13px;
        padding-top:                    3px;
        padding-bottom:                 3px;

        font-weight:                    bold;
        font-size:                      12px;
}

/*
.link0 {
        left:                           3px;
        width:                          77px;
}

.link1 {
        left:                           110px;
        width:                          70px;
}

.link2 {
        left:                           210px;
        width:                          136px;
}

.link3 {
        left:                           375px;
        width:                          43px;
}

.link4 {
        left:                           450px;
        width:                          119px;
}

.link5 {
        left:                           596px;
        width:                          78px;
}

.link6 {
        left:                           700px;
        width:                          93px;
}
*/

.linkThis {
        color:                          #3366AA;
}

.link {
}

a.pageLink {
        text-decoration:                none;
        color:                          #F8FFFF;
}

a.pageLink:hover {
        color:                          #66AAFF;
}

#stuffBackgroundImage {
        position:                       absolute;
        top:                            250px;
        left:                           10px;
        padding:                        10px;
        width:                          798px;
        height:                         500px;
        z-index:                        0;
        border:                         4px solid #FFFFFF;
        background-image:               url( /images/fish_grey.gif );
        background-repeat:              no-repeat;
        background-position:            center center;
}

#stuffBackground {
        position:                       absolute;
        top:                            254px;
        left:                           14px;
        padding:                        10px;
        width:                          798px;
        background-color:               #000B19;
/*
        border:                         2px solid #777777;
*/
        height:                         500px;
        z-index:                        10;
}

#stuff {
        position:                       absolute;
        top:                            254px;
        left:                           10px;
        padding:                        14px;
        width:                          798px;
        height:                         492px;
        overflow:                       auto;
        z-index:                        30;
}

.pageTitle {
        text-align:                     center;
        font-size:                      24px;
        font-variant:                   small-caps;
        color:                          #55BBCC;
/*
        color:                          #11BBFF;
*/
        margin:                         0px;
        padding:                        4px 0 0 0;
}

.pageHelp {
        text-align:                     center;
        font-size:                      12px;
        margin:                         1px 0 5px 0;
        padding:                        0;
        color:                          #BBCCEE;
}

.referralsRow {
        position:                       relative;
        height:                         218px;
        margin-top:                     13px;
}

div.referral {
        position:                       absolute;
        top:                            0px;
        font-size:                      15px;
        font-family:                    arial,sans-serif;
        font-weight:                    bold;
        width:                          300px;
        text-align:                     center;
}

.referral1 {
        position:                       absolute;
        left:                           50px;
}

.referral2 {
        position:                       absolute;
        left:                           450px;
}

.referral3 {
        position:                       absolute;
        left:                           420px;
}

.referral4 {
        position:                       absolute;
        left:                           590px;
}

.contactsPic {
        float:                          right;
        margin-top:                     41px;
        margin-right:                   60px;
        border:                         3px solid #88BBCC;
}

.contactsTitle {
        font-size:                      22px;
/*
        color:                          #99FFFF;
*/
        color:                          #79BBCC;
        font-weight:                    bold;
        margin-left:                    95px;
        margin-top:                     31px;
}

div.contactsInfo {
        margin-left:                    130px;
        font-size:                      18px;
}

p.contactsInfo {
        margin:                         0px;
        padding:                        0px;
}

p.bookingInfo {
        font-size:                      17px;
        margin-left:                    80px;
        margin-right:                   80px;
        margin-top:                     10px;
        margin-bottom:                  7px;
}

div.bookingPrice {
        margin:                         16px 0 8px 0;
}

li.booking {
        padding-top:                    14px;
}

p.bookingPrice {
        text-align:                     center;
        font-size:                      22px;
        font-weight:                    bold;
        font-style:                     italic;
        margin:                         0;
        padding:                        0;
}

.bookingContainer {
        position:                       relative;
        margin-top:                     8px;
        margin-bottom:                  3px;
        font-size:                      17px;
}

.bookingOptions {
        position:                       absolute;
        top:                            0px;
}

#bookingTripOptions {
        height:                         100px;
}

#bookingRecommendations {
        height:                         130px;
}

.bookingOptions1 {
        left:                           107px;
}

.bookingOptions2 {
        left:                           420px;
}

.bookingCategory {
        font-size:                      17px;
        font-weight:                    bold;
        margin:                         0;
        padding:                        15px 0 1px 0;
}

ul.booking {
        margin-left:                    25px;
}

.bookATrip {
        color:                          #2277AA;
        background-color:               #BBFFFF;
}

#bookATrip {
        text-align:                     center;
        font-size:                      28px;
        font-weight:                    bold;
        padding:                        5px;
        margin-top:                     24px;
        margin-left:                    300px;
        width:                          150px;
}

.bookATripHover {
        color:                          #88FFDD;
        background-color:               #999999;
        cursor:                         pointer;
}

.tripType {
        font-weight:                    bold;
        font-size:                      18px;
        color:                          #FFFF99;
}

#bookingBox {
        position:                       absolute;
        top:                            13px;
        height:                         480px;
        left:                           100px;
        width:                          600px;
        background-color:               #DDCCBB;
        color:                          black;
        border:                         3px solid #88AAAA;
        z-index:                        20;
        display:                        none;
}

.bookingTop {
        margin:                         12px 40px 0px 40px;
}

.contactType {
        font-size:                      13px;
}

.bio {
        margin-left:                    90px;
        margin-right:                   90px;
        margin-top:                     28px;
        font-size:                      17px;
}

.bioEmail {
        text-align:                     center;
        font-size:                      21px;
        color:                          #FFCCCC;
        margin-top:                     12px;
        margin-left:                    0px;
        margin-right:                   0px;
        margin-bottom:                  0px;
        padding:                        0;
}

.lodging {
        text-decoration:                none;
        font-size:                      19px;
        color:                          #66AAAA;
}

.lodging:hover {
        text-decoration:                underline;
}

.label {
        margin:                         0px;
        padding-left:                   5px;
        padding-right:                  0px;
        padding-top:                    5px;
        padding-bottom:                 0px;
        font-size:                      12px;
        padding-right:                  0px;
}

#bookingFormContainer {
        margin-left:                    70px;
        margin-top:                     4px;
}

input {
        margin-left:                    6px;
}

textarea {
        margin-left:                    6px;
}

.buttons {
        margin-top:                     6px;
        margin-left:                    4px;
}

.selects {
        margin-left:                    6px;
}

.month {
        width:                          60px;
}

.day {
        width:                          50px;
}

.year {
        width:                          70px;
}

#reportsBox {
        position:                       absolute;
        top:                            65px;
        height:                         415px;
        width:                          720px;
        left:                           48px;
        overflow:                       auto;
}

.report {
        position:                       relative;
        height:                         154px;
}

.reportHover {
        background-color:               #3377AA;
        cursor:                         pointer;
}

.reportLink {
        border:                         none;
        width:                          110px;
        height:                         110px;
}

.reportDate {
        font-size:                      19px;
        font-weight:                    bold;
        font-style:                     italic;
        color:                          #BBBBFF;
/*
        color:                          #22AA88;
*/
        margin:                         0px;
        padding:                        0;
        text-align:                     center;
}

.reportFloat {
        position:                       absolute;
        left:                           0px;
        top:                            4px;
        width:                          115px;
        height:                         130px;
        text-align:                     center;
}

.reportSummary {
        position:                       absolute;
        top:                            2px;
        left:                           118px;
        right:                          12px;
        font-size:                      14px;
        font-weight:                    bold;
}

.reportThumbnail {
        margin:                         0;
        padding:                        0 0 0 3px;
        height:                         110px;
}

#showMoreReports {
        text-align:                     center;
        font-style:                     italic;
        font-weight:                    bold;
        font-size:                      18px;
        text-decoration:                underline;
        padding-bottom:                 20px;
        padding-top:                    12px;
}

.showReports {
        cursor:                         pointer;
}

#loadingReports {
        display:                        none;
        text-align:                     center;
}

.seeOther {
        position:                       absolute;
        top:                            23px;
        left:                           540px;
        color:                          #EECC33;
        font-size:                      17px;
        font-weight:                    bold;
}

.seeOtherHover {
        background-color:               #999933;
        cursor:                         pointer;
}

.mediaBox {
        margin:                         5px 0 0 7px;
        padding-top:                    5px;
        height:                         450px;
        overflow:                       auto;
        width:                          780px;
        font-family:                    Arial, sans-serif;
}

#flashWarning {
        position:                       absolute;
        top:                            502px;
        left:                           25px;
        font-size:                      10px;
        display:                        none;
}

.flash {
        color:                          #AA8855;
        text-decoration:                none;
}

.flash:hover {
        text-decoration:                underline;
}

#photosBox {
        display:                        none;
}

#photosTitle {
        display:                        none;
}

#seeVideos {
        display:                        none;
}

div.galleryLinksRow {
        position:                       relative;
        height:                         150px;
        width:                          96%;
}

.hide {
        display:                        none;
}

div.galleryLink {
        text-align:                     center;
        cursor:                         pointer;
        width:                          200px;
}

div.galleryLinkFirst {
        position:                       absolute;
        bottom:                         0px;
        left:                           130px;
}

div.galleryLinkSecond {
        position:                       absolute;
        bottom:                         0px;
        left:                           460px;
}

p.galleryLink {
        margin:                         0;
        padding:                        0;
}

img.galleryLink {
        border:                         0;
}

span.galleryLink {
/*
        color:                          #CCCC00;
        color:                          #FFAA44;
*/
        color:                          #BBAA88;
        font-size:                      15px;
        font-weight:                    bold;
        font-style:                     italic;
}

span.galleryNumPhotos {
        color:                          #999999;
/*
        color:                          #666666;
*/
        font-size:                      10px;
}

p.galleryNumPhotos {
        line-height:                    10px;
        margin-top:                     -2px;
}

.showGallery {
}

.showGallery:hover {
        cursor:                         pointer;
}

#homeMessage {
        padding-top:                    12px;
}

#homeMessageHeader {
        background-color:               #000000;
        font-size:                      15px;
        font-weight:                    bold;
        color:                          #EEEE77;
        padding:                        2px 4px 2px 8px;
}

#homeMessageContent {
        background-color:               #CCCC66;
        font-size:                      16px;
        font-weight:                    bold;
        color:                          #000000;
        padding:                        3px 8px 4px 8px;
        border:                         2px solid black;
}

.homeTop {
        font-size:                      21px;
        font-weight:                    bold;
        font-style:                     italic;
/*
        color:                          #99BBDD;
*/
        color:                          #FFFFDD;
        text-align:                     center;
}

#homeSideBox {
        position:                       absolute;
        left:                           535px;
        top:                            57px;
        width:                          260px;
        display:                        none;
}

#homeInfo {
        border:                         2px solid black;
        background-color:               #222222;
        padding-bottom:                 8px;
}

span.name {
/*
        color:                          #3388DD;
*/
        font-variant:                   small-caps;
}

.homePic {
        border:                         4px solid #CCEEFF;
        display:                        none;
}

#homePic1 {
        position:                       absolute;
        top:                            61px;
        left:                           22px;
        z-index:                        15;
}

#homePic2 {
        position:                       absolute;
        top:                            61px;
        left:                           302px;
        z-index:                        19;
}

#homePic3 {
        position:                       absolute;
        top:                            331px;
        left:                           302px;
        z-index:                        15;
}

#homePic4 {
        position:                       absolute;
        top:                            331px;
        left:                           22px;
        z-index:                        19;
}

#homePic5 {
        position:                       absolute;
        top:                            206px;
        left:                           162px;
        z-index:                        17;
}

.homeSideTop {
        font-size:                      18px;
        font-weight:                    bold;
        color:                          #FFFFDD;
        margin:                         7px 12px 9px 12px;
}

.homeSide {
        font-size:                      14px;
        color:                          #FFFFDD;
        margin:                         5px 12px;
}

.homeList {
        margin:                         0 7px 5px 26px;
        font-size:                      12px;
        color:                          #FFFFDD;
}

a.plain {
        text-decoration:                none;
        color:                          white;
}

a.plain:hover {
        text-decoration:                underline;
}
