/*___ layout.css: Positioning and Layout Styles ___*/

/*___ Section 1: Global Positioning/Layout Styles ___*/

html 
{
}

body 
{
    line-height     : 140%;
    padding-bottom  : 20px;
}

h1 
{
}

h2 
{
}

h3 
{
    margin-bottom   : 10px;
    line-height     : 140%;
}

h4 
{
    margin-bottom   : 5px;
    margin-top      : 20px;
}

h5 
{
	margin-bottom	: 10px;
}

h6 
{
    margin-bottom   : 5px;
}

p 
{
    margin-bottom   : 10px;
}

ul 
{
}

ol 
{
}

li 
{
	line-height		: 140%;
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
}

a:visited 
{
}

a:hover 
{
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/*___ Section 2: Site-Specific Positioning/Layout Modules ___*/

/*___ Section 3: Unique Element-Specific Position/Layout Styles ___*/

/*___ DIV _________________________________________________________________*/

.vcard,
#header,
#content,
#footer .inner
{
    width           : 960px;
    margin          : 0 auto;
}

.vcard
{
    text-align      : right;
    padding         : 40px 0 14px;
}

.contact,
.adr
{
    padding-right   : 10px;
}

#header
{
    margin-top      : -13px;
    position        : relative;
    height          : 118px;
    z-index			: 2;
}

#rotator
{
    height          : 275px;
    margin-bottom   : 20px;
    padding-bottom  : 20px;
    letter-spacing  : -1em;
}

#content
{
    clear           : both;
    overflow        : hidden;
    position		: relative;
    z-index			: 1;
}

#feature
{
    width           : 220px;
    vertical-align  : top;
    display         : inline-block;
    margin          : 7px 0 0 10px;
}

#primary
{
    float           : right;
    width           : 700px;
    padding	    : 20px 10px 40px 0;
}

.home #primary
{
    width           : 480px;
    vertical-align  : top;
    display         : inline-block;
    margin          : 0 0 0 5px;
    float           : none;
    padding	    : 0 0 40px 0;
}

.home #tertiary
{
    width           : 220px;
    display         : inline-block;
    vertical-align  : top;
    margin          : 7px  0 0 5px;  
}

#secondary
{
  width             : 200px;
  margin-left       : 10px; 
  padding-left      : 10px;
  padding-right     : 10px; 
}

#footer
{
    clear           : both;
    padding-bottom  : 1px;
}

#footer .inner > div
{
    display         : inline-block;
    vertical-align  : top;
    margin          : 15px 0 15px 10px;
}

#footer .inner .newsletter
{
    width           : 300px;
}

#footer .inner .twitter
{
    width           : 380px;
    height          : 140px;
}

#footer .inner .flickr
{
    width           : 230px;
}

.storeFeed
{
    padding-bottom  : 26px;
    letter-spacing  : -1em;
}

.whales
{
    margin-top      : 30px;
}

.whales div
{
    padding         : 1px 10px 35px;
}

.trips
{
    letter-spacing  : normal;
}

.box
{
     padding	    : 0 10px 20px;
     overflow		: hidden;
     margin-bottom	: 10px;
}

.trips .box
{  
    width           : 45%;
    display         : inline-block;
    vertical-align  : top;
    margin	    	: 10px 10px 20px 0;
    padding         : 0 10px 20px;
    min-height      : 300px;
    text-align      : center;
    letter-spacing  : normal;
}

.tripsSJ .box
{
    display         : inline-block;
    vertical-align  : top;
    margin	    	: 10px 10px 20px 0;
    padding         : 0 10px 20px;
    min-height      : 300px;
    text-align      : center;
    width           : 198px;
    letter-spacing  : normal;
}

div.box:first-child
{
    margin-left     : 0;
}


/*___ SPAN _________________________________________________________________*/

span.adr
{
    display         : block;
}

span.fn,
a.email,
span.work
{
	display	    : none;
}

.product
{
    display         : inline-block;
    vertical-align  : top;
    margin          : 10px 9px;
    letter-spacing  : normal;
    width	    : 138px;
}

.controls span.title
{
    margin-top      : 0;
    padding         : 15px 5px 5px 20px;
    display         : block;
}

.controls span.text
{
    margin-bottom       : 0;
    padding             : 0 5px 10px 20px;
    display             : block;
}

.list
{
    padding-bottom      : 40px;
}

.details > span
{
    display             : block;
}

#contact label span
{
	display				: block;	
}

#contact .pseudolabel
{
	margin-bottom		: 1em;
}


#contact .pseudolabel span
{
	display				: block;	
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/

#header h2
{
    text-align      : right;
    margin-right    : 10px;
    padding-top     : 10px;
}

/*___ H3 _________________________________________________________________*/

#primary h3,
#feature h3,
#tertiary h3
{
    padding-bottom      : 20px;
}

.home #primary h3.store
{
    padding             : 7px 0 15px 5px;
    margin-bottom       : 0px;
}

.specials h3
{
    padding             : 30px 5px 0 20px;
    margin-bottom       : 0;
}

/*___ H4 _________________________________________________________________*/

#tertiary h4
{
    margin-top      : 0;   
}

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

h6.whaleWatching
{
    width               : 360px;
    margin-bottom       : 15px;
}

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

p.copyright,
p.mindfly
{
    width       : 960px;
    margin      : 0 auto;
    text-align  : center;
}

p.copyright
{
    margin-top  : 5px;
}

p.date
{
    margin-bottom   : 0;
}

.specials p
{
    padding             : 10px 5px 0 20px;
    width               : 205px;
}

/*___ UL _________________________________________________________________*/

#primary ul
{
    margin-bottom       : 10px;
}

#secondary ul
{
    list-style-type     : disc;
    margin-left         : 10px;
    margin-bottom       : 10px;
}

ul#menu
{
    margin          : 20px 10px 30px 311px;
}

#secondary .submenu ul.sub
{
    margin-left     : -10px;
    width           : 220px;
    list-style-type : none;
}

#rotator .specials
{
    width           : 720px;
    float	    : left;
    letter-spacing  : normal;
    height		: 275px;
    overflow		: hidden;
    position		: relative;
}

#rotator .controls
{
    width           : 240px;
    float	: right;
    letter-spacing  : normal;
}

#footer ul#footerNav
{
    width           : 960px;
    text-align      : center;
    margin          : 5px auto;
}

ul#twitter_update_list
{
    width           : 260px;
    margin          : 35px 0 0 95px;
}

.schedules #primary ul
{
    margin-right    : 19px;
    overflow        : hidden;
}

.schedules ul.depart
{
    float           : left;
    margin-right    : 40px;
}

.schedules .trips ul
{
    display         : block;
    margin-right    : 0;
}

#menu.nav > li > ul
{
	visibility		: hidden;	
	position		: absolute;
	left			: 0;
	top			: 45px;
	padding			: 15px 10px;
	overflow		: hidden;
	z-index			: 1;
}

#menu.nav > li:hover > ul
{
	visibility		: visible;
}

#menu.nav ul ul
{
	width			: 140px;
	padding			: 0 15px;	
}

#primary ul.tourOptions
{
	text-align		: left;
	margin			: 0 0 30px 100px;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

ul#menu > li
{
    float       : left;
    margin      : 0 18px 0 0;
    padding-top : 25px;
    position	: relative;
}

ul#footerNav li
{
    display     : inline;
    margin      : 2px 5px;
}

ul#footerNav li:before
{
    content     : "| "   
}

ul#footerNav li:first-child:before
{
    content     : none;
}

.specials li
{
    height      : 275px;
    position	: absolute;
    left		: 0;
    top			: 0;
    width		: 720px;
    z-index		: 1;
}

.specials li.current
{
	z-index		: 2;	
}

.specials li.new
{
	z-index		: 3;
}

.controls li
{
    height  : 91px;
}

.submenu ul.sub li
{
    margin-bottom   : 1px;
}

ul.networking li
{
    display         : inline;
    margin          : 5px;
}

#menu.nav > li > ul > li
{
	float			: left;	
	width			: 170px;
}

#menu.nav > li > ul > li > a
{
	padding-left	: 10px;	
}

.affiliates li
{
	display			: block;
	overflow		: hidden;
	margin-bottom		: 10px;
}

.affiliates ul li
{
	list-style-type		: circle;
	margin-bottom		: 0;
}

#primary li.vevent
{
    padding-top     : 35px;
}

#primary li.vevent:first-child
{
    padding-top     : 0;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

#header h1 a
{
    display         : block;
    height          : 150px;
    width           : 210px;
    text-indent     : -9999em;
    position        : absolute;
    top             : -49px;
    left            : 20px;
}

a[title="Details"]

{
    display         : block;
    width           : 41px;
    padding         : 0 3px 1px;
    margin-top      : 5px;
}

a.book,
a.button
{
    padding         : 5px;
    margin-bottom   : 10px;
    
}

.submenu ul.sub li a,
.submenu ul.sub li a:visited,
.submenu ul.sub li a:hover
{
    display         : block;
    padding         : 15px 0;
}

.twitter a
{
    display         : block;
}

.twitter span a
{
    display         : inline;
}

#menu > li > a
{
	position		: relative;
	z-index			: 2;	
	margin-left		: 1px;
	margin-right	: 1px;
}

#menu > li:hover > a
{
	margin			: 0;
}

#menu.nav > li.childless:hover > a
{
	margin-left		: 1px;
	margin-right	: 1px;
}

/*___ TABLE _________________________________________________________________*/

#primary table
{
	width		: 100%;
	margin		: 15px 0;
}

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/
#primary th
{
	padding		: 5px;
	border-bottom	: 1px solid #98B8AD;
}
/*___ TD _________________________________________________________________*/

#primary td
{
	padding		: 5px;
	border-bottom	: 1px solid #98B8AD;
}

/*___ IMG _________________________________________________________________*/

#content img.banner
{
    width       : 960px;
    height      : 160px;
}

#rotator .specials img
{
    float       : right;
}

#primary img
{
    padding     : 2px;
}

#primary .product img.Thumbnail
{
    /*height      : 135px;
    width       : 138px;*/
    padding     : 0;
}

.flickr img
{
    height      : 65px;
    width       : 65px;
    margin      : 0 0 5px 5px;
}

#primary li img
{
	margin-bottom	: 15px !important;
}

img[style="float: left;"]
{
    margin      : 0 10px 5px 0 !important;
}

img[style="float: right;"]
{
    margin      : 0 0 5px 10px !important;
}

/*___ FORM _________________________________________________________________*/

.newsletter form
{
    margin-left     : 0;
}

/*___ INPUT _________________________________________________________________*/

#ea
{
	padding			: 3px 5px;
	width			: 200px;
	margin-right	: 5px;
}

#go,
input[type="submit"]
{
	padding			: 3px;
	cursor			: pointer;	
}

#contact input[type="submit"]
{
	display			: block;
	margin-top		: 20px;	
}

#contact input[type="checkbox"],
.tourOptions input[type="checkbox"]
{
	margin-right	: 5px;	
}

#contact input[type="text"],
textarea
{
    width           : 250px;
}

.newsletter .button
{
	float			: right;
	margin-right	: 30px;
}

/*___ LABEL _________________________________________________________________*/

#contact label
{
	display			: block;	
}

#contact .pseudolabel label
{
	display			: inline;
}

/*___Group/Section/Class_________________________________________________________________*/

abbr
{
	border: none;
}