/*--------------------------------------------------------------

Common screen styles that are used in all static pages

--------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	}

body {
	background:#ca5100 url(/images/middle-background.jpg) repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	color:#3e1010;
	text-align:center;
	}
/*--------------------------------------------------------------
 Main Link Styles 
--------------------------------------------------------------*/
a {
	font-weight:bold;
	text-decoration:underline;
	}
a:link, a:visited {
	color:#3e1010;
	}
a:hover {
	color:#86a771;
	text-decoration:none;
	}
a:active {
	color:#3e1010;
	}
a img {
	border:0;
	}
a.pdf-link {
	padding-left:20px;
	padding-bottom: 2px;
	background:transparent url(/images/pdf.gif) no-repeat top left;
	}
/*--------------------------------------------------------------
 Common element styles 
--------------------------------------------------------------*/
p, #content table td, #sub-content table td {
	font-size:70%;
	line-height:1.8em;
	margin:0 0 1em 0;
	}
#content table, #sub-content table {
	width:290px;
	}

acronym, dfn, abbr {
	text-decoration:none;
	padding-bottom:2px;
	cursor:help;
	}

embed {
	clear:none;
	display:inline;
	}

#right-column ul, #right-column ul li {
	list-style:none;
	}

#right-column li {
	font-size:70%;
	background:transparent url(/images/bullet.gif) no-repeat 0 5px;
	padding-left:14px;
	line-height:1.8em;
	}

/*--------------------------------------------------------------
 Heading Styles 
--------------------------------------------------------------*/
h1, h2 {
	font-weight:normal;
	letter-spacing:0;
	}

h1 {
	font-size:150%;
	padding:0;
	}

h2 {
	display:block;
	padding-bottom:10px;
	text-align:left;
	font-size:90%;
	font-weight:bold;
	}

div#welcome h1 {
	background:transparent url(/images/headings/welcome.gif) top left no-repeat;
	width:278px;
	height:91px;
	}

div#thanks h1 {
	background:transparent url(/images/headings/thanks.gif) top left no-repeat;
	width:117px;
	height:55px;
	}

div#awards h1 {
	background:transparent url(/images/headings/awards.gif) top left no-repeat;
	width:99px;
	height:36px;
	}

div#contact h1 {
	background:transparent url(/images/headings/contact.gif) top left no-repeat;
	width:135px;
	height:23px;
	}

div#links h1 {
	background:transparent url(/images/headings/links.gif) top left no-repeat;
	width:71px;
	height:31px;
	}

div#history h1 {
	background:transparent url(/images/headings/history.gif) top left no-repeat;
	width:278px;
	height:84px;
	}

div#people h1 {
	background:transparent url(/images/headings/people.gif) top left no-repeat;
	width:125px;
	height:60px;
	}

div#product h1 {
	background:transparent url(/images/headings/product.gif) top left no-repeat;
	width:136px;
	height:38px;
	}

div#purchases h1 {
	background:transparent url(/images/headings/purchases.gif) top left no-repeat;
	width:102px;
	height:37px;
	}

div#terroir h1 {
	background:transparent url(/images/headings/terroir.gif) top left no-repeat;
	width:125px;
	height:36px;
	}

div#viticulture h1 {
	background:transparent url(/images/headings/viticulture.gif) top left no-repeat;
	width:236px;
	height:34px;
	}
	
div#welcome h1 span, div#awards h1 span, div#links h1 span, div#contact h1 span,div#history h1 span,div#thanks h1 span,
div#people h1 span,div#product h1 span,div#purchases h1 span,div#terroir h1 span,div#viticulture h1 span {
	display:none;
	text-indent:-9999;
	visibility:hidden;
	}

div#awards, div#product, div#contact, div#purchases, div#terroir, div#viticulture, div#thanks,div#links {
	margin-bottom:18px;
	}
/*--------------------------------------------------------------
 Layout element styles 
-------------------------------------------------------------*/
#fixed-width-wrapper {
	position:relative;
	z-index:2;
	margin:0 auto 15px auto;
	width:703px;
	text-align:left;
	background:#fff url(/images/wrapper-back.gif) repeat-y;
	border-bottom:1px solid #d8caca;
	}

#top-background {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	background:transparent url(/images/top-background.jpg) repeat-x;
	height:475px;
	z-index:1;
	}

