/*
--------------------------------------------------
seaoftea.com GLOBAL STYLES
Last revised 27 October 2009
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
--------------------------------------------------

Signature light blue #0093D8
Signature light blue 67% #74b3e3
Signature light blue 50% #97C5E9
Signature light blue 33% #B9D8EF

Signature dark blue #013469
Signature dark blue 75% #526681
Signature dark blue 67% #64768a
Signature dark blue 50% #8A97A0
Signature dark blue 33% #B0B8BA

DarkKhaki #bdb76b
DarkKhaki 50% #dedbb5
Beige #f5f5dc

*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/*
--------------------------------------------------
DEFAULT HTML STYLES
--------------------------------------------------
This section concerns generalizations and common elements
*/
body	{
		color: #444; /* Very dark grey */
		font-size: 87.5%;
		font-family: "Gill Sans", "Gill Sans MT", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-align: center;	/* horizontal centering in Win IE */
		min-width: 924px; /* @66em -- < Win IE7 ignores this */
		background: transparent url(../images/utility/background.gif);
		}

/* Links */
a		{
		color: #0093D8; /* Signature light blue */
		text-decoration: none;
		padding-bottom: .1em;
		border-bottom: .1em solid #97C5E9; /* Signature light blue 50% */
		}
a:link, a:visited {
		}
a:focus {
		outline: none; /* most browsers do not support yet support this property */
		-moz-outline: none; /* remove focus outline in Mozilla browsers */
		}
a:hover {
		color: #013469; /* Signature dark blue */
		background-color: #97C5E9; /* Signature light blue 50% */
		}
a:active {
		color: #FFF; /* White */
		}
a[name] { /* remove bottom border from internal hyperlinks */
		border-bottom: none;
		}

/* Headers */
h1, h2, h3, h4, h5, h6 {
		color: #013469; /* Signature dark blue */
		font: bold 1em/2 "Gill Sans", "Gill Sans MT", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin: 1em 0;
		background: transparent;
		}
h1		{
		text-transform: uppercase;
		letter-spacing: .1em;
		margin: 0 0 1em;
		}
h2		{
		font-size: 16px;
		line-height: 1.75;
		margin: 0 0 .875em;
		}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: #013469; /* Signature dark blue */
		padding: 0;
		border-bottom-style: dotted;
		}

p		{
		margin-bottom: 1em;
		}
blockquote {
		margin: 1em 2em;
		}
address {
		margin: 1em 0;
		}

/* Lists */
ul ul, ol ol, ul ol { /* nested list indent */
		margin-left: 1.5em;
		}

abbr, acronym {
		font-size: .85em;
		border-bottom: .1em solid #EEE; /* Very pale grey */
		cursor: help;
		}
		
/* Forms */
input, textarea {
		}

/*
--------------------------------------------------
PAGE STRUCTURE
--------------------------------------------------
This section defines layout elements and respective environmental formatting
*/
#wrapper {
		text-align: left; /* reset Win IE workaround */
		width: 66em; /* @924px */
		margin: 0 auto; /* standard CSS horizontal centering */
		background: transparent;
		}
#watermark {
		width: 512px;
		height: 500px;
		position: absolute; /* relative to the viewport */
		top: -15.75em;
		left: 0;
		z-index: 0;
		background: transparent url(../images/utility/background-compass.png) no-repeat;
		}
#banner { /* identity + navigation */
		font-family: "Gill Sans", "Gill Sans MT", "Helvetica Neue", Helvetica, Arial, sans-serif;
		position: relative;
		margin-top: 1em;
		padding-top: 2em;
		background: transparent url(../images/utility/background-wallpaper-4.gif);
		background: transparent;
		}
#banner h2 {
		font-size: 14px;
		width: 181px;
		height: 113px;
		float: left;
		margin: -.75em 0 0;
		background: transparent url(../images/logos/logo.png) no-repeat left top !important;
		}
#banner h2 span {
		visibility: hidden;
		}

#container { /* grouping for content + sidebar */
		line-height: 2;
		clear: left;
		margin: 0 0 1em;
		padding: 0 2em 2em;
		background: #FFF; /* White */
		}

/* Main content */
#content {
		width: 48em;
		position: relative;
		float: right;
		margin-left: 2em;
		padding: 1em 0 0;
		background: transparent;
		}
#content h1 span:first-child {
		color: #0093D8; /* Signature light blue */
		font-style: italic;
		}
#content h1 + p, #about #content h2 + p, #detail #content .inset + p {
		font-size: 16px;
		line-height: 1.75;
		}
#content h1 + p:first-line, #about #content h2 + p:first-line, #detail #content .inset + p:first-line {
		color: #808080; /* Gray */
		font-weight: bold;
		}

