/*
Design by Green Claws
http://green-claws-web.co.uk
Info
*/

* {
	
	margin: 0;
	padding: 0;
}
p, ul, ol {
	margin-bottom: 20px;
	line-height: 1.8em;
}

ul, ol {
	margin-left: 3em;
}

body {
	background: #C1CDCD ;
	font-family: arial, "arial", arial, arial;
	font-size: 13px;
	color: #666666;
	
}

/* Header */

#header {
	width: 1000px;
	height: 170px;
	margin: 0 auto;
	background: #C1CDCD;
		background: url(images/img03.png) no-repeat;
}


#header h2 {
	float: centre;
	width: 1000px;
	height: 86px;
	margin: 0;
	

	
	padding: 84px 0 0 0;

	
}


/* MENU*/
#myslidemenu{
background: #96CDCD;
width: 1000px;


}

.jqueryslidemenu{
font: bold 12px Verdana;
background: #96CDCD;
width: 100%;
float: left;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
background: #96CDCD;

}

/*Top level list items*/
.jqueryslidemenu ul li {
position: relative;
display: inline;
float: left;
background: #96CDCD;



}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #96CDCD; /*background of tabs (default state)*/
padding: 8px 10px;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;

text-decoration: none;
align: right;
width: 120px;
}


* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
background: #96CDCD;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid black;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}


/* Page */

#page {
	width: 1000px;
	margin: 0 auto;
	padding: 38px 0px;
	background: white;
}

/* table */

#table {
	float: left;
	width: 770px;
}

#title1{
background:#EECFA1;
width:540px;
height:20px;
float:left;
padding: 0px 5px 0px 5px;
}


#picture1{
background:black;
width:220px;
height:170px;
float:right;

}
#text1{
background:#EECFA1;
WIDTH:540PX;
height:150px;
float: left;
padding: 0px 5px 0px 5px;
}


#title2{
background: #CDB7B5;
width:540px;
height:20px;
float:right;
padding: 0px 5px 0px 5px;

}


#picture2{
background:black;
width:220px;
height:170px;
float:left;


}
#text2{
background: #CDB7B5;
WIDTH:540PX;
height:150px;
float: right;
padding: 0px 5px 0px 5px;
}

#table h2 {
	background: #C1CDCD;
	
	}
	
#table h6 {
	background: orange;
	color: #000000;
	

}
#table h9 {
	margin-bottom: 20px;
}
#table h4 {
	
}

/* Content */

#content {
	float: left;
	width: 780px;
	padding: 10px 10px 10px 10px;
}
#content2 {
	float: left;
	width: 770px;
	padding-top: 10px;
}


/* Gallery */
#test {
	background: black;
	width: 351px;
	height: 292px;
	float:right;
	color:white;
	padding: 2px 4px 2px 4px;

}

#galleryinfo {
	float: right;
	width: 351px;
	background: white;
			padding: 10px 10px 10px 10px;
			}

#picture_large_right {
	float: left;
	width: 379px;
	background: white;
	padding: 10px;
}

#info_3_right{
}

#box1 {
	float: right;
	width: 180px;
	background: #EDEBD5 url(images/img10.gif) no-repeat;
	height: 200px;
		padding: 0px 5px 0px 0px;
}
#box2 {
	float: right;
	width: 180px;
	background: #EDEBD5 url(images/img11.gif) no-repeat;
	height: 200px;
		padding: 0px 5px 0px 0px;
}
#box3 {
	float: right;
	width: 180px;
	background: #EDEBD5 url(images/img12.gif) no-repeat;
	height: 200px;
			padding: 0px 5px 0px 0px;
}
#box4 {
	float: right;
	width: 180px;
	background: #EDEBD5 url(images/img13.gif) no-repeat;
	height: 200px;
			padding: 0px 5px 0px 0px;
}
.box a {
display: block;
height: 100%;
width: 100%;
}


/*bar*/
#bar1{
	width: 780px;
	background: white;
	height: 250px;


}
#barbar{
	width: 780px;
	background: #EDEBD5 url(images/imgbar.png) repeat-x;
	height: 4px;
}

#imagebar{
float: left;
	width: 250px;
	height: 250px;

}
#textbar{
float: left;
	width: 520px;
	height: 240px;
	padding: 10px 0px 0px 10px;
	background: white;

}


/*drinks*/
#logo {
	float: right;
	width: 180px;
	background: #EDEBD5 url(images/drinks.png) no-repeat;
	height: 1000px;
		padding: 0px 5px 0px 0px;
}

/*form*/

#form {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
	float:left;
	
	
}
.STYLE 20 {
	COLOR: #000000;
	}
	
/* Footer */

#footer {
	clear: both;
	height: 50px;
	padding: 25px 0;
	background: #EDEBD5 url(images/img04.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 77%;
}

#footer a {
	color: #666666;
}
#intro1 {
	background: #CDB7B5;
	width: 760px;
	padding: 5px 5px;
	}
#space {
	width:770px;
	height:2px;
	background:white;
	float: left;
}