#bottom-background-position {
	margin-top:-442px;
	}

#bottom-background {
	width:100%;
	height:663px;
	background:transparent url(/images/bottom-background.jpg) repeat-x;
	z-index:1;
	}

#top-gradient {
	clear:both;
	margin:0 6px;
	background:transparent url(/images/top-gradient.gif) repeat-x;
	height:12px;
	overflow:hidden;
	}

#content , #sub-content {
	float:left;
	width:353px;
	text-align:justify;
	}

#sub-content {
	width:703px;
	}

#content .padFix, #sub-content .padFix {
	margin:4px 16px 16px 16px;
	padding:16px 16px 160px 16px;
	background:#f8fbf5 url(/images/she-oak-watermark.gif) no-repeat bottom left;
	}

#right-column {
	float:left;
	width:350px;
	}
/*--------------------------------------------------------------
 Right column styles 
-------------------------------------------------------------*/
#right-column .padFix {
	margin:4px 16px 16px 0;
	padding:0 16px;
	}

div.feature h2 {
	text-align:center;
	}

div.feature img {
	display:block;
	border:2px solid #eaf0e4;
	margin:0
	}

div.feature a:hover img {
	/*border-color:#ceddbf;*/
	}

div.feature h2, div.feature h2 a span {
	cursor:pointer;
	}

div.feature h2 a ,div.feature h2 div {
	display:block;
	margin:0;
	background:transparent url(/images/feature-gradient.gif) repeat-x bottom;
	padding-bottom:7px;
	text-decoration:none;
	cursor:default;
	
	}

div.feature h2 a:hover span {
	/*border-color:#ceddbf;*/
	}

div.feature h2 a span, div.feature h2 div span {
	display:block;
	border:2px solid #eaf0e4;
	border-bottom:0;
	background:transparent url(/images/heading-repeat.gif) repeat-x;
	padding:7px 0;
	}

div.feature h2 a img {
	display:block;
	cursor:pointer;
	}
/*--------------------------------------------------------------
 Header element styles 
-------------------------------------------------------------*/
#header {
	position:relative;
	}

#header img {
	display:block;
	}

#header img#she-oak-logo {
	position:absolute;
	top:41px;
	left:260px;
	}
/*--------------------------------------------------------------
 Footer specific styles 
--------------------------------------------------------------*/
#footer {
	position:relative;
	clear:both;
	background:transparent url(/images/footer-background.gif) no-repeat;
	margin:0 auto;
	width:703px;
	height:57px;
	z-index:2;
	}

#footer p {
	font-variant:small-caps;
	text-align:left;
	font-size:70%;
	margin:0;
	padding:20px 0 0 35px;
	color:#b2a49f;
	}
/*--------------------------------------------------------------
 Main top navigation and drop down styles
--------------------------------------------------------------*/
#top-navigation {
	clear:both;
	margin:0 6px;
	background:transparent url(/images/top-nav-back.gif) repeat-x 0 0;
	/*_height:1px; IE background hack*/
	height:29px;
	border-right:1px solid #3e1010;
	border-left:1px solid #3e1010;	
	}

ul#top-nav {
	width:100%;
	float:left;
	list-style:none;
	}

ul#top-nav li {
	position:relative;
	float:left;
	width:87px;
	}

/* Styles for Menu Items */
ul#top-nav li a {
	display:block;
	text-decoration:none;
	font-size:70%;
	font-weight:normal;
	color:#ddc6c6;
	background:transparent; /* IE6 Bug */
	border:0;
	padding:8px 0 8px 0;
	}

ul#top-nav li a span {
	display:block;
	border-right:1px solid #702f2f;
	text-align:center;
	}

ul#top-nav li#contact a span {
	border-right:0;
	}

ul#top-nav li a:hover, ul#top-nav li a.navthis {
	color:#fff;
	background:transparent url(/images/top-nav-back.gif) repeat-x 0 -29px;
	}

ul#top-nav li a:hover span {
	border-color:#981313;
	}

ul#top-nav li#home {
	width:52px;
	}

ul#top-nav li#history {
	width:88px;
	}

ul#top-nav li#terroir {
	width:86px;
	}

ul#top-nav li#viticulture {
	width:84px;
	}

ul#top-nav li#people {
	width:80px;
	}

