/* ------------------------------------
Author  : Joe Segura
Site    : www.supreme-creative.com
Updated : 09.18.2007
------------------------------------ */

@import "reset.css";
@import "typography.css";
@import "grid.css";
@import "forms.css";
@import "ui.css";
@import "navs.css";
@import "products.css";


/* GLOBAL */
.secondary-content a {
  color: #03f;
}

.secondary-content h1,
.secondary-content h2,
.secondary-content h3,
.secondary-content li,
.secondary-content p,
.secondary-content a:hover {
  color: #003;
}

.block-container{
  overflow: hidden;
}

/* COURSES ADS */
#featured-ad-container {  
  padding: 20px 20px 20px 0; 
  float: left;
  xbackground: red;
}

#featured-ad { 
  width: 604px; 
  height: 240px;
  overflow: hidden; /*ie6 height fix */
}


/* HOME */


.h1-diversity-diving[class] { color:#003; xbackground: transparent url(../img/headers/h1-diversity-diving-en.png) no-repeat; }

.ads .column { 
  height: 340px;
  margin-bottom: 40px;
  overflow: visible;
  background: #ffd967 url(../img/bgs/bg-box-yellow.png) repeat-x; 
}


.ads .column p {
  padding: 0 20px;	
}

.index .main-content { 
  background: transparent url(../img/bgs/bg-index-content.gif) no-repeat 0 279px; 
  position: relative; 
}

.index #about-us { 
  height: 240px; 
  margin: 20px 0 40px 0;
  padding: 20px; 
  background: #6fdafd url(../img/bgs/bg-box-blue.png) repeat-x; 
}

.index #about-us p { 
  color: #003;
  margin-right: 320px;
}

.index #photo-contest { 
  width: 336px; 
  height: 298px; 
  position: absolute; 
  right: 0;
  top: 288px;
  xbackground: green;
}

.index #photo-contest[id] { 
  background: transparent url(../img/bgs/bg-photo-contest-ad.png) repeat-x;
}

.index #photo-contest p { 
  width: 336px;
  height: 298px;
}

.index #photo-contest a { 
  text-indent: -2000em;
  height: 100%;
  display: block;
}

.index #ad-reservations img {
  width: 262px;
  height: 109px;
  margin: 0 0 0 -3px;
}
 
.index #ad-packages img {
  width: 262px;
  height: 115px;
  margin: 0 0 0 -5px;
}

.index #ad-courses img {
  width: 262px;
  height: 109px;
  margin: 0 0 0 -5px;
}

.index #ad-packages img {
  height: 115px;
}

.index #ad-packages {
  position: relative;
}

.index #ad-packages p {
  height: 260px;
  padding-right: 100px;
  overflow: hidden;
}

.index #ad-courses h3 {
  font-size: 14px;
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  line-height: 20px;
  letter-spacing: 0;
  color: #06F;
  margin: 0 0 0 20px;
}

.index #ad-courses p {
  margin: 0;
}

.index #ad-partners,
.index #ad-padi-elearning, 
.index #ad-airport-transfers {
  height: 180px;
}

.index #ad-partners-p {
  height: 60px;
  padding: 17px 80px 0 20px;
}

.index #ad-partners-p[id] {
  background: transparent url(../img/icons/bg-partners.png) no-repeat 98% 0%;
}

.index #ad-padi-elearning-p {
  height: 120px;
}

.index #ad-padi-elearning-p[id] {
  background: transparent url(../img/icons/bg-padi-elearning.png) no-repeat 100% 100%;
}

.index #ad-airport-transfers h3 {
  font-size: 14px;
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  line-height: 20px;
  letter-spacing: 0;
  color: #C30;
  margin: 0 0 0 20px;
}

#ad-proud-members, 
#ad-special-offers,
#xad-weather{
  background: #6fdafd url(../img/bgs/bg-box-blue.png) repeat-x;
}

#ad-proud-members {
  position: relative;
  height: 240px;
}

#ad-proud-members p a {
  display: block;
  height: 100%;
  text-indent: -2000em;
}

#ad-proud-members #padi {
  width: 102px;
  height: 160px;
  background: transparent url(../img/icons/icon-padi-resort.png) no-repeat;
  position: absolute;
  top: 60px;
  left: 20px;
}