#content p {
		margin-bottom: .875em;
		}
#content p.last, #sidebar p.last {
		margin-bottom: 0;
		}
p.last:after {
		margin-left: .375em;
		content: url(../images/utility/background-leaf-sm.png);
		}
#content p span {
		}

#content .inset {
		position: relative;
		}
#content .inset.left {
		float: left;
		margin-right: 2em;
		}
#content .inset.right {
		float: right;
		margin-left: 2em;
		}

/* Slideshow */
#photodiv {
		background-repeat: no-repeat;
		}
#photoimg {
		}

/* Swap box */
#swap 	{
		}
#swap h3, #swap h4 {
		margin: 0;
		}
#swap h3 {
		text-transform: uppercase;
		letter-spacing: .1em;
		margin-bottom: 1em;
		}
#swap p:first-line {
		font-weight: bold;
		}
#swap p + p:first-line {
		}
#hold	{
		display: none;
		}


/* Slideshow */
#photodiv {
		background-repeat: no-repeat;
		}
#photodiv a, #photodiv a:hover {
		background: none;
		}
#photoimg {
		/* assign to placeholder image in slideshow */
		}

/* Thumbnail gallery */
.thumb	{
		margin: 0;
		padding: 0;
		}
.thumb li {
		display: inline;
		}
.thumb li a {
		border-bottom: none;
		background: none;
		}
.thumb img {
		height: 3em;
		}

/* Columns */
/* 2-column layout */
#content .column {
		width: 23em;
		float: left;
		margin-right: 2em;
		background: transparent;
		}
#content .column.left {
		clear: left;
		}
#content .column.right { /* rightmost column -- matches selectors with both class .column and .right */
		margin-right: 0;
		}

/* Sidebar */
#sidebar {
		width: 12em;
		position: relative;
		float: left;
		padding: 1em 0 0;
		background: transparent;
		}
#sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
		margin: 0 0 1em;
		}
#sidebar .subsection {
		margin-bottom: 2em;
		}
#sidebar .last-subsection {
		margin-bottom: 0;
		}
#sidebar .inline li {
		margin-right: .5em;
		padding-right: 1em;
		background: transparent url(../images/utility/pipe.gif) no-repeat right;
		}
#sidebar .inline li.last {
		margin-right: 0;
		padding-right: 0;
		background: none;
		}

/* Footer */
#footer {
		position: relative;
		clear: both;
		margin-bottom: 1em;
		list-style: none;
		}
#footer li {
		padding: 0 .5em;
		display: inline;
		background: url(../images/utility/pipe.gif) no-repeat right;
		}
#footer li.first {
		padding-left: 0;
		}
#footer li.last {
		background: none;
		}
#footer li.byline { /* use for site-design credit */
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: .1em;
		position: absolute;
		bottom: 0;
		right: -.6364em;
		background: none;
		}
#footer a {
		color: #013469; /* Signature dark blue */
		border-bottom-color: #B0B8BA; /* Signature dark blue 33% */
		}
#footer a:hover {
		background-color: #FFF; /* White */
		}

/*	Utility elements */
.hidden { /* completely remove from layout */
		display: none !important;
		}
.invisible { /* does not display but remains in layout flow */
		visibility: hidden;
		}
.display {
		display: block !important;
		visibility: visible !important;
		}
.scroll	{
		overflow: auto;
		}
.clip	{
		overflow: hidden;
		}
.clearance {
		height: 0;
		clear: both;
		}
.clear	{
		clear: both;
		}

/*
--------------------------------------------------
NAVIGATION
--------------------------------------------------
*/
/* Main navigation */
#nav	{
		width: 522px;
		height: 36px;
		float: right;
		list-style: none;
		background: transparent url(../images/utility/background-nav.gif) repeat-x bottom left;
		}
#nav li {
		display: inline;
		}

#nav a	{
		text-decoration: none;
		letter-spacing: .1em;
		text-align: center;
		float: left; /* gives layout, allows selection of colored background */
		padding: 2px 1.125em 1px; /* .375em = @5px -- Firefox rounds inconsistently; also adjust for background image */
		border-bottom: none;
		background: #74b3e3; /* Signature light blue 67% */
		}
#nav a:link, #nav a:visited {
		color: #fff; /* White */
		}
#nav a:hover {
		background: #0093D8; /* Signature light blue */
		}
#nav a:active {
		color: #013469; /* Signature dark blue */
		background: #0093D8; /* Signature light blue */
		}
#nav a.selected {
		/* Overwrites preceding :hover + :active properties */
		font-weight: bold;
		color: #0093D8 !important; /* Signature light blue */
		background: #013469 !important; /* Signature dark blue */
		}

