/*
	Terrapin Station Winery styles
	Developed by Saforian
	Updated 11/3/2006
*/


/* --- Formatting --- */
BODY
{ background:#284933 url("../images/background.jpg") no-repeat 0 0; 
  color:#333; font:normal .7em/1.2em verdana,arial,helvetica,sans-serif }

BODY, P, TH, TD, LI, DT, DD
{ color:#333 }
STRONG, B, TH
{ font-weight:bold }
EM, I, CITE
{ font-style:italic }
SUP, SUB
{ font-size:75% }
TABLE, TR, TD, TH
{ font-size:100% }


/* Links */
A:link
{ color:#28527c; text-decoration:underline }
A:visited
{ color:#38628c; text-decoration:underline }
A:hover, A:active
{ text-decoration:none }


/* Paragraphs */
P
{ margin:0 0 1.2em 0; line-height:1.5em }

/* Special text formatting */
.small /* Fine print */
{ font-size:91% }
.big /* Large print */
{ font-size:110% }
.note  /* Highlighted note */
{ font-weight:bold; color:#809c2f; background-color:#f4f4f4; padding:4px 3px }
.error  /* Simple error notice */
{ font-weight:bold; color:#a00 }
.updated
{ font-size:91%; font-style:italic; margin:-.8em 0 .9em 0; color:#666 }

/* Images */
A IMG
{ border-width:0 }
.floatleft
{ clear:left; float:left; margin:0 8px 8px 0 }
.floatright
{ clear:right; float:right; margin:0 0 8px 8px }


/* Separators */
HR
{ color:#284833; background-color:#284833; height:1px; margin:0 0 .4em 0; padding:0; border-width:0; overflow:hidden }
HTML>BODY HR
{ margin:1.2em 0 }


/* Headings */
H1, H2, H3, H4, H5, H6
{ color:#7a8699; font-family:verdana,arial,helvetica,sans-serif; font-weight:bold; margin:0 0 .7em 0; line-height:1.3em }
H1
{ margin-bottom:.5em; font-size:125% }
H2
{ font-size:125% }
H3
{ font-size:120% }
H4
{ font-size:110% }
H5
{ font-size:100% }
H6
{ margin-bottom:1px; font-size:100% }


/* Lists */

UL
{ margin:2px 0 1.3em 8px; padding:0; list-style-type:none }
UL LI
{ margin:0; padding:1px 0 .7em 16px; line-height:1.5em; background:transparent url("../images/bullet_square.gif") no-repeat 0 .5em }

OL
{ margin:0 0 1.3em 33px; padding-left:0 }
OL LI
{ margin-bottom:.5em; line-height:1.4em }

DL
{ margin:0 0 1.3em 0 }
DT
{ display:block; margin:0; padding:0; font-weight:bold; line-height:1.4em }
DD
{ margin:1px 0 1em 0; padding:0; line-height:1.4em }


/* Forms */
FORM
{ margin:0; padding:0 }
LABEL
{ vertical-align:middle }
INPUT, SELECT, TEXTAREA
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }


/* Data Tables */
TABLE.data
{ margin:0 0 1em 0; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }

TABLE.data CAPTION
{ text-align:left; font-weight:bold; font-size:110%; padding:0 0 5px 0; color:#333 }
TABLE.data TH
{ background-color:#5c85ad; color:#fff; text-align:left; border:1px solid #fff; padding:4px 6px; vertical-align:top }
TABLE.data TD
{ padding:5px 6px; border:1px solid #fff; line-height:1.4em; vertical-align:top }

/* Alternating row colors */
TABLE.data .odd
{ background-color:#fff }
TABLE.data .even
{ background-color:#eee }

/* Row separation */
TABLE.data TR.break TD
{ border-top:25px solid #fff }

/* Form field labels */
TABLE.data TD.label
{ text-align:right; font-weight:bold }



/* --- Layout --- */

BODY
{ margin:0; padding:49px 10px 10px 57px }

#skipnav, .hide, .hide *
{ position:absolute; overflow:hidden; width:0; height:0 }
.clear
{ clear:both }
P.clear
{ height:1px; line-height:1px; margin:0; visibility:hidden }


/* Full page wrapper */
#wrapper
{ position:relative; width:750px; height:575px; 
  background:transparent url("../images/background_vines.jpg") no-repeat 0 0 }
	HTML>BODY #wrapper /* IE min-height fix */
	{ height:auto; min-height:575px }

/* Customize background wrapper for each section */
/*
BODY#info #wrapper
{ background-image:url("../images/background_clean.jpg") }
*/


/* - Navigation tabs - */
#navigation
{ position:absolute; left:-14px; top:59px; 
  width:446px; height:178px; 
  background:transparent url("../images/navigation.gif") no-repeat 0 0; 
  margin:0; padding:0; list-style-type:none }

#navigation LI
{ position:absolute; margin:0; padding:0; background-image:none }
#navigation A  /* Phark image replacement */
{ display:block; text-indent:-5000px; overflow:hidden; text-decoration:none }

/* Set tab positioning */
#navInfo
{ left:0; top:86px; width:128px }
#navInfo, #navInfo A
{ height:92px }

#navWines
{ left:125px; top:67px; width:71px }
#navWines, #navWines A
{ height:47px }

#navVisit
{ left:191px; top:41px; width:98px }
#navVisit, #navVisit A
{ height:56px }

#navEvents
{ left:285px; top:28px; width:52px }
#navEvents, #navEvents A
{ height:45px }

#navNews
{ left:331px; top:17px; width:45px }
#navNews, #navNews A
{ height:43px }

#navShop
{ left:371px; top:0; width:75px }
#navShop, #navShop A
{ height:51px }

/* Hover and states */
#navInfo A:hover, #navInfo A.active
{ background:transparent url("../images/navigation.gif") no-repeat 0 -442px }
#navWines A:hover, #navWines A.active
{ background:transparent url("../images/navigation.gif") no-repeat -125px -245px } /* Left and -178 - top */
#navVisit A:hover, #navVisit A.active
{ background:transparent url("../images/navigation.gif") no-repeat -191px -397px } /* Left and -356 - top */
#navEvents A:hover, #navEvents A.active
{ background:transparent url("../images/navigation.gif") no-repeat -285px -206px }
#navNews A:hover, #navNews A.active
{ background:transparent url("../images/navigation.gif") no-repeat -331px -373px }
#navShop A:hover, #navShop A.active
{ background:transparent url("../images/navigation.gif") no-repeat -371px -178px }


/* - Logo and Tagline - */
#logo
{ position:relative; z-index:10; display:block; width:185px; 
  margin-left:40px; padding-top:37px }
#logo A
{ display:block }
#tagline
{ clear:both; position:absolute; top:114px; left:365px; display:block }



/* - Left sidebar - */
#sidebar
{ position:absolute; top:211px; left:7px; width:214px }


/* - Content area - */

/* Wrapper for entire content area (heading, tagline, subnav) */
#content
{ position:relative; z-index:20; width:408px; height:313px; overflow:hidden; 
  margin:78px 0 60px 240px }


/* Page heading image */
H1
{ text-align:right }


/* Subnavigation */
#subnav
{ text-align:right; margin:0 0 .8em 0; padding:0; list-style-type:none; 
  background-color:#fff; font-size:91% }
#subnav LI
{ display:inline; margin:0; padding:0; background-image:none }
#subnav LI A
{ margin:0 0 0 6px; padding:0 0 0 12px; 
  background:transparent url("../images/bullet_subnav.gif") no-repeat 0 .2em; 
  line-height:1.1em; color:#000; white-space:nowrap; text-decoration:none }
#subnav LI A:hover
{ color:#28527c }
#subnav A.active 
{ font-weight:bold }


/* Scrolling content area */
#scrollwrapper
{ position:absolute; top:63px; left:32px; overflow:auto; width:354px; height:240px }

/* Moving area of content */
#scroll
{ background-color:transparent; position:relative; top:0; left:0; padding-right:4px }


/* JavaScript scroll bar */
#scroller
{ position:absolute; left:0; top:100px; width:22px; text-align:center; line-height:1.1em }
#scroller IMG
{ display:block; margin:0 auto 5px auto }
#scroller A
{ cursor:pointer }

/* Scrolling Marker */
#scroller #marker
{ position:absolute; top:24px; left:4px }



/* Fading gradients (PNG supported browsers only) */
#topfader, #bottomfader
{ display:none; position:absolute; z-index:30; left:32px; width:354px; height:15px } 
#topfader
{ top:63px; background:transparent url('../images/content_topfade.png') repeat-x }
#bottomfader
{ top:288px; background:transparent url('../images/content_bottomfade.png') repeat-x }

/* IE PNG support */
* html #topfader
{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/content_topfade.png', sizing='image') }
* html #bottomfader
{ bottom:37px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/content_bottomfade.png', sizing='image') }


/* -  Comment Out Bottle Image - 4/7/2008 - to be replaced with box image
-- Bottle image --
#bottle
{ position:absolute; z-index:10; top:367px; left:562px;
  display:block; width:108px; height:168px; 
  background:transparent url("../images/bottle.gif") no-repeat }
	--* IE PNG fix (use alternate dithered gif *--
	HTML>BODY #bottle
	{ background-image:url("../images/bottle.png") } 
	- */
/*
Wine Box -- added 5/12/08 
#bottle
{ position:absolute; z-index:20; top:435px; left:555px;
  display:block; width:120px; height:98px; 
  background:transparent url("../images/winebox.gif") no-repeat }
	--* IE PNG fix (use alternate dithered gif *--
	HTML>BODY #bottle
	{ background-image:url("../images/winebox.png") } 
*/

/* - Footer - */
#footer
{ clear:both; margin:12px 60px 2px 15px; padding:0; font-size:91% }

#footer P
{ margin:0; text-align:right; color:#fff }
#footer P#copyright
{ float:left; margin-right:10px }

#footer A, #footer A:visited
{ color:#fff; font-weight:bold; white-space:nowrap; text-decoration:none }
#footer A:hover
{ color:#cbf6b5 }



/* - Site Map - */
.sitemap UL
{ margin:-1em 0 0 0; padding:0; list-style-type:none }
.sitemap UL LI
{ margin:1em 0 0 0; padding:0; line-height:1.3em; background-image:none;
  font-weight:bold; font-size:105% }

.sitemap UL UL
{ margin:4px 0 0 10px; padding:0; list-style-type:none }
.sitemap UL UL LI
{ margin:0; padding:0 0 .4em 16px; line-height:1.5em; background:transparent url("../images/bullet_square.gif") no-repeat 0 .5em;
  font-weight:normal; font-size:95% }





/* - Homepage - */
BODY#home #wrapper
{ background-image:url("../images/background_home.jpg") }

/* Change positioning */
BODY#home #logo
{ width:229px; margin-left:56px; padding-top:90px; margin-bottom:129px }
BODY#home #navigation
{ top:201px }
BODY#home #content
{ overflow:visible; width:430px; height:180px; margin:129px 0 75px 256px }


/* Content blocks */
BODY#home #content H3
{ text-align:right }

BODY#home #intro
{ float:left; width:184px; height:187px; margin-top:6px; font-size:91% }
BODY#home #intro P
{ margin-left:18px; margin-right:4px; line-height:1.4em }

BODY#home #signup
{ float:right; width:239px; height:180px; font-size:91% }
BODY#home #signup P
{ line-height:1.4em; }
BODY#home #signup h4
{ line-height:1.2em; font-weight:bold }
BODY#home #signup h5
{ line-height:0.8em; font-size:80% }

BODY#home #signup FORM
{ margin-left:25px; margin-right:10px }
BODY#home #signup INPUT#signupemail
{ display:block; width:195px; margin-bottom:10px }
BODY#home #signup INPUT.button
{ margin-top:5px; margin-left:52px; display:block }

BODY#home #bottle /* Pull bottle higher */
{ left:584px; z-index:25 }


/* SIdebar spotlights */
BODY#home #spotlights
{ position:absolute; top:49px; left:-221px; width:179px }

/* Recent Events */
BODY#home #spotlight-event
{ width:178px; height:73px; 
  background:transparent url("../images/spotlight_event_back.jpg") no-repeat 100% 0 }
BODY#home #spotlight-event IMG
{ margin-top:8px }

/* Featured Wine */
BODY#home #spotlight-wine
{ width:157px; height:109px; margin-left:19px; text-align:right; 
  background:transparent url("../images/spotlight_wine_back.jpg") no-repeat 0 0 }
BODY#home #spotlight-wine IMG
{ margin-top:36px }

/* Want to help? */
BODY#home #spotlight-help
{ width:179px; height:72px; 
  background:transparent url("../images/spotlight_help_back.jpg") no-repeat 100% 0 }
BODY#home #spotlight-help IMG
{ margin-top:9px }

/* Save the Turtle */
BODY#home #spotlight-turtle
{ width:178px; height:78px; margin-top:16px; margin-left:13px; text-align:right; 
  background:transparent url("../images/spotlight_turtle_back.jpg") no-repeat 0 0 }
BODY#home #spotlight-turtle IMG
{ margin-top:19px }