#ad-proud-members #dan {
  width: 87px;
  height: 80px;
  position: absolute;
  top: 60px;
  left: 308px;
}

#ad-proud-members #dan[id] {
  background: transparent url(../img/icons/icon-dan.png) no-repeat;
}


#ad-proud-members #efr {
  width: 72px;
  height: 80px;
  position: absolute;
  top: 60px;
  left: 407px;
}

#ad-proud-members #efr[id] {
  background: transparent url(../img/icons/icon-efr.png) no-repeat;
}

#ad-proud-members #sss {
  width: 70px;
  height: 80px;
  text-indent: -2000em;
  position: absolute;
  top: 60px;
  left: 500px;
}

#ad-proud-members #sss[id] {
  background: transparent url(../img/icons/icon-sss.png) no-repeat;
}

#TA_rated18{
  position: absolute;
  top: 50px;
  left: 130px;	
}

#ad-special-offers {
  height: auto;
  overflow: hidden;
  padding-bottom: 10px;
}

#ad-special-offers h3 {
  margin: 0 20px;
}

#ad-experiences {
  height: auto;
  overflow: hidden;
  padding-bottom: 10px;
}

.experience-signature {
  font-size: 10px;
  color: #c30;
}

#ad-weather p {
  padding: 20px;
}

/* COURSES */
#courses-sidebar {
  width: 174px;
  padding: 20px;
  background: orange; 
}

.courses .main-content h2 {
  clear: none;
}

.courses .main-content {
  width: 564px;
  padding: 20px; 
  background: #ffd967 url(../img/bgs/bg-box-yellow.png) repeat-x;
}

.courses .secondary-content {
  width: 252px;
  margin: 0 20px;
  padding: 20px; 
  background: #6fdafd url(../img/bgs/bg-box-blue.png) repeat-x;
}

.courses .secondary-content img {
  margin: 0 -5px;
}

.courses .secondary-content li {
  padding-left: 20px;
  background-position: 10px 3px;
}

.courses .secondary-content p,
.courses .secondary-content a {
  color: #003;
}

.courses .secondary-content a:hover {
  color: #03f;
}

.courses .secondary-content .active {
  background-color: #fc6;
}

.courses .secondary-content .active a {
  text-decoration: none;
}

/* ACTIVITIES */
.activities .main-content {
  width: 876px;
  margin: 0 20px;
  padding: 20px; 
  background: #ffd967 url(../img/bgs/bg-box-yellow.png) repeat-x;
}

.activities .main-content h2 {
  clear: none;
}

/* PARTNERS */
.partners .main-content, .partners .secondary-content {
  width: 564px;
  margin: 0;
  padding: 20px; 
  background: #ffd967 url(../img/bgs/bg-box-yellow.png) repeat-x;
}

.partners .secondary-content {
  width: 252px;
  margin: 0 20px;
  background: #6fdafd url(../img/bgs/bg-box-blue.png) repeat-x;
}

.partner-listing { 
  padding: 10px; 
  margin-bottom: 10px; 
  border: 1px solid #fed047; 
  background: #fede7d url(../img/bgs/product-bg.png) repeat-x ; 
  overflow: hidden;
}
.partner-logo, .partner-title, .partner-description { margin-bottom: 0; float: left; overflow: hidden; }
.partner-title { clear: none; }
.partner-description { width: 342px; }
.partner-logo { 
  width: 180px; 
  height: 140px;
  padding: 5px; 
  margin-right: 10px; 
  line-height: 0; 
  background: url(/public/img/partners/logo-bg.png) no-repeat; 
}
.partner-link { display: block; }

/* PHOTO CONTEST */
.photo-contest .main-content {
  width: 564px;
  padding: 20px; 
  background: #ffd967 url(../img/bgs/bg-box-yellow.png) repeat-x;
}

.photo-contest .secondary-content {
  width: 252px;
  margin: 0 20px;
  padding: 20px; 
  background: #ffd967 url(../img/bgs/bg-box-yellow.png) repeat-x;
}

#photo-contest-sidebar-ad { margin: -20px 0 0 -20px; }

