/* Stylesheet by Artificial Studio - www.artificialstudio.com */

/*-------------------------------------------------------------- SET UP DEFAULTS*/
html, body {
	text-align: center;
	font: 0.83em Verdana, Geneva, sans-serif;
	color: #363636;
	height: 100.02%;
	background-color: #a58e6e;
}
#wrapper{
	min-height: 100.02%;
	height: auto;
	width: 100%;
	margin: 0 auto 0 auto;
	margin-bottom: 0px;
	position: absolute;
	left: 0;
	top: 0;
}
* html #wrapper {
	height: 100.02%;
	width: 100%;
}
#container {
	width: 884px;
	height: 470px;
	margin: 20px auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
	background-repeat:no-repeat;
}
#home #container {
	background-image:url(../images/bg_home.jpg);
}
#about #container {
	background-image:url(../images/bg_about.jpg);
}
#order #container {
	background-image:url(../images/bg_order.jpg);
}
#contact #container {
	background-image:url(../images/bg_contact.jpg);
}
#stockists #container {
	background-image:url(../images/bg_stockists.jpg);
}
#blog #container {
	background-image:url(../images/bg_blog.jpg);
}
#orderform #container {
	background-image:url(../images/bg_blank.jpg);
}


#navconatin {
	width: 202px;
	text-align:left;
	padding: 145px 0 0 26px;
	float:left;
}

#content {
	width:360px;
	margin: 40px 0 0 10px;
	float:left;
}

#content_thin {
	width:300px;
	margin: 40px 0 0 20px;
	float:left;
}

#bottle_pic {
	width:193px;
	float:left;
}
#bottle_coloumn {
	width:136px;
	float:left;
	text-align:left;
	padding: 80px 0 0 0;
}

#bottles {
	float: centre;
}

#footer {
	width: 884px;
	height: 60px;
	font-size: 9px;
	clear: both;
	position: absolute;
	left: 20px;
	top: 460px;
	text-align: left;
}
#footer p {
	text-align: center;
	padding-top: 20px;
}

li {
	background: url(../images/bullet.gif) no-repeat 0px 3px;
	list-style: none;
	padding-left: 15px;
	padding-top: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align:left;
	line-height: 17px;
}
/*-------------------------------------------------------------- LINKS*/
a:link, a:visited, a:active { 
	color: #9c1f2f; 
	text-decoration:none;
	outline: none;
}
a:hover { 
	text-decoration: none;
	color:#9d8361;
}
:focus {
	-moz-outline-style: none;
}
a img {
    border: 0;
	padding: 0;
	margin: 0;
}
#footer a:hover {
	color: #FFFFFF;
}

/*-------------------------------------------------------------- HEADINGS & PARAGRAPHS*/
p, #contact td {
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4a4949;
	line-height: 13pt;
	text-align: justify;
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 26px;
	color: #9c1f2f;
	text-transform:capitalize;
	text-align:left;
	background-image:url(../images/header_pic.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 30px;
	
}
h2 {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform:capitalize;
	color: #a58e6e;
	text-align: left;
	margin: -5px 0 -5px 0;
	
}
h3 {
	
}

/*-------------------------------------------------------------- TABLES*/
table {

}
th {

}
tr {

}
td {

}

/*-------------------------------------------------------------- FORMS*/
input, select, textarea {

}
input {

}
select {

}
textarea {

}

/*-------------------------------------------------------------- NAVIGATION*/

#btn_why {
	width: 202px;
	height: 41px;
	background:url(../images/btn_why.gif) no-repeat left;
}

#btn_about {
	width: 202px;
	height: 34px;
	background:url(../images/btn_about.gif) no-repeat left;
}

#btn_how {
	width: 202px;
	height: 35px;
	background:url(../images/btn_order.gif) no-repeat left;
}

#btn_contact {
	width: 202px;
	height: 33px;
	background:url(../images/btn_contact.gif) no-repeat left;
}

#btn_stock {
	width: 202px;
	height: 34px;
	background:url(../images/btn_stockists.gif) no-repeat left;
}

#btn_blog {
	width: 202px;
	height: 38px;
	background:url(../images/btn_blog.gif) no-repeat left;
}

#btn_white {
	width: 59px;
	height: 111px;
	background:url(../images/btn_white.jpg) no-repeat left;
	float:left;
}

#btn_sauv {
	width: 59px;
	height: 111px;
	background:url(../images/btn_sauv.jpg) no-repeat left;
	float:left;
}

#btn_shiraz {
	width: 54px;
	height: 111px;
	background:url(../images/btn_shiraz.jpg) no-repeat left;
	float:left;
}

#btn_red {
	width: 54px;
	height: 111px;
	background:url(../images/btn_red.jpg) no-repeat left;
	float:left;
}

#btn_champange {
	width: 57px;
	height: 111px;
	background:url(../images/btn_champagne.jpg) no-repeat left;
	float:left;
}

#btn_rose {
	width: 57px;
	height: 111px;
	background:url(../images/btn_rose.jpg) no-repeat left;
	float:left;
}

#btn_back {
	width: 136px;
	height: 21px;
	background: url(../images/btn_back.jpg) no-repeat left;
}

#btn_why:hover, #btn_about:hover, #btn_how:hover, #btn_contact:hover, #btn_stock:hover, #btn_blog:hover, #btn_champange:hover, #btn_shiraz:hover, #btn_red:hover, #btn_sauv:hover, #btn_rose:hover, #btn_white:hover, #btn_back:hover, #home #btn_why, #about #btn_about, #order #btn_how, #contact #btn_contact, #stockists #btn_stock, #blog #btn_blog {
    background-position: right;
}