html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6{  
margin: 0; /* sets the margins to zero on the body */
padding: 0; /* sets the padding to zero on the body */
border: 0; /* deletes any borders */	
}
body {
	background-color: #CCCCCC;
	background-image:  url(http://www.signatureroom.com/assets/new/background.jpg);/*body background image */
	background-position: center;/*positions the background image center on the page */
	background-repeat: repeat-y;/*repeats the background image down the page */
	color: #3F4E69;/*font text colour */
	font-family: Arial, Helvetica, sans-serif;/*body font style */
	font-size: 100.1%;/*body font size */
	min-width: 760px;/*minimum width anything under you get scroll bars this prevents our page becoming smaller than the wrapper */
	text-align: center;/* hack for IE to make sure the layout is centred*/
}

#wrapper {
	background-color: #f0f0f0;/* wrapper background colour*/
		background-image: url(http://www.signatureroom.com/assets/New/wrapper.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;/* centres the wrapper div,  auto determines the left and right margins evenly*/
	text-align: left;/* aligns the text left*/
	width: 760px;/* this sets the wrappers width to 760 pixels */
	background-repeat: no-repeat;/* no repeat for the background we don't want it to tile*/
	border-top:1px solid #663300;
	border-bottom:1px solid #663300;

}


h1{
	font-size: 120%; /* font size*/
	color: #3F4E69; /* h1 font colour*/
	padding: 10px 0 0 0; /* sets a 10 px padding from the top*/
	font-style:italic;
}

h2{
	font-size: 110%;/* font size*/
	color: #3F4E69;/* h2 font colour*/
	padding: 10px 0 0 0;/* sets a 10 px padding from the top*/
	font-style:italic;
}
hr{height:1px;
color:#000033;
width:100%;
}
h1.Room  {
	font-size: 120%;
	color: #3F4E69;
	padding: 0px 0 0 0;
	text-decoration:underline;
	font-style:italic;
	height: 20px;
	text-indent: 345px;
}
/* this is our clear div */

.clearfix:after {
    content: ".";
     display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#contentright {/* the contentright div which contains the text content, headings and footertext*/
	float: right;/* positions the div to the right of the parent container, in this case #content div*/
	width: 560px;/* sets the width to 540 pixels*/
	background-image:url(http://www.signatureroom.com/assets/New/rightContent.jpg);
	background-repeat: no-repeat;	
}
#contentR {/* the contentright div which contains the text content, headings and footertext*/
	margin-top:200px;
	width: 560px;/* sets the width to 540 pixels*/
	
}
#contentright p{/* styles the <p> element within the contentright div*/
	line-height: 130%;/* line height set to 130% as to make the text easier to read*/
	font-size:80%;	
	margin-top: 5px;
	color: #3F4E69;/*font text colour */
	padding-right:15px;
}

p.christmas {
	font-size:100%;
	color:#FF0000;
	font-weight:bold;}	
	#christmas p{
	font-size:100%;
	color:#FF0000;
	font-weight:bold;}	
#contentright ul{
	line-height: 130%;
	font-size:80%;
	margin-left: 25px;
	color: #3F4E69;/*font text colour */
	padding-right:15px;
	list-style-position: outside;
	list-style-type: square;
}
#contentrightimg{float:right;
padding:5px 5px 5px 10px;
margin-top:10px;

}
#contentrightimg p{line-height: 130%;/* line height set to 130% as to make the text easier to read*/
	font-size:80%;	
	color: #663300;/*font text colour */	
}
#contentrightimg img{
border:#333333 solid 1px;

}
#contentrightimgNo p{line-height: 130%;/* line height set to 130% as to make the text easier to read*/
	font-size:80%;	
	color: #663300;/*font text colour */	
}
#contentrightimgNo img{
border:#333333 solid 0px;

}

#contentrightul{float:right;
padding:5px 10px 5px 20px;
margin-top:10px;
}
#contentrightul h2{
margin:15px 0px 0px -17px;

}
#contentshowimg{float:right;
padding:5px 10px 5px 5px;
margin-top:10px;
width:175px;
}
#contentshowimg p{
	font-size:80%;	
	color: #663300;/*font text colour */	
}
#InnerTable table{
border: #333333 solid 1px;
padding:5px;
font-size:100%;
}
#InnerTable p {


