/*___ color.css: Color/Backgrounds Styles ___*/

/*___ Section 1: Global Color/Backgrounds Styles ___*/

html 
{
    background      : #b1cad4 url(images/htmlBG.png) repeat-x top left;
}

body 
{
    color           : #3e3e36; /*brown*/
    background		: transparent url(images/swooshes.png) no-repeat top center;
}

h1 
{
}

h2 
{
    color           : #3c7a94; /*aqua*/
}

h3 
{
    color           : #3e3e36; /*brown*/
    background          : transparent url(images/rope.png) repeat-x bottom left;
}

h4 
{
    color           : #08142f; /*navy*/
}

h5 
{
}

h6 
{
}

p 
{
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
    color       : #008357;
}

a:visited 
{
    color       : #008357;
}

a:hover 
{
    color       : #008357;
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/*___ Section 2: Site-Specific Global Color/Backgrounds Modules ___*/

/*___ Section 3: Unique Element-Specific Global Color/Backgrounds Styles ___*/

/*___ DIV _________________________________________________________________*/

.vcard
{
    background              : transparent url(images/vcardBG.png) no-repeat top right;
    color                   : #ffffff;
}

#header
{
    background		        : #ffffff url(images/swooshesHeader.png) no-repeat top left;
}

#content
{
    background              : #ffffff url(images/contentBG.png)repeat-y top left;
}

.home #content
{
    background              : #ffffff url(images/swooshesContentHome.png) no-repeat top left;
}

#primary
{
	background	: #ffffff url(images/swooshesPrimary.png) no-repeat top right;
}

.home #primary
{
	background	: none;
}

#rotator
{
    color                   : #ffffff;
}

.storeFeed
{
    background              : #d7ebe5 url(images/whalesBG.png) no-repeat bottom left;
}

.whales div
{
    background              : #b1cad4 url(images/whalesBG.png) no-repeat bottom left;
}

#footer
{
    background-color        : #ffffff;
}

#footer .inner
{
    border-top              : 2px solid #2a5668;
    background              : #54889d url(images/footerWavesLeft.png) no-repeat bottom left;
    color                   : #ffffff;
}

#footer .inner .twitter
{
    background              : transparent url(images/twitterBG.jpg) no-repeat top left;
}

#footer .inner .flickr
{
    background              : transparent url(images/flickrBG.gif) no-repeat bottom right;
}

.box
{
    background-color        : #D7EBE5;
    border                  : 1px solid #98b8ad;
}

/*___ SPAN _________________________________________________________________*/
.list
{
    background          : transparent url(images/liBorder.gif) no-repeat bottom left;
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/

/*___ H3 _________________________________________________________________*/

.home #primary h3
{
    background          : transparent url(images/h3Whale.png) no-repeat right 13px;
    border-bottom       : 1px solid #3c7a94;
}

.home #primary h3.store
{
    background          : #D7EBE5 url(images/h3Whale.png) no-repeat right 13px;
}

#footer h3
{
    color               : #2a559c;
    background          : none;
}

#rotator h3
{
    background          : none;
    color               : #ffffff;
}

#rotator .sanJuan h3
{
    color               : #ff7d01;
}

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/

#primary h5
{
    color           : #DC7828/*#ff7d01*/; /*orange*/
}
/*___ H6 _________________________________________________________________*/

#primary h6
{
    color           : #3C7A94;
}

/*___ P _________________________________________________________________*/

p.copyright,
p.mindfly
{
    color           : #54889d;
}

/*___ UL _________________________________________________________________*/


/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

#menu > li > ul > li
{
	border-left		: solid 1px #b1cad4;	
}

#menu > li > ul > li:first-child
{	
	border-left		: none;
}

ul#menu > li
{
    background      : transparent url(images/rope.png) repeat-x top left;
}

#rotator .victoria
{
    background-color    : #ff7d01;
    color               : #ffffff;
}

#rotator .sanJuan
{
    background-color    : #ffdd00;
    color               : #ff7d01;
}

#rotator .whaleWatching
{
    background-color    : #008357;
    color               : #ffffff;
}

#rotator .controls li
{
    background-color    : #273a34;
    border-top          : 1px solid #ffffff;
}

#rotator .controls li:first-child
{
    border-top          : none;
}

#rotator .controls li:hover,
#rotator .controls li.active
{
    background          : #649484 url(images/arrowLeft.png) no-repeat 3px center;
    color               : #273A34;
}

#menu.nav > li:hover > ul
{
	background-color	: #fff;
	background-color	: rgba(255, 255, 255, 0.9);
	border				: solid 1px #b1cad4;
}

.vevent
{
    background          : transparent url(images/liBorder.gif) no-repeat top left;
}

.vevent:first-child
{
    background          : none;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

.vcard a
{
    color           : #ffffff;
}

#header h1 a
{
    background      : transparent url(images/logo.png) no-repeat top left;
}

ul#menu > li a
{
    color           : #3c7a94;
}

ul#menu ul li a
{
    color           : #ffffff;
}

a[title="Details"],
a.button
{
    border      : 1px solid #98b8ad;
    background  : #699788 url(images/button.png) repeat-x top left;
    color       : #ffffff;
}

a[title="Details"]:hover,
a.button:hover
{
    background  : #699788 none;
}

a.book
{
    background-color    : #ffffff;
}

.victoria a.book
{
    color       : #ff7d01;
}

.sanJuan a.book
{
    color           : #ff7d01;
}

.whaleWatching a.book
{
    color               : #008357;
}

#rotator .controls li a
{
    color               : #ffffff;
}

#rotator .controls li a:hover
{
    color               : #273A34;
    
}

.submenu ul.sub li a,
.submenu ul.sub li a:visited,
.submenu ul.sub li a:hover
{
    color               : #ffffff;
    background          : #3a5e6d url(images/subMenuBG.png) repeat-x top left;
}

.submenu ul.sub li a:hover,
.submenu ul.sub li a.active
{
    background          : #3a5e6d url(images/subMenuArrow.png) no-repeat left center;
}

.twitter a,
.twitter a:visited,
.twitter a:hover
{
    color               : #2a559c;
}

#menu.nav ul a,
#menu.nav ul a:hover,
#menu.nav ul a:visited
{
	color				: #273a34;
}

#menu.nav > li > ul > li > a,
#menu.nav > li > ul > li > a:visited,
#menu.nav > li > ul > li > a:hover
{
	color				: #8eaebb;
}

#menu.nav > li > a
{
	border-top				: solid 1px white;	
}

#menu.nav > li:hover > a
{
	border-top			: solid 1px #b1cad4;
	border-left			: solid 1px #b1cad4;
	border-right		: solid 1px #b1cad4;
	background-color	: White;
}

#menu.nav > li.childless:hover > a
{
	border				: none;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

.fares th
{
    border-bottom       : 2px solid #54889D;
}

.fares th.trip
{
    border              : none;
}

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

#content img.banner
{
    border-top          : 1px solid #3c7a94 !important;
    border-bottom       : 1px solid #3c7a94 !important;
}

#primary img
{
    border      : 1px solid #B1CAD4;
}

#primary .product img
{
    border      : 1px solid #98b8ad;
}

.flickr img
{
    border              : 2px solid #ffffff;
}

.specials img
{
    border-left         : 1px solid #ffffff;
    border-right        : 1px solid #ffffff;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

#ea
{
	color				: #649484;
	color				: rgba(100, 148, 132, 0.49);
}

#go,
input[type="submit"]
{
	border      : 1px solid #98b8ad;
    background  : #699788 url(images/button.png) repeat-x top left;
    color       : #ffffff;
}

#go:hover,
input[type="submit"]:hover
{
	background  : #699788 none;	
}

/*___ LABEL _________________________________________________________________*/

/*___Group/Section/Class_________________________________________________________________*/