#latest-winner { margin-top: 20px; }
#latest-winner-image { padding: 10px; background: url(/public/img/photo_contest/contest-image-bg.png); }

/* SPECIALS */
.specials .main-content {
  width: 876px;
  margin: 0 20px;
  padding: 20px; 
  background: #ffd967 url(../img/bgs/bg-box-yellow.png) repeat-x;
}

/* ABOUT */
.about .main-content h2 {
  clear: none;
}

.about .main-content {
  width: 564px;
  padding: 20px; 
  background: #ffd967 url(../img/bgs/bg-box-yellow.png) repeat-x;
}

.about .secondary-content {
  width: 252px;
  margin: 0 20px;
  padding: 20px; 
  background: #6fdafd url(../img/bgs/bg-box-blue.png) repeat-x;
}

.about .secondary-content img {
  margin: 0 -5px;
}

.about .secondary-content img {
  width: 262px;
  height: 177px;
}


/* CONTACT */
.contact .secondary-content {
  width: 564px;
  padding: 20px; 
  margin: 0;
  background: #ffd967 url(../img/bgs/bg-box-yellow.png) repeat-x;
}

.contact .main-content {
  width: 252px;
  margin: 0 20px;
  padding: 20px; 
  background: #6fdafd url(../img/bgs/bg-box-blue.png) repeat-x;
}

.contact h1 { padding: 0; }

.contact .secondary-content h1 { padding-bottom: 20px; color: #c30; }

.contact .main-content h1,
.contact .main-content p,
.contact .main-content a:hover {
  color: #003;
}

.contact .main-content a { color: #03f; }


/* GALLERIES */
#galleries-index .main-content {
  width: 876px;
  margin: 0 20px;
  padding: 20px; 
  background: #6fdafd url(../img/bgs/bg-box-blue.png) repeat-x;
}
#galleries-index #photo-galleries {
  margin-bottom: 20px;
}

.gallery {
  width: 218px;
  height: 245px;
  margin: 0 0 20px 0;
  float: left;
}

.gallery[class] {
  background: url(../img/bgs/bg-gallery.png) no-repeat;
}

.galleries h1 { color: #003; }
#galleries-index h1 { padding-left: 10px; }
#galleries-photo h1,
#galleries-video h1 { text-align: center; }

.gallery img {
  width: 190px;
  height: 150px;
  margin: 12px 0 22px 15px;
}

.gallery .details p {
  width: 190px;
  height: 20px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}

.gallery .details strong {
  color: #c30;
}

.galleries #slideshow-container {
  width: 600px;
  height: 520px;
  margin: 0 auto;
  padding: 10px;
}

.galleries #slideshow-container[id] {
  background: url(../img/bgs/bg-gallery-2.png) no-repeat;
}

.galleries #slideshow-container p {
  height: 40px;
  padding: 20px 10px 0 10px;
  text-align: center;
  overflow: hidden;
}

.galleries #video-container {
  width: 425px;
  height: 424px;
  margin: 0 auto;
  padding: 10px;
}

.galleries #video-container[id] {
  background: transparent url(../img/bgs/bg-video.png) no-repeat;
}

.galleries #video-container p {
  height: 40px;
  padding: 20px 10px 0 10px;
  text-align: center;
  overflow: hidden;
}


/* TRANSFERS */
.transfers .main-content {
  margin: 0 20px;
  padding: 20px;
  background: #ffd967 url(../img/bgs/bg-box-yellow.png) repeat-x;
}

.transfers .main-content h1,
.transfers .main-content h2 {
  clear: none;
}

.transfers .main-content .img-left img {
  width: 289px;
  height: 581px;
  background: none;
  padding: none;
  margin: -25px 0 0 -20px ;
}

/* RESERVATIONS */
.reservations .main-content { width: 916px; margin: 0 20px;}

/* HEADER */
.header #logo   { width: 270px; height: 220px; text-indent: -2000em; overflow: hidden; position: absolute; left: 50px; top: 20px; }
.header #logo a { height: 100%; display: block; }
.header #logo>a { background: transparent url(/public/img/misc/logo.png) no-repeat; }

#header_slideshow_container { 
  width: 460px; 
  height: 220px; 
  background: #ccc;
  position: absolute;
  top: 40px;
  right: 72px; 
}