ul#top-nav li#products {
	width:92px;
	}

ul#top-nav li#awards {
	width:64px;
	}

ul#top-nav li#purchases {
	width:76px;
	}

ul#top-nav li#contact {
	width:66px;
	}
/*--------------------------------------------------------------
 Miscellaneous styles 
--------------------------------------------------------------*/
.text-align-right {
	text-align:right;
	}

.text-align-left{
	text-align:left;
	}

.center {
	text-align:center;
	}

.float-right {
	float:right;
	padding:0 0 14px 14px;
	}

.float-left {
	float:left;
	padding:0 14px 14px 0;
	}

div.float-fix {
	overflow:hidden;
	clear:both;
	height:0;
	}

br.float-fix {
	clear:both;
	}

.bold {
	font-weight:bold;
	}

.ieEMfix {
	overflow:visible;
	height:1%;
	}

.bottle {
	margin:0 0 1em 1em;
	}
/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
.std-form {
	width:285px;
	overflow:hidden;
	}

.std-form table td {
	white-space:nowrap;
	}

#right-column .std-form label {
	font-size:70%;
	}

.std-form input, .std-form textarea {
	display:block;
	background:#eaf0e4 url(/images/input-back.gif) repeat-x top;
	border-collapse:collapse;
	border:1px solid #eaf0e4;
	color:#3e1010;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	}

.std-form input:hover, .std-form textarea:hover,
.std-form input:focus, .std-form textarea:focus {
	border:1px solid #3e1010;
	}

.std-form input.submit {
	background:#eaf0e4;
	border:0px solid #3e1010;
	color:#3e1010;
	margin:1em 0 0 200px;
	padding:4px 8px;
	float:left;
	display:inline;
	}

#right-column .std-form select {
	border-collapse:collapse;
	display:block;
	}

#right-column .std-form option {
	padding-right:12px;
	}

#right-column .std-form select, #right-column .std-form textarea, #right-column .std-form input {
	background:#f8fbf5;
	font-size:70%;
	}
#right-column .std-form input.submit {
	background:#f8fbf5;
	}
#right-column .std-form input, #right-column .std-form textarea {
	background:#f8fbf5 url(/images/input-back-right.gif) repeat-x top;
	}

.std-form textarea {
	font-size:100%;
	}

input.small {
	width:75px;
	}

input.medium {
	width:118px;
	}

input.large, textarea.large {
	width:270px;
	}

#content .std-form input.large, #content .std-form textarea.large {
	width:270px;
	}
	
#error {
	margin:10px 0;
	padding:5px;
	background:#eaf0e4;
	border:1px solid #3e1010;
	}
#right-column #error {
	background:#f8fbf5;
	}
#error p {
	margin:0;
	padding:2px 0;
	}

/*--------------------------------------------------------------
sIFR Flash heading replacement styles
These are standard sIFR styles... do not modify
--------------------------------------------------------------*/
.sIFR-flash {
	visibility:visible !important;
	margin:0;
	}

.sIFR-replaced {
	visibility:visible !important;
	}

span.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
	}
/*--------------------------------------------------------------
These "decoy" styles are used to hide the browser text 
before it is replaced... the negative-letter spacing in this 
case is used to make the browser text metrics match up with the 
sIFR text metrics since the sIFR text in this example is so 
much narrower... your own settings may vary... any weird sizing 
issues you may run into are usually fixed by tweaking these 
decoy styles
--------------------------------------------------------------
.sIFR-hasFlash h1.welcome {
	visibility:hidden;
	letter-spacing:10px;	
	font-size:46px;
	line-height:1em;
	margin-bottom:-1.3em;
	}

.sIFR-hasFlash h1 {
	visibility:hidden;
	font-size:46px;
	letter-spacing:-6px;
	margin-bottom:-1.2em;
	}

.sIFR-hasFlash #sub-content h1 {
	visibility:hidden;
	letter-spacing:10px;	
	font-size:46px;
	line-height:1em;
	margin-bottom:-0.8em;
	}
*/
.sIFR-hasFlash h1 {
	visibility:hidden;
	font-size:44px;
	letter-spacing:10px;
	margin-bottom:-1.2em;
	}
.sIFR-hasFlash h1.line2 {
	margin-bottom:-2.3em;
	}