/* Divesites CSS */

.content
{
    width: 801px; /* For I.E7 */
}


.divesitesHeader
{
    width: 200px;
    float: left;
}

ul.divesitesTaps
{
    float: right;
    margin: 13px 0px 0px 0px;
    padding: 0px;
}

.divesitesTaps li
{
    float: left;
    display: inline;
    margin: 0px;
    padding: 0px 4px;
    font-size: 14px;
    height: 21px;
    line-height: 21px;
}

.divesitesTaps li a
{
    display: block;
    padding: 0px 8px 0px 0px;
}

.divesitesTaps li a:hover, .activeButton a
{
    background: url(../images/divesites/right-tap-bg.png) no-repeat right;
}


.divesitesTaps li a b
{
    display: block;
    padding: 0px 0px 0px 8px;
    color: #1c3e71;
    height: 21px;
    line-height: 21px;
}

.divesitesTaps li a:hover b, .activeButton a b
{
    background: url(../images/divesites/left-tap-bg.png) no-repeat left;
    color: #FFF !important;
}

.divesitesMap
{
    float: left;
    width: 405px;
    height: 425px;
    background-image:url(../images/map.jpg);
    background-repeat:no-repeat;
}

.divesiteDescription
{
    float: left;
    width: 171px;
    float: left;
    background: url(../images/divesites/separator.png) no-repeat right;
    padding: 0px 20px;
    height:425px;
}

.divesiteDescription h4
{
    background: url(../images/divesites/divesite.jpg) no-repeat left;
    padding: 0px 0px 0px 30px;
    margin-top: 0px;
}

.divesiteInformation
{
    width: 165px;
    float: left;
    padding: 0px 0px 0px 10px;
}



.divesiteInfoContainer
{
    padding: 0px;
    margin: 0px 0px 10px 0px;
    overflow: auto;
}

.divesiteInformationImg
{
    float: left;
    width: 28px;
    height: 28px;
}

img.divesiteInformationImg
{
    margin: 1px;
    border: 1px solid #b6b6b6;
}


.divesiteInformationText
{
    float: left;
    width: 128px;
    margin:0px 0px 0px 3px;
}





/*~~~~~~~~~~~~~Dive Sites~~~~~~~~~~~~*/
.Thistlegorm {
left: 224px;
top: 15px;
}
.Kimon {
left: 218px;
top: 137px;
}
.Chrisoula {
left: 229px;
top: 150px;
}
.Carnatic {
left: 239px;
top: 163px;
}
.Giannis {
left: 258px;
top: 176px;
}
.SalemExpress {
left: 120px;
top: 112px;
}
.ShaabElErg {
left: 187px;
top: 215px;
}
.UmmGamar{
left: 206px;
top: 242px;
}
.ShaabRuhr{
left: 214px;
top: 255px;
}
.Careless{
left: 228px;
top: 269px;
}
.Elfanous{
left: 193px;
top: 281px;
}
.Elfanadir{
left: 146px;
top: 261px;
}
.Elmena{
left: 173px;
top: 328px;
}
.AbuNugar{
left: 65px;
top: 246px;
}
.AbuGalawa{
left: 87px;
top: 231px;
}
.Hamada{
left: 225px;
top: 306px;
}
.SmallGiftun{
left: 234px;
top: 319px;
}
.AbuRamada{
left: 236px;
top: 340px;
}
.GotaAbuRamada{
left: 226px;
top: 368px;
}
.AbuHashish{
left: 211px;
top: 404px;
}
.BenElgebal{
left: 218px;
top: 293px;
}
.RasMohammed{
left:265px;
top:73px;
}
.SeyoulKebir{
left: 109px;
top: 153px;
}
.Gubal{
left: 164px;
top: 85px;
}
.BlindReef{
left: 132px;
top: 174px;
}
.ShaabSamadai{
left: 154px;
top: 122px;
}
.Ephinstone{
left: 138px;
top: 24px;
}
.Panorama{
left: 130px;
top: 42px;
}
.AbuKifan{
left: 134px;
top: 95px;
}
.Brothers{
left: 278px;
top: 361px;
}
.StJones{
left: 253px;
top: 404px;
}
.Dolphin{
left: 0px;
top: 16px;
}
.WadiGimal{
left: 219px;
top: 388px;
}
.WhiteRock{
left: 216px;
top: 330px;
}
.Daedalus{
left: 284px;
top: 107px;
}
.Zabargad{
left: 296px;
top: 372px;
}
.Rocky{
left: 297px;
top: 388px;
}