/************************** Copyright 2007 Gallery Webs SA Dolphin Tour Costa Rica http://dolphintourcostarica.com **************************/ @media screen, projection { /* -- GENERAL REDECLARATIONS ---------------------------------------- */ html {} * {margin:0; padding:0;} body {background:url("../images/bg-body1.jpg") top left; padding:0;height: 100%;} body, input, select, textarea, p, li, td, th {font-size:12px; font-family:"Century Gothic", "Lucida Sans", "Trebuchet MS", verdana, sans-serif; color:#FFF;} a {font-weight:bold;text-decoration:none;border-bottom:1px dotted #fff;} a:hover {text-decoration:none;} ul, ol {margin:0 0 10px 25px;} dl {margin:0 0 10px;} dt {font-weight:bold;} dd {margin:0 0 3px 10px;} p {margin:0 0 15px;font-size:100%;} h1 {font-size:20px; margin:0 0 12px; font-weight:bold;color:#fff;} h1 a {text-decoration:none;color:#fff;} h2 {font-size:18px; margin:8px 0; font-weight:bold;color:#fff;} h2 a {border:none !important;text-decoration:underline;} h3 {font-size:16px; margin:9px 0 5px;font-weight:bold;color:#fff;} h3 a {border:none;text-decoration:none;} h4 {font-size:14px; margin:7px 0;font-weight:bold;color:#fff;} h5 {font-size:12px; margin:3px 0;} h6 {font-size:11px; margin:0;} hr {display:none;} img {border:none;} acronym {border-bottom: 1px dotted;} blockquote {margin:0 25px 20px 25px;} td {vertical-align:top;} FORM { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } INPUT.text { BORDER-RIGHT: #cbcbcb 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cbcbcb 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; FONT: 11px Verdana, sans-serif; BORDER-LEFT: #cbcbcb 1px solid; WIDTH: 245px; COLOR: #525163; PADDING-TOP: 0px; BORDER-BOTTOM: #cbcbcb 1px solid; HEIGHT: 16px } INPUT.textPeque { BORDER-RIGHT: #cbcbcb 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cbcbcb 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; FONT: 11px Verdana, sans-serif; BORDER-LEFT: #cbcbcb 1px solid; WIDTH: 90px; COLOR: #525163; PADDING-TOP: 0px; BORDER-BOTTOM: #cbcbcb 1px solid; HEIGHT: 16px; POSITION: relative; } TEXTAREA.normal { BORDER-RIGHT: #cbcbcb 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cbcbcb 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; FONT: 11px Verdana, sans-serif; BORDER-LEFT: #cbcbcb 1px solid; WIDTH: 320px; COLOR: #525163; PADDING-TOP: 4px; BORDER-BOTTOM: #cbcbcb 1px solid; HEIGHT: 100px } INPUT.button { COLOR: black; font-weight:bold; } /* -- CLASSES ---------------------------------------- */ .highlight {background:#DAE3EC;} .result {margin:0 0 20px;} .result a {border-bottom:1px solid #B7C8D7;} .result a:hover {border-bottom:1px solid;} .search-score {color:#aaa; border-top:1px solid; padding:3px 0 0;} .teaser-link {text-align:right;} p.pull-quote {width:150px;float:right;padding:16px 0 6px 26px;font-size:140%;font-weight:bold; margin:0 0 12px 15px;} div.callout-box {width:140px;float:right;padding:10px;font-size:100%;font-weight:bold; margin:0 0 12px 15px;border:1px solid #ADA289;background:#f8f8f8;} table {} table td, table th{margin:0;padding:4px 4px 4px 4px;font-size:12px;vertical-align:top;} .currentRow {background-color:#E7E4E2;} .clearme {clear:both;} .clearme2 {clear:both;} /* -- ID'S ---------------------------------------- */ #wrapper {width:100%;text-align:left;padding:0;position:relative;background:url("../images/bg-body-gradient1.jpg") repeat-x top left;} #subwrapper{position:relative;width:770px;margin:0 auto 0;} #subsubwrapper{position:relative;width:770px;float:left;} #header {height:173px;position:relative;padding:0;margin:0 0 0 0;} #header a {border:none;overflow:hidden;} #site-title{position:absolute;top:-8px;left:0px;} #site-title a {display:block;height:108px;width:770px;text-indent:-9999px;overflow:hidden;background:url("../images/honors-mark.gif") no-repeat top left;} #site-title a:Hover {background-position:0px -108px;} #site-title h3 {text-indent:-9999px;margin:0;} #content-wrapper {width:770px;float:left;padding:0;background:url("../images/sub-content-middle-dots.gif") repeat-y top left;margin:20px 0 0 0;} #content-subwrapper {width:770px;float:left;padding:0;background:url("../images/sub-content-top.gif") no-repeat top left;margin:-10px 0 0px 0;padding:10px 0 0 0;position:relative;} #content-subsubwrapper {width:770px;background:url("../images/sub-content-bottom-gradient.gif") no-repeat bottom left;} #content-main {width:490px;min-height:550px;height:550px;color:#2F261F;line-height:1.4; margin:15px 0px 0px 27px; padding:0 0 15px 0; } html>body #content-main {height:auto;} #content-main li{font-size:12px;} #content-main h1#page-title{margin:0px 0 20px 0;height:48px;line-height:48px;padding:0px 0 0 0;text-align:left;font-weight:normal;letter-spacing:-1px;display:block;color:#F7E79C;font-size:19px;} #content-main h1{text-align:left;font-weight:bold;background:url("../images/page-header-arcs.gif") no-repeat top left;padding:8px 0 16px 60px;margin:0 0 10px 0; line-height:1em;} #content-wrapper #content-main a{font-weight:bold;color:#fff;} #content-main a:Hover{text-decoration:none;border:none;} #content-main img {} #content-supplemental {display:block;width:234px;position:absolute;left:543px;top:-6px;} h4#become {margin:0px;position:relative;top:6px;left:22px;} h4#become a {display:block;height:76px;width:210px;overflow:hidden;border:none;background:url("../images/become.gif") no-repeat top left;text-indent:-9999px;} h4#become a:Hover {background-position:0px -77px;} #collage {position:relative;top:16px;left:22px;} #footer {clear:both;padding:26px 0 0 0;margin:0px 0 0 0;height:98px;min-height:98px; background:url("../images/sub-content-bottom.gif") no-repeat top left;} #footer-info {position:relative; top:0px;} #footer-info div{position:absolute;top:24px;width:550px;height:60px; padding:0px 0 40px 56px; color:#fff;clear:both;background:url("../images/footer-circles.gif") no-repeat top left;} #footer-info p{margin:0;font-size:11px;color:#fff;} #footer-info a{color:#fff;font-weight:bold;} #footer-info a:hover{color:#608FE8;font-weight:bold;font-size:11px;} h4#nd-mark {margin:0px;position:absolute;top:-22px;left:382px;z-index:110;} h4#nd-mark a {display:block;height:79px;width:220px;overflow:hidden;border:none;background:url("../images/nd-mark.gif") no-repeat top left;text-indent:-9999px;} h4#nd-mark a:Hover {background-position:0px -82px;} /* MAIN NAVIGATION ----------------------------------------------- */ #nav-global {display:block;margin:0;padding:0;position:absolute;top:108px;height:52px;width:770px;overflow:hidden;background:url("../images/nav-dotted.gif") no-repeat bottom left;} #nav-global ul {list-style:none;padding:0;margin:0 0 0 0px;height:52px;background:transparent url("../images/nav-global.gif") no-repeat 0px 0px;} #nav-global li {list-style:none;font-size:12px;letter-spacing:0px;padding:0;display:block;} #nav-global li a {position:absolute;top:0;left:0;width:153px;height:52px;display:block;text-decoration:none;margin:0;color:#fff;text-align:center;text-indent:-9999px;overflow:hidden; background:transparent url("../images/nav-global.gif") no-repeat 0px 0px;} #nav-global li#navhome a {left:0px;background-position:0px 0px;} #nav-global li#navtours a {left:153px;background-position:-153px 0;} #nav-global li#navabout a {left:307px;background-position:-307px 0;} #nav-global li#navreservations a {left:461px;background-position:-461px 0;} #nav-global li#navphotos a {left:616px;background-position:-616px 0;} #nav-global li#navhome a:Hover {color:#fff;background-position:0px -52px;} #nav-global li#navtours a:Hover {color:#fff;background-position:-153px -52px;} #nav-global li#navabout a:Hover {color:#fff;background-position:-307px -52px;} #nav-global li#navreservations a:Hover {color:#fff;background-position:-461px -52px;} #nav-global li#navphotos a:Hover {color:#fff;background-position:-616px -52px;} body#bhomes #navhome a{background-position:-0px -104px;} body#btours #navtours a{background-position:-153px -104px;} body#babout #navabout a{background-position:-307px -104px;} body#breservations #navreservations a{background-position:-461px -104px;} body#bphotos #navphotos a {background-position:-616px -104px;} body#bhome #navhome a{background-position:-0px -52px;} body#btours #navtours a{background-position:-153px -52px;} body#babout #navabout a{background-position:-307px -52px;} body#breservations#navreservations a{background-position:-461px -52px;} body#bphotos#navphotos a {background-position:-616px -52px;} #nav-sub {background:url("../images/nav-box-bottom.gif") no-repeat bottom left;padding-bottom:30px;} #nav-sub #nav-sub-header {background:url("../images/nav-box-top.gif") no-repeat left top;padding:44px 0 0 0;} #nav-sub #nav-sub-header h3 {background:url("../images/nav-box-top-bottom.gif") no-repeat left bottom;font-size:14px;color:#fff;text-align:center;margin:0;padding:4px 0 16px 0;} #nav-sub #nav-sub-header h3 a{font-size:14px;color:#fff;} #nav-sub ul {list-style:none;margin:0;padding:0;} #nav-sub ul li {background:url("../images/nav-box-top-middle.gif") repeat-y left top;margin:0;padding:0;} #nav-sub ul li a {display:block;width:188px;margin:0 auto 0;text-align:center;background:url("../images/nav-link-line.gif") no-repeat bottom left; border:none;padding:6px 0 6px 0;color:#fff;font-weight:normal;font-size:12px;} #nav-sub ul li a:Hover {color:#006;background:url("../images/nav-link-line.gif") no-repeat bottom left;} #nav-support {position:absolute;top:0px;left:345px;height:107px;width:403px;list-style-type:none;border:0;} #nav-support ul {list-style:none;padding:0;text-align:center;margin:0px 0 0 226px; background:url("../images/nav-support-matrix.gif") no-repeat 0px 0px;} #nav-support li {list-style:none;margin:0;padding:0;color:#fff;float:left;} #nav-support li a {display:block;position:absolute;color:#fff;text-decoration:none;font-weight:normal;font-size:10px;height:38px;line-height:38px;border:0;background:url("../images/nav-support-matrix.gif") no-repeat 0px 0px;} #nav-support li#nav-search a {left:110px;width:82px;background-position:0px 0px;} #nav-support li#nav-contact a {left:192px;width:68px;background-position:-82px 0px;} #nav-support li#nav-links a {left:260px;width:68px;background-position:-82px 0px;} #nav-support li#nav-home a {left:328px;width:78px;background-position:-149px 0px;} #nav-support li#nav-search a:Hover {background-position:0px -38px;} #nav-support li#nav-contact a:Hover {background-position:-82px -38px;} #nav-support li#nav-links a:Hover {background-position:-82px -38px;} #nav-support li#nav-home a:Hover {background-position:-149px -38px;} #nav-support li a:hover {text-decoration:underline;} .nav-page{margin:12px 12px 24px 24px;} .nav-page ul{list-style:none;margin:0;padding:4px 0 4px 0;border-top:1px solid #007;border-bottom:1px solid #007;} .nav-page li{list-style:none;font-size:116%;} .meet-our-link {margin:-8px 0 18px 24px;} .link-list {list-style:none;} .link-list ul{list-style:none;} .link-list li {margin-bottom:2px;} .link-list li a{font-weight:normal;} .link-list .links-endtools {margin-top:12px;font-weight:bold;margin-left:12px;margin-bottom:18px;} .link-list .links-endtools a{font-weight:bold;} div.content-profile {width:200px;float:right; position:relative;margin:40px 0 6px 10px;background:url("../images/content-profile-middle.gif") repeat-y left top;} div.content-profile-sub {background:url("../images/content-profile-bottom.gif") no-repeat left bottom;padding-bottom:55px;margin-top:-40px;} div.content-profile h4 {margin:0 auto 0;padding:135px 0 0 0;text-align:center;background:url("../images/content-profile-top.gif") no-repeat left top;position:relative;} div.content-profile h5{color:#fff;font-weight:normal;text-align:center;font-size:11px;margin:4px auto 8px auto;width:180px;} div.content-profile img {position:absolute;display:block;top:-37px;left:47px;height:115px;width:107px;z-index:10;} div.content-profile p {position:relative;margin:0px 20px 0px 20px;font-size:11px;position:relative;} div.inset-wrapper {width:517px;background:url("../images/inset-middle.gif") repeat-y left top;margin-top:10px;margin-bottom:16px;} div.inset-wrapper div.inset-content {background:url("../images/inset-bottom.gif") no-repeat left bottom;padding:0 20px 2px 20px;width:517px;margin-top:-60px;} html>body div.inset-wrapper div.inset-content {width:477px;} div.inset-wrapper h3 {display:block;padding:0;height:123px;background:url("../images/inset-top.gif") no-repeat left top;margin-top:0px;} div.inset-wrapper h3 span{display:block;padding:0px 0 0 70px;font-size:14px;line-height:44px;height:44px;} div.inset-wrapper p {} h3#apply-now {float:right;} h3#apply-now a{display:block;height:76px;width:210px;background:url("../images/apply.gif") no-repeat top left;text-indent:-9999px;} h3#apply-now a:Hover{background-position:0 -76px;} #profiles-col1 {width:200px;float:left;} #profiles-col2 {float:right;width:220px;} .learn-more-header {margin:6px 10px 12px 10px;} .learn-more-list {margin:0px 10px 12px 10px;} .profile-list {list-style:none;} .profile-list li {margin-bottom:16px;} .quote-text {width:240px;font-style:italic;} .quote-source {display:block;text-align:right;font-style:normal;} #content-main div.pull-photo-left {width:215px;padding:0;float:left; clear:left; margin:0 18px 6px 0;} #content-main div.pull-photo-left img {border:none;display:block;margin:0 0 6px 0;} #content-main div.pull-photo-left p {font-size:90%;} #content-main div.pull-photo-right {width:215px;padding:0;float:right; clear:right; margin:0 0 6px 18px;} #content-main div.pull-photo-right img {border:none;display:block;margin:0 0 6px 0;} #content-main div.pull-photo-right p {font-size:90%;} #nav-sub li.nav-current {position:relative;} #nav-sub li.nav-current a{color:#F7E79C;background-position:-188px bottom;} #nav-sub li.nav-current a:Hover{color:#F7E79C;background-position:-188px bottom;} } #inset-wrapper div.inset-content {width:477px;