font-size:100%;
}
.InnerTable th{
background-color:#dcdcdc;
text-align:left;
}

#footertext{/* styles the footer text and positions the text with the background image*/
	font-size: 70%;/* sets the footer text size*/
	color: #F0F0F0;/* sets the footer text colour*/
	padding-top: 5px;/* sets the padding from top*/
	padding-bottom: 5px;
	clear: both;
	text-align:right;
	padding-right:20px;
	background-color: #999999;
	}


#LeftNav{
	float: left;
	width: 180px;

}

#nav {
margin-top: 200px;	
width: 180px;
		
}
#nav ul {
	font-size: 80%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav li  a, 
#nav li a:visited {

	color: #f0f0f0;/*font colour*/
	display: block;/*displays our links to look like buttons */
	text-decoration: none;/*removes the default underline of a link */
	padding:3px 4px 3px 4px;
	height: 1%;/*hack for IE to create the button hover effect */
	}

#nav li a:hover {
	color: #3F4E69;
	height: 1%;
	background-color: #f0f0f0;
}

#nav ul li ul li a, 
#nav ul li ul li a:visited {
	Font-size:120%;
	color: #f0f0f0;/*font colour*/
	display: block;/*displays our links to look like buttons */
	text-decoration: none;/*removes the default underline of a link */
	padding:2px 4px 2px 12px;

	height: 1%;/*hack for IE to create the button hover effect */
	}

#nav ul li ul li a:hover {
	color: #3F4E69;
	height: 1%;
	background-color: #f0f0f0;
}




#LeftNav p{
	padding:4px;
	font-size:75%;
	color: #ECE9D8;
}
#LeftNav  a, 
#LeftNav  a:visited {
	font-size: 100%;
	color: #ECE9D8;/*font colour*/
	font-weight:bold;
	padding: 4px;/*adds some padding to our links */
	text-decoration: none;/*removes the default underline of a link */
	height: 1%;/*hack for IE to create the button hover effect */
}

#LeftNav a:hover {
	
	color: #F3F8F8;
}

/*begin styling the page links */

a:link,a:visited{/*sets the styles for a and visited links*/
	color: #993300;/*sets the colour of the font*/
	text-decoration: none;/*sets the background colour*/
}


a:hover{
	
	color: #000000;/*sets the font colour on hover*/
}
table.MenutabularData, table.MenutabularData td, table.MenutabularData th {
	border-bottom: 1px solid #76685D;
	border-collapse: collapse;
}
table.MenutabularData th {
	font-size:80%;
}
table.MenutabularData td, table.MenutabularData th{
	padding: 2px;
}
table.MenutabularData th, table.MenutabularData th a:link, table.MenutabularData th a:visited, table.MenutabularData th a:hover, table.MenutabularData th a:active  {
	background-color: #E8E8E8;
	color: #000000;
}
table.Hours {
	padding:4px;
	font-size:75%;
	color: #ECE9D8;
}
.altRowEven {

	
}
.altRowOdd{
	background-color: #f0f0f0;
}
.small 
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 65%;
}
h1.WineType  {font-family:Arial, Helvetica, sans-serif;
 color:#003366;
 
 padding:3px 3px 3px 0px;}
 
h2.WineType  {font-family:Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:80%;
 padding:3px 3px 3px 5px;
 background-color:#666666;
 margin-left:0px;
 margin-right:15px;
 
 } 
.WineType a:link,.WineType a:visited {font-family:Arial, Helvetica, sans-serif;
 color:#003366;
 line-height:16px;
 font-weight:bold;
 padding:3px 3px 3px 0px;}
 
 .WineType a:hover, .WineType a:active{font-family:Arial, Helvetica, sans-serif;
 color:#663300;
 line-height:16px;
 font-weight:bold;
 padding:3px 3px 3px 0px;}
 
 #givexterminal{
 border:#333333 solid 1px;}