/* ------------------------------------------------------------------------
CSS sheet for simon creek vinyards
Author: Jeff Sanders
Date Created: 9/7/07

All inquiries for this document should be directed to info@foxvalleywebdesign.com
------------------------------------------------------------------------*/


/* ------------------------------------------------------------------------
MAIN DESIGN ELEMENTS
------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 20px;
}
body {
	text-align: center;
	background: #86815B url(../images/bg.jpg) top center repeat-y;
}

#wrapper {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 750px;
	background: #E3DFD1 url(../images/wrap_bg.gif) top left repeat;
	text-align: left;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
#header {
	width: 750px;
}
img.logo {
	width: 300px;
	height: 132px;
}
#content {
	padding: 20px;
	min-height: 500px;
}
/* for pages with images */
#pgPic {
	float: left;
	width: 289px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
#pgContent {
	padding: 10px;
	width: 430px;
	min-height: 500px;
	float: right;
}
#footer {
	padding-bottom: 10px;
	text-align: center;
	clear: both;
}
.hide {
	display: none;
}
/* ------------------------------------------------------------------------
NAVIGATION ELEMENTS
------------------------------------------------------------------------*/

ul#nav {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 132px;
	list-style-type: none;
}
ul#nav li {
	float: left;
	display: block;
	height: 132px;
}
ul#nav li a {
	height: 132px;
	display: block;
}
/* individual pages  */
ul#nav li.store {
	width: 78px;
	background: url(../images/nav/store.jpg) top left no-repeat;
}
ul#nav li.store a:hover {
	background: url(../images/nav/store_hvr.jpg) top left no-repeat;
}
ul#nav li.wines {
	width: 74px;
	background: url(../images/nav/wines.jpg) top left no-repeat;
}
ul#nav li.wines a:hover {
	background: url(../images/nav/wines_hvr.jpg) top left no-repeat;
}
ul#nav li.photos {
	width: 74px;
	background: url(../images/nav/photos.jpg) top left no-repeat;
}
ul#nav li.photos a:hover {
	background: url(../images/nav/photos_hvr.jpg) top left no-repeat;
}
ul#nav li.events {
	width: 73px;
	background: url(../images/nav/events.jpg) top left no-repeat;
}
ul#nav li.events a:hover {
	background: url(../images/nav/events_hvr.jpg) top left no-repeat;
}
ul#nav li.news {
	width: 73px;
	background: url(../images/nav/news.jpg) top left no-repeat;
}
ul#nav li.news a:hover {
	background: url(../images/nav/news_hvr.jpg) top left no-repeat;
}
ul#nav li.contact {
	width: 79px;
	background: url(../images/nav/contact.jpg) top left no-repeat;
}
ul#nav li.contact a:hover {
	background: url(../images/nav/contact_hvr.jpg) top left no-repeat;
}

/* bottom navigation */
ul#botnav {
	margin-top: 20px;
	margin-bottom: 20px;
	list-style-type: none;
}
ul#botnav li {
	padding: 0px 10px;
	display: inline;
}

/* ------------------------------------------------------------------------
TEXT ELEMENTS
------------------------------------------------------------------------*/
p {
	margin: 10px 0px;
}
.firstLetter {
	font-size: 300%;
}
h1 {
	margin: 10px 0px;
	font-size: 20px;
}
h2 {
	margin: 10px 0px;
	font-size: 18px;
}
h3 {
	margin: 10px 0px;
	font-size: 16px;
}
#content ul {
	margin-left: 30px;
}
#content li {
	line-height: 20px;
	list-style-type: square;
}
a:link {
	color: #5C5C2E;
}
a:visited {
	color: #5C5C2E;
}
a:hover {
	color: #333;
}

/* ------------------------------------------------------------------------
TABLE ELEMENTS
------------------------------------------------------------------------*/
table {
	width: 100%;
	border-collapse: collapse;
}
td {
	vertical-align: top;
}
table.gallery td {
	text-align: center;
}
table.music {
	border-top: 1px solid #999966;
	border-right: 1px solid #999966;
}
table.music td.header {
	background: #F0EDD4;
}
table.music td {
	padding: 5px;
	text-align: left;
	border-left: 1px solid #999966;
	border-bottom: 1px solid #999966;
}
table.wines td {
	width: 50%;
	padding: 10px;
	border: 10px solid #B9B08F;
	background: #EAEAD5;
}
#content table.wines td img {
	margin-right: 15px;
}
.buy {
	clear: both;
	display: block;
}
table.newsletter td {
	padding: 5px;
}
/* ------------------------------------------------------------------------
HOME PAGE ELEMENTS
------------------------------------------------------------------------*/
#home #pgContent img, #home #pgPic img {
	border: 0px;
}

/* ------------------------------------------------------------------------
MISC ELEMENTS
------------------------------------------------------------------------*/
#content img, #pgContent img {
	border: 1px solid #999966;
}
#pgContnet #vt {
	display: block;
}
#pgContent #vt img {
	padding: 10px;
	border: none;
	vertical-align: middle;
}