/* --------- Reset all styles ---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* -------------end of reset ---------------- */

h1, h2, h3, p, li {
padding: 5px;	
}


h1 {
	position: relative;
	left: 180px;
	top: 45px;
	padding: 20px;
}

h2 {
font-size: 30px;
text-indent: 30px;
}

h3 {
	clear: both;
font-size: 22px;
text-indent: 30px;
padding: 10px;
}

h4 {
font-weight: bold;
}

#wine-contact {
	text-align:center;
	padding: 20px;
}

p, li {
line-height: 1.3;
text-align: justify;	
}

a {
font-weight: bold;	
}

a:visited {
color: #000;	
}

a:hover, a:focus, a:focus {
color: #E60000;
}

/* -------------Branding ---------------- */

#branding {
height: 180px;
width: 960px;
background-image: url(gfx/Header-bg.jpg);
}

#contact {
padding: 10px;
}

#facebook-button {
	float: left;
	position: relative;
	top: 30px;
	left: 30px;
}


#branding h1 {
text-indent: -9999px;
background: url(gfx/title-bg.png) no-repeat;
width: 601px;
height: 74px;
}



#branding h2 {
    font-size: 25px;
	position: relative;
    padding-left: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#branding02 {
height: 200px;
width: 960px;
background-image: url(gfx/leaf-head-bg_r1_c2.jpg);
}

#branding02 h1 {
text-indent: -9999px;
background: url(gfx/leaf-title-bg.png) no-repeat;
height: 60px;
width: 453px;
}

#branding ul li {
float: left;	
}

#branding-ind {
height: 203px;
width: 960px;
background-image: url(gfx/independent-header-bg.jpg);
}

#branding-ind h1 {
font-size: 35px;
font-family:Tahoma, Geneva, sans-serif;
position: relative;
left: 300px;
top: 30px;
}

.head-ind {
display: block;
width: 550px;
height: 45px;
font-weight: bold;
position: relative;
left: 280px;
top: 40px;
}

#version-francais img {
float: right;
border: none;
margin-top: 10px;
margin-right: 10px;
}



/* -------------End Branding ---------------- */

body {
text-align: center auto;
font-family: Arial, Helvetica, sans-serif;
background: url(gfx/slice-bg.jpg) repeat-y center;
}

#container{
width: 960px;
margin: auto;
text-align:left;
}

#content {
padding: 40px 40px 20px 5px;
width: 755px;
float: right;	
}

#content02 {
padding: 10px 40px 10px 5px;
width: 755px;
float: right;	
}

#content li {
padding: 5px 0px 5px 10px;
list-style: inside disc;
text-indent: 30px;
font-family: Arial, Helvetica, sans-serif;
}


/* -------------Images ---------------- */


img {
border: 1px solid #000;
margin: 5px;
}




#select {
border: none;;
margin: 0px 5px 5px 5px;
}


#paint {
border: none;
position:relative;
top: 38px;
left: 27px;
}


#town-pic {
border: none;;
margin: 0px 5px 5px 5px;
}

#tour {
float:left;
margin-right: 15px;
}

#float-right {
float: right;
margin-right: 15px;
border: none;
}


.right {
float: right;
width: 370px;
}
 
.left {
float: left;	
}

a:link {
color: #000;	
}


#list {
float: right;	
margin: 70px 45px 0 0;
font-weight:bold;
}

#room-list {
text-indent: 30px;
}

#featuredPic {
float: left;	
}

#address {
	float:right;
	margin-right: 180px;
}

#navbar {
	width: 100%;
	height:50px;
}

#navbar ul li {
float: left;
}

#nav01 a {
	position: relative;
	top:15px;
	left: 10px;
	padding: 3px 3px 5px 8px;
display: block;
width: 112px;
height: 24px;
background-image: url(gfx/orange-but-02.jpg);
text-decoration: none;
line-height: 25px;
font-size: 13px;
color: #000;
}

#nav01 a:hover, #nav01 a:active, #nav01 a:focus {
background-position: left bottom;
color: #F00;
}

#nav02 a {
	position: relative;
	top: 40px;
	left: 25px;
float: left;
padding: 5px 11px 8px 11px;
display: block;
width: 86px;
height: 35px;
background-image: url(gfx/blue-but-03.jpg);
text-decoration: none;
line-height: 18px;
font-size: 13px;
color: #000;
}

#nav02 a:hover, #nav02 a:active, #nav02 a:focus {
background-position: left bottom;
color: #F00;
}

#nav03 a {
	position: relative;
	left: 25px;
float: left;
padding: 5px 11px 8px 11px;
display: block;
width: 86px;
height: 35px;
background-image: url(gfx/green-button.jpg);
text-decoration: none;
line-height: 18px;
font-size: 13px;
color: #000;
}

#nav03 a:hover, #nav03 a:active, #nav03 a:focus {
background-position: left bottom;
color: #F00;
}

label, input[type="submit"] {
display: block;	
}

#calendar form {
background: none;
height: auto;
padding: 0px;
width: auto;
}

#calendar img {
border: none;
margin: none;
}

#calendar li {
padding: 0px;
}

#golf-box {
display: block;
height: 117px;
width: 260px;
padding: 22px 15px 22px 15px;
background-image: url(gfx/golf-box-bg.jpg);
}

form {
padding: 20px;
background-image: url(gfx/contact-body-bg.jpg);
height: 315px;
width: 665px;
}

.golf-header {
	position: relative;
top: 40px;
padding-left: 180px;
}

.foot {
font-size: 12px;
position: relative;
top: 80px;
left: 50px;
}

.foot02 {
font-size: 12px;
position: relative;
top: 40px;
left: 50px;
}

.foot-ind {
font-size: 13px;
position: relative;
top: 30px;
left: 50px;
}

#footer h3 {
position: relative;
top: 80px;
left: 50px;	
}

#footer {
clear: both;
background-image: url(gfx/Footer-bg.jpg);
height: 200px;
width: 960px;
}

#footer02 h3 {
position: relative;
top: 20px;
left: 50px;	
}

#footer02 {
clear: both;
height: 200px;
background-image: url(gfx/leaf-foot-bg.jpg);
}

#footer-ind {
clear: both;
height: 180px;
width: 960px;
background-image: url(gfx/independent-footer-bg.jpg);
}

#footer-ind h3 {
position: relative;
text-indent: 30px;
top: 25px;
left: 50px;	
}