/* CSS Document 
================================================*/
/* fountain.css                            	       
================================================*/
/* HTML tag styles                           
================================================*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #E09C01;
	font-family: arial, verdana, sans-serif;
}
/* Main layout
================================================*/

#container {
	margin-top: 5px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	width: 905px;
	height: 722px;
	background-color: transparent;
	background-image: url(images/chocolate_fountains.jpg);
	background-repeat: no-repeat;
	background-position: center;
	font-family: arial, verdana, sans-serif;
}
#navigation_1 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 228px 0px 10px 328px;
	background: transparent;
	width: 123px;
	height: 58px;
	font-family: arial, verdana, sans-serif;
}
#navigation_2 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 184px 0px 0px 19px;
	background: transparent;
	width: 114px;
	height: 76px;
	font-family: arial, verdana, sans-serif;
}
#navigation_3 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 161px 0px 0px 19px;
	background: transparent;
	width: 82px;
	height: 99px;
	font-family: arial, verdana, sans-serif;
}
#navigation_4 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 128px 0px 0px 8px;
	background: transparent;
	width: 212px;
	height: 132px;
	font-family: arial, verdana, sans-serif;
}
#navigation_5 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 8px 14px 8px 0px;
	background: transparent;
	text-align: right;
	font: bold 13px Arial Narrow, Arial;
	color: #E09C01;
	width: 119px;
	height: 20px;
}
#navigation_6 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 8px;
	background: transparent;
	text-align: left;
	font: bold 13px Arial Narrow, Arial;
	color: #E09C01;
	width: 93px;
	height: 20px;
}
#navigation_7 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	background: transparent;
	font: bold 13px Arial Narrow, Arial;
	color: #E09C01;
	width: 220px;
	height: 20px;
}
#left_nav {
	float: left;
	margin: 8px 0px 8px 2px;
	padding: 0px 8px 0px 0px;
	background-image: url(images/slush_machine.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #513568;
	font: normal 12px Arial;
	text-align: justify;
	width: 98px;
	height: 294px;
}
#left_nav_2 {
	float: left;
	margin: 8px 0px 8px 2px;
	padding: 0px 8px 0px 0px;
	background-image: url(images/chocolate_fountain_hire.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #513568;
	font: normal 12px Arial;
	text-align: justify;
	width: 98px;
	height: 294px;
}
#left_nav_3 {
	float: left;
	margin: 8px 0px 8px 2px;
	padding: 0px 8px 0px 0px;
	background-image: url(images/shot_machine.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #513568;
	font: normal 12px Arial;
	text-align: justify;
	width: 98px;
	height: 294px;
}
#left_nav_4 {
	float: left;
	margin: 8px 0px 8px 2px;
	padding: 0px 8px 0px 0px;
	background-image: url(images/mini_home_fountain.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #513568;
	font: normal 12px Arial;
	text-align: justify;
	width: 98px;
	height: 294px;
}
#left_nav_5 {
	float: left;
	margin: 8px 0px 8px 2px;
	padding: 0px 8px 0px 0px;
	background-image: url(images/slushie.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #513568;
	font: normal 12px Arial;
	text-align: justify;
	width: 98px;
	height: 294px;
}
#left_nav_6 {
	float: left;
	margin: 8px 0px 8px 2px;
	padding: 0px 8px 0px 0px;
	background-image: url(images/white_chocolate.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #513568;
	font: normal 12px Arial;
	text-align: justify;
	width: 98px;
	height: 294px;
}
#left_nav_7 {
	float: left;
	margin: 8px 0px 8px 2px;
	padding: 0px 8px 0px 0px;
	background-image: url(images/white_chocolate.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #513568;
	font: normal 12px Arial;
	text-align: justify;
	width: 98px;
	height: 294px;
}
#main {
	float: left;
	margin: 8px 0px 8px 0px;
	padding: 0px 8px 0px 0px;
	color: #513568;
	font: normal 12px Arial;
	text-align: justify;
	line-height: 16px;
	width: 742px;
	height: 294px;
	overflow: auto;
}
#main a:link {
	background: transparent;
	color: #9164AA;
	text-decoration: none;
}
#main a:visited {
	background: transparent;
	color: #9164AA;
	text-decoration: none;
}
#main a:hover {
	background: transparent;
	color: #E09C01;
	text-decoration: none;
}
#main a:active {
	background: transparent;
	color: #E09C01;
	text-decoration: none;
}
#main_a {
	float: left;
	margin: 8px 0px 8px 2px;
	padding: 0px 8px 0px 106px;
	background-image: url(images/cocktail_umbrella.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	color: #513568;
	font: normal 12px Arial;
	text-align: justify;
	line-height: 16px;
	width: 742px;
	height: 294px;
	overflow: auto;
}
#main_b {
	float: left;
	margin: 8px 0px 0px 2px;
	padding: 0px 8px 0px 10px;
	color: #513568;
	font: normal 12px Arial;
	text-align: justify;
	line-height: 16px;
	width: 838px;
	height: 302px;
	overflow: auto;
}
#main_b a:link {
	background: transparent;
	color: #9164AA;
	text-decoration: none;
}
#main_b a:visited {
	background: transparent;
	color: #9164AA;
	text-decoration: none;
}
#main_b a:hover {
	background: transparent;
	color: #E09C01;
	text-decoration: none;
}
#main_b a:active {
	background: transparent;
	color: #E09C01;
	text-decoration: none;
}
#main_c {
	float: left;
	margin: 8px 0px 8px 0px;
	padding: 0px 8px 0px 0px;
	color: #513568;
	font: normal 12px Arial;
	text-align: justify;
	line-height: 16px;
	width: 742px;
	height: 294px;
	overflow: auto;
}
#main_d {
	float: left;
	margin: 8px 0px 6px 2px;
	padding: 0px 8px 0px 10px;
	color: #513568;
	font: normal 12px Arial;
	text-align: justify;
	line-height: 16px;
	width: 838px;
	height: 296px;
	overflow: auto;
}
#footer {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	background: transparent;
	color: #9164AA;
	font: normal 11px Arial;
	text-align: justify;
	width: 895px;
	height: 106px;
}
/* Tab
================================================*/
.tabberlive .tabbertabhide {
	display: none;
}
.tabber {
}
.tabberlive {
}
ul.tabbernav {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	font: bold 12px Arial;
	background:  #513568;
}
ul.tabbernav li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	display: inline;
}
ul.tabbernav li a {
	margin: 0px 10px 0px 10px;
	padding: 0px 5px 0px 5px;
	background: transparent;
	text-decoration: none;
}
ul.tabbernav li a:link {
	background: transparent;
	color: #FFFFFF;
	text-decoration: none;
}
ul.tabbernav li a:visited {
	background: transparent;
	color: #FFFFFF;
	text-decoration: none;
}
ul.tabbernav li a:hover {
	background: #E09C01;
	color: #513568;
	text-decoration: none;
}
ul.tabbernav li.tabberactive a {
	background: #E09C01;
	color: #513568;
	text-decoration: none;
}
ul.tabbernav li.tabberactive a:hover {
	background: #E09C01;
	color: #513568;
	text-decoration: none;
}
.tabberlive .tabbertab {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;/* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
	}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display: none;
	padding: 0px 0px 0px 0px;
}
.tabberlive .tabbertab h3 {
	display: none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
}
/* Headings
================================================*/

h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	text-align: center;
	font: bold 13px Arial;
	color: #E09C01;
	background-color: transparent;
}
h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	text-align: left;
	font: bold 12px Arial;
	color: #E09C01;
	background-color: transparent;
}
h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	text-align: left;
	font: bold 12px Arial;
	color: #02C8D3;
	background-color: transparent;
}
h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 198px;
	text-align: left;
	font: bold 13px Arial;
	color: #E09C01;
	background-color: transparent;
}
.style1 {
	font: normal 9px Arial;
}
.style2 {
	color: #E09C01;
	font-weight: bold;
}
.style3 {
	color: #923E0A;
	font-weight: bold;
}
.style4 {
	color: #E09C01;
	font: bold 22px Arial;
}
.style5 {
	color: #E09C01;
	font: bold 16px Arial;
}
.style6 {
	color: #F90801;
	font: bold 12px Arial;
}
.style7 {
	color: #02C8D3;
	font: bold 13px Arial;
}
.style8 {
	color: #FD9729;
	font-weight: bold;
}
.style9 {
	color: #02C8D3;
	font: bold 22px Arial;
}
.style10 {
	color: #02C8D3;
	font: bold 16px Arial;
}
.style11 {
	color: #923E0A;
	font: normal 15px Arial;
}
.style12 {
	color: #9164AA;
	font-weight: bold;
}
.style13 {
	color: #02C8D3;
	font-weight: bold;
}
.style14 {
	color: #923E0A;
	font: normal 11px Arial;
}
/* Form
================================================*/

.form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* Hyperlink Styles
================================================*/

a:link {
	background: transparent;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	background: transparent;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	background: transparent;
	color: #E09C01;
	font-weight: bold;
	text-decoration: none;
}
a:active {
	background: transparent;
	color: #E09C01;
	font-weight: bold;
	text-decoration: none;
}
	
/* End
================================================*/