#header_slideshow { 
  height: 220px;   	
}

/* FOOTER */
#footer-pay-info { 
  height: 240px; 
  text-align: center;
  position: absolute; 
  left: 333px; 
  top: 260px; 
  xbackground: red;
}

#footer-pay-info #skype {
	width: 216px;
    height: 44px;
	margin: 29px auto 57px auto;
}

#footer-pay-info #pay-with {
  height: 75px;
  text-indent: -2000em;
}

#footer-contact-info { 
  height: 240px; 
  text-align: center;
  position: absolute; 
  right: 20px; 
  top: 260px; 
  xbackground: blue; 
}

#footer-contact-info p {
  color: #630;
  margin-bottom: 20px;
}
#footer-contact-info span {
  color: #C30;
}

#footer-contact-info a {
  font-size: 16px;
  color: #06F;
}

#footer-contact-info a:hover {
  color: #03C;
}

#footer-slogan { 
  height: 100px; 
  line-height: 100px; 
  text-align: center; 
  position: absolute; 
  left: 0; 
  bottom: 0; 
  background: #000 url(../img/headers/hdr-slogan.png) no-repeat 50% 50%; 
  text-indent: -2000em;
}

/* BUTTONS */
.button a { 
  height: 100%; 
  text-indent: -2000em; 
  display: block;
  position: relative; 
  xbackground: red;
}

.btn-read-more-about-us { 
  width: 224px;
  height: 40px;
}

.btn-make-reservation { 
  width: 230px;
  height: 40px;
  margin-left: 20px;
}

.index #ad-packages .btn-view-dive-packages {
  width: 100px;
  height: 137px;
  padding: 0;
  position: absolute;
  right: 4px;
  top: 180px;
}

.index #ad-courses .btn-view-dive-courses { 
  width: 235px;
  height: 52px;
  margin: 10px 0 0 17px;
}

.index #ad-partners .btn-partners { 
  width: 210px;
  height: 50px;
  margin: -12px 0 0 17px;
  padding: 0;
}

.index #ad-padi-elearning .btn-sign-up { 
  width: 117px;
  height: 40px;
  margin: -67px 0 0 17px;
  padding: 0;
}

.btn-view-transfers { 
  width: 203px;
  height: 48px;
  margin: -12px 0 0 17px;
  padding: 0;
}

.btn-view-specials { 
  width: 220px;
  height: 50px;
  margin: -12px 0 0 17px;
  padding: 0;
}

/* HEADERS */
#footer-contact-info .h2-contact-us-for-more-info {
  margin: 20px 0 0 0;
}

/* misc */
.wide-yellow {
  width: 876px;
  margin: 0 20px;
  padding: 20px; 
  background: #ffd967 url(../img/bgs/bg-box-yellow.png) repeat-x;
}

#nigol label { width: 160px; margin-bottom: 20px; }
#nigol input { width: 142px; }

/* experiences */
.experiences .main-content {
  width: 876px;
  margin: 0 20px;
  padding: 20px; 
  background: #ffd967 url(../img/bgs/bg-box-yellow.png) repeat-x;
}

/* EVENTS */
#agenda { 
  width: 252px;
  height: 200px;
  margin-top: 20px; 
  padding: 20px; 
  xoverflow: hidden; /*ie6 height fix */
  float: left;
  background: #ffd967 url(../img/bgs/bg-box-yellow.png) repeat-x; 
}

#agenda .event-title {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 18px;
}

#agenda .event-date {
  color: #c30;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}

.events .main-content {
  width: 876px;
  margin: 0 20px;
  padding: 20px; 
  background: #ffd967 url(../img/bgs/bg-box-yellow.png) repeat-x;
}

.events h2, .events h3 {
  clear: none;
}

.events h3 {
  color: #003;
}

.event-listing { 
  padding: 10px; 
  margin-bottom: 10px; 
  border: 1px solid #fed047; 
  background: #fede7d url(../img/bgs/product-bg.png) repeat-x ; 
  overflow: hidden;
}

.event-image {
  font-size: 0;
  line-height: 0;
  float: right;
  margin: 0 0 20px 20px;
  border: 5px solid #fff;
}