/*___ 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;
}

.home .intro
{
	background				: #D7EBE5 url(images/whalesBG.png) no-repeat bottom left;
}

.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 _________________________________________________________________*/

/*#header #menu > li > ul > li
{
	border-left		: solid 1px #b1cad4;	
}*/

#header #menu > li > ul > li:first-child
{	
	border-left		: none;
}

#header 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;
}

#header #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;
}*/

#secondary #menu ul li
{
	background			: url(images/bulletLink.png) no-repeat left 5px;
}

.flickr li
{
    float               : left;
    width               : 
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

.vcard a
{
    color           : #ffffff;
}

#header h1 a
{
    background      : transparent url(images/logo.png) no-repeat top left;
}

#header ul#menu > li a
{
    color           : #3c7a94;
}

#header 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;
}

th.book .button,
.button.reserve,
.box .reserve
{
	background: #efad1d; /* Old browsers */
background: -moz-linear-gradient(top,  #efad1d 40%, #ff941a 60%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#efad1d), color-stop(60%,#ff941a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #efad1d 40%,#ff941a 60%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #efad1d 40%,#ff941a 60%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #efad1d 40%,#ff941a 60%); /* IE10+ */
background: linear-gradient(top,  #efad1d 40%,#ff941a 60%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efad1d', endColorstr='#ff941a',GradientType=0 ); /* IE6-9 */


	border		: 1px solid #ff941a;
	color		: #ffffff;
}

th.book .button:hover,
.button.reserve:hover,
.box .reserve:hover
{
	background	: #ff941a;	
}

/*.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;
}

#header #menu.nav ul a,
#header #menu.nav ul a:hover,
#header #menu.nav ul a:visited
{
	color				: #273a34;
}

/*#header #menu.nav > li > ul > li > a,
#header #menu.nav > li > ul > li > a:visited,
#header #menu.nav > li > ul > li > a:hover
{
	color				: #8eaebb;
}*/

#header #menu.nav > li > a
{
	border-top				: solid 1px white;	
}

#header #menu.nav > li:hover > a
{
	border-top			: solid 1px #b1cad4;
	border-left			: solid 1px #b1cad4;
	border-right		: solid 1px #b1cad4;
	background-color	: White;
}

#header #menu.nav > li.childless:hover > a
{
	border				: none;
}

#secondary #menu ul li a
{
	color				: #273a34;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

.fares th
{
    border-bottom       : 2px solid #54889D;
}

.fares th.trip
{
    border              : none;
}

#primary th
{
	border			: 1px solid #98B8AD;
	background		: #D1DBDF;
}

#primary th.book
{
	background		: none;
}

/*___ TD _________________________________________________________________*/

#primary td
{
	border			: 1px solid #98B8AD;
}

/*___ IMG _________________________________________________________________*/

#content img.banner
{
    border-top          : 1px solid #3c7a94 !important;
    border-bottom       : 1px solid #3c7a94 !important;
}

#primary .photos img,
.home #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_________________________________________________________________*/