/*
--------------------------------------------------
FORMATTING STYLES
--------------------------------------------------
Positional, text, font, and miscellaneous formatting not defined in environmental contexts
*/
/* Positioning elements */
.center {
		text-align: center;
		}
.flush-right {
		text-align: right;
		}
.justify {
		text-align: justify;
		}		
.inline {
		display: inline;
		}
.float-left {
		float: left;
		}
.float-left.pad {
		margin-right: 1.5em;
		}
.float-right {
		float: right;
		}
.float-right.pad {
		margin-left: .875em;
		}
.allPad {
		padding: 1.5em;
		}
.leftPad {
		padding: 0 0 .75em 1.5em;
		}
.right-pad {
		padding: 0 1.5em .75em 0;
		}
.bottom-pad { /* also use to provide paragraph spacing in IE Win */
		padding-bottom: 1em;
		}
.trim	{
		margin: 0;
		padding: 0;
		}

/* Fonts */
.italic {
		font-style: italic;
		}
.bold	{
		font-weight: bold;
		}
.caps	{
		font-size: .85em;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
.lowercase {
		text-transform: lowercase;
		}
.normal {
		font-variant: normal;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
		}
.smaller {
		font-size: smaller;
		}
.caption {
		font-style: italic;
		font-size: 12px;
		line-height: 1.75;
		}
#sidebar #inset .caption {
		font: italic 11px/1.909 Georgia, "Times New Roman", serif;
		width: 10.909em;
		}
.quote {
		font-style: italic;
		text-align: right;
		margin-top: -.875em;
		}
.quote span {
		font-style: normal;
		font-weight: bold;
		}
.tag	{
		color: #fff; /* White */
		font: normal .85em "Gill Sans", "Gill Sans MT", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin-right: .4375em;
		padding: .4375em .4375em .21875em;
		background: #97C5E9; /* Signature light blue 50% */
		}

/* Links */
a.img:link, a.img:visited, a.img:hover, a.img:active {
		/* remove dotted underline beneath or colored background behind linked images */
		border-bottom: none !important;
		background: none !important;
		}
.pdf	{
		padding-left: 1.75em;
		background: transparent url(/images/utility/pdf.gif) no-repeat left;
		}
.rss	{
		padding-left: 1.5em;
		background: transparent url(/images/utility/icon_rss.png) no-repeat left;
		}
.link	{
		font-style: italic;
		}

/* Lists */
.square {
		margin: auto 0 .75em 1.1em;
		list-style: square;
		}
#content .square {
		padding: .75em 0;
		}
.inline li {
		margin-right: 1em;
		display: inline;
		}

/* Forms */
.button { /* only applies to Win Firefox, Win/Mac IE*/
		}

/* E-commerce buttons */
.inset .cart_button {
		position: absolute;
		right: 1em;
		bottom: 1em;
		}
#order	{
		margin-top: 1.5em;
		}
#order form {
		float: left;
		margin-right: .375em;
		margin-bottom: 1.5em;
		}
#order li {
		display: inline;
		}
#order a {
		font-family: "Gill Sans", "Gill Sans MT", Verdana, Arial, sans-serif;
		text-transform: lowercase;
		letter-spacing: .1em;
		margin-right: .375em;
		padding: .375em;
		border: 1px solid #A9A9A9; /* DarkGray*/
		background: #97C5E9; /* Signature light blue 50% */
		}
#order a:link, #order a:visited {
		color: #fff; /* White */
		}
#order a:hover {
		color: #013469; /* Signature dark blue */
		border: 1px solid #64768a; /* Signature dark blue 67% */
		background: #74b3e3; /* Signature light blue 67% */
		}
#order a:active {
		color: #74b3e3; /* Signature light blue 67% */
		background: #013469; /* Signature dark blue */
		}
#order a.buy:after {
		margin-left: .375em;
		content: url(../images/utility/background-leaf-sm.png);
		}
#order a.view {
		text-transform: none;
		clear: left;
		margin: 0;
		padding: 0 1.5em 0 0;
		border: none;
		background: transparent url(../images/utility/cart.gif) no-repeat right;
		}
#order a.view:link, #order a.view:visited {
		color: #0093D8; /* Signature light blue */
		}
#order a.view:hover {
		color: #013469; /* Signature dark blue */
		}

.notice {
		padding: .5em 1em;
		border: .3em double #8A97A0; /* Signature dark blue 50% */
		background-color: #FFF; /* White */
		}
.notice h4 {
		font-size: 12px;
		line-height: 2.3333;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin-bottom: .5833em;
		padding-bottom: .5833em;
		border-bottom: .1em solid #B0B8BA; /* Signature dark blue 50% */
		}