* {
 margin: 0;
 padding: 0;
}

.clear {
 clear: both;
}

.seating {
 color: #0050a1;
 font-weight: bold;
 font-variant: small-caps;
 position: absolute;
 top: 40px;
 text-shadow: 1px 1px 1px #666;
 text-align: center;
 font-size: 1.2em;
 left: 10px;
 _left: -10px;
 font-family: "times new roman", serif;
}

.note:before {
 position: relative;
 content: "* ";
 font-size: 1.1em;
 font-weight: bold;
 color: #000;
}

#home table {
 margin-top: -65px;
}

#home table td {
 padding-bottom: 2px;
}

#home table tr {
 vertical-align: top;
}

#home table td div a img {
 border: 0;
}

#home table td div a:hover img {
 position: relative;
 top: -2px;
 left: 1px;
 border: 0;
}

#home #facebook {
 border: 0;
 position: relative;
 left: 10px;
}

#home #facebook img:hover {
 border-bottom: 1px solid #fff;
}

body {
 background: #CCA848 url('/img/watermark.jpg') repeat-x top left;
}

#content a img.arrow:hover {
 border-width: 0;	
}

#content #textarea {
 background: #eee;
 border: 1px solid #ccc;
 width: 90%;
 height: 300px;
 overflow: auto;
 margin: 20px;
 font-size: .8em;
 font-family: "times new roman", serif;
}

.submit {
 margin-left: 10px;
}

.index table {
 width: 100%;
 text-align: left;
 margin: 10px;
}

.index table td a {
 font-weight: normal;
 color: #600;
}

.index table td a + a:before {
 content: " | ";
}

marquee {
 font-weight: bold;
 font-size: 1.2em;
 color: #600;
}

#content table#summary {
 width: 80%;
 margin: 0 20px;
 text-align: left;
 border-collapse: collapse;
 margin-top: .5em;
}

#content table#summary caption {
 font-size: .9em;
 font-style: italic;
 text-align: left;
}

#content table#summary td, #content table#summary th {
 border: 1px solid #ccc;
 padding: 0 5px;
}

#content table#summary th {
 background-color: #eee;
 align: left;
 padding: 5px;
}

/*** flash messages ***/
#content #flashMessage.alert, #content #authMessage.message {
 background: #ffe3e3 url('/img/icons/exclamation-trans.png') no-repeat 5px 5px;
 border: 1px solid pink;
 padding: 5px;
 margin: 10px;
 margin-bottom: 4em;
 padding-left: 25px;
 color: #333;
}

#content #flashMessage.success {
 background: #daf8e2 url('/img/icons/accept-trans.png') no-repeat 5px 5px;
 padding: 5px;
 padding-left: 25px;
 margin: 10px;
 margin-bottom: 4em;
 border: 1px solid #8cd69f;
}
/** end flash messages **/

table td a {
 color: #000;
 font-weight: bold;
 text-decoration: none;	
}

table td a:hover {
 text-decoration: underline;	
}

table td a img {
 border: 1px solid #999;
}

table td a:hover img {
 border: 1px solid #600;
}

#content ul#promotion {
 color: #600;
}

#content ul#promotion li {
 font-size: 1.2em;
 font-weight: bold;
}

#content table#calendar {
 position: relative;
 left: 13px;
}

#content table#calendar img {
 border: 1px solid #777;
}

#content table#calendar a img:hover {
 border: 1px solid #600;
}

#content table#calendar a {
 color: #600;
 text-decoration: none;
}

#content table#calendar a:hover {
 text-decoration: underline;
}

/** Lists **/
#content dl {
 margin: 0 10px;
 background: #eeb;
 border: 1px solid #dda;
 padding: 5px;
}

#content dt {
 color: #600;
 font-size: 1.1em;
 font-weight: bold;
 margin-top: 1em;
}

#content dl dd {
 margin: .5em 0;
}

#content #classes dl {
 width: 250px;
 float: left;
 background: #fff;
 border: 0;
}

#content dl.list {
 background: transparent;
 border: 0;
}

#content #attractions dl.list {
 clear: left;
}

#content #attractions dl.right {
 text-align: right;
 width: 100%;
}

#content #attractions dl.right dd.image img {
 margin-left: 10px;
}

#content #attractions dl.list dd dl {
 text-indent: 120px;
}

#content #attractions dl.list dd dl dd a {
 color: #600;
 font-weight: normal;
}

#content #hotels dl.list dd.image img {
 width: 230px;
}

#content #hotels dl {
 clear: both;
 margin-bottom: 20px;
}

#content dl.list dd.image img {
 float: left;
 width: 120px;
 margin-right: 10px;
 border: 1px solid #bbb;
}

#content dl.list dd.image a:hover img {
 border: 2px solid #600;
}

#content dl.list dt {
 margin-top: 0;
}

#content dl.list dt a {
 color: #600;
 text-decoration: none;
}

#content dl.list dt a:hover {
 text-decoration: underline;
}

#content dl.list dd.description {
 margin-left: 135px;
}

#content dl.list dd.description a {
 color: #600;
 text-decoration: none;
}

#content dl.list dd.description a:hover {
 text-decoration: underline;
}

#content dl dd {
 font-family: "arial narrow", verdana, sans-serif;
}

#content #pricing dl {
 background: #fff;
 border: 0;
}

#content #pricing dl dt {
 font-size: 12pt;
 font-weight: bold;
}

#content #pricing dt a {
 color: #600;
}

#content #pricing dl dd {
 margin: 0;
 font-size: .9em;
}

#locations dl {
 margin: 15px;
 margin-bottom: 50px;
 height: 220px;
 position: relative;
 clear: left;
}

#locations dl dt {
 color: #660000;
}

#locations dl dt.company {
 font-size: 1.2em;
 color: #660000;
 font-weight: normal;
 background: transparent;
}

#locations dl dd {
 margin-left: 210px;
}

#locations dl dd.map {
 margin-left: 0;
 float: left;
 margin-right: 10px;
 height: 250px;
}

#content ul li.title {
 font-size: 1.2em;
 color: #600;
 font-weight: bold;
 list-style-type: none;
 position: relative;
 left: -20px;
}

#testimonials dl {
 background: none;
 border: 0;
 position: relative;
 padding-bottom: 4em;
 font-size: 1.2em;
 clear: left;
}

#testimonials dl dt {
 float: left;
 margin: 0;
 margin-right: 10px;
}

#testimonials dl dd {
 line-height: 1em;
 margin: 0;
}

#testimonials dd.quote {
 font-style: italic;
 font-size: 1.2em;
}

#testimonials dd.customer {
 position: absolute;
 right: 50px;
 bottom: 1em;
 font-weight: bold;
}

#testimonials dd.location {
 position: absolute;
 right: 50px;
 bottom: 0;
}

/* END Lists */

#gradient {
 width: 775px;
 margin: 0 auto;
 padding: 0 16px;
 position: relative;
 background: url('/img/bg-trans.png') repeat-y top center;
}

#errorMsg {
 background: #dedede url('/img/warning-trans.png') no-repeat 5px 5px;
 margin: 10px;
 font-weight: bold;
 font-size: 16px;
 padding: 10px;
 padding-left: 65px;
 border: 1px solid #999;
}

div.error_message {
 background: url('/img/warning-small-trans.png') no-repeat 5px 50%;
 padding-left: 15px;
}

.center {
 text-align: center;
}

select {
 width: 7em;
}

.right {
 float: right;
}

.left {
 float: left;
}

img.left {
 margin: 5px 10px 5px 23px;
 padding: 2px;
}

img.right {
 margin: 5px 15px 5px 5px;
 border: 1px solid #660000;
 padding: 2px;
}

#content .underline {
 text-decoration: underline;
}

#content p {
 margin: 5px 11px 10px 10px;
 font-family: "arial narrow", verdana, sans-serif;
 font-size: 11pt;
 margin-left: 25px;
}

#content a {
 font-weight: bold;
 text-decoration: none;	
 color: #600;
}

#content a:hover {
 text-decoration: underline;	
}

#content a img {
 border: 1px solid #fff;
}

#content a:hover img {
 border: 1px solid #600;
}

#content p a {
 color: #600;
 font-weight: normal;
 text-decoration: underline;
}

#content p a:hover {
 color: gold;
}

#content h1 + h3 {
 background: url('../img/h1-dots.jpg') no-repeat top left;
 margin-left: 10px;
 padding-left: 15px;
 padding-top: 10px;
}

#content h1 + p {
/* background: url('../img/h1-dots.jpg') no-repeat top left; */
 margin-left: 10px;
 padding-left: 15px;
 padding-top: 10px;
}

#content h2 {
 margin-left: 20px;
}

#content h3 {
 margin-top: 15px;
 margin-left: 20px;
 font-family: arial;
 font-size: 18px;
}

#content h3 a {
 color: #600;
 text-decoration: none;
}

#content h3 a:hover {
 text-decoration: underline;
}

#content h4 {
 font-family: arial, sans-serif;
 margin-top: 25px;
 margin-left: 20px;
}

#content h6 {
 color: #600;
 font-weight: normal;
 font-family: "times new roman", serif;
 margin: 1.5em 0 .5em 10px;
 font-size: 1.2em;
}

#content h1 {
 margin: .5em 0 .25em 10px;
 color: #660000;
 font-family: "brush script mt", pristina, "monotype corsiva", arial;
 font-weight: normal;
 font-size: 25px;
}

#content h2.pricing {
 font-size: 1em;
 position: absolute;
 top: 5px;
 right: 15px;
 color: #600;
}

#content ul {
 width: 85%;
 margin: 10px auto;
}

#content li {
 margin: 3px 0;
 font-family: "arial narrow", verdana, arial;
 font-size: 10pt;
 margin-left: 15px;
}

#wrapper {
 width: 775px;
 background: #fff;
 overflow: hidden;
}

#about #header #about, #classes #header #classes, #consulting #header #consulting, #facilities #header #facilities, #contact #header #contact {
 color: white;
}

#header {
 background: black url('../img/header.jpg') no-repeat;
 position: relative;
 z-index: 20;
 min-height: 148px;
 width: 776px;
}

#header a img {
 border: 0;
}

#header #navMenu {
 position: absolute;
 bottom: 5px;
 left: 145px;
}

#header #navMenu ul li ul {
 display: none;
}

#header #navMenu ul li ul a {
 font-size: .9em;
 font-weight: normal;
 color: #fff;
 padding-left: 5px;
 border-bottom: 1px dashed #555;
 font-family: arial;
}

#header #navMenu ul li:hover ul {
 display: block;
}

#header #phone {
 position: absolute;
 color: #fff;
 bottom: 25px;
 right: 15px;
 text-align: right;
 font-weight: bold;
 font-family: georgia;
 font-size: 20px;
 padding: 5px;
}

#header img {
 padding: 5px;
 position: absolute;
}

#header ul a {
 color: #cc9900;
 text-decoration: none;
 display: block;
 width: auto;
}

#header ul {
 list-style-type: none;
}

#header li ul {
 top: auto;
 left: auto;
 position: absolute;
 width: 8em;
 border: 1px solid black;
}

#header ul li {
 color: #cc9900;
 font-weight: bold;
 font-family: georgia;
 font-size: 16px;
 margin-left: 10px;
 float: left;
 position: relative;
}

#header ul li ul {
 display: none;
 z-index: 100;
 top: 1em;
 left: 0;
}

#header li:hover ul {
 display: block;
}

#header ul li:hover ul li {
 display: block;
 background: #660000;
 width: 8em;
 float: none;
 z-index: 20;
 margin: 0;
}

#header li ul li a {
 font-size: 12px;
 display: block;
 padding: 3px;
 height: 1%;
}

#header li a:hover {
 color: #ffcc33;
 background: #600;
 display: block;
}

#menu {
 float: left;
 background: #600;
 width: 100%;
 padding-left: 150px;
}

#header li a {
 background: #000;
}

#menu ul {
 list-style-type: none;
}

#menu ul li {
 float: left;
 margin-left: 8px;
 display: block;
 padding: 5px 0;
}

#menu a {
 color: #ffffcc;
 text-decoration: none;
 font-family: arial;
 font-size: 12px;
 display: block;
 margin-right: 5px;
}

#menu a:hover {
 color: orange;
}

#content {
 clear: left;
 min-height: 300px;
 position: relative;
 padding: 2.5em 0;
 background: url('/img/dots-verticle.jpg') repeat-y top right;
}

#home #content {
 background: none;
}

#toolbar + #content {
 width: 640px;
}

#class_toolbar + #content {
 width: 620px;	
}

#content #motto {
 position: absolute;
 bottom: 5px;
 left: 10px;
}

#content fieldset {
 margin: 10px;
 padding: 5px;
 width: 450px;
}

#content fieldset legend {
 font-size: 18px;
 color: #600;
}

#content fieldset p {
 margin: 10px 15px;
 font-size: 13px;
}

#content fieldset p.info {
 margin: 10px 5px;
 font-size: 16px;
 font-family: arial;
}

#content fieldset label {
 width: 120px;
 display: block;
 float: left;
}

#content div.input {
 margin: 3px 0;
}

#content fieldset .checkbox input {
 float: left;
 margin-top: 3px;
}

#content fieldset .checkbox label {
 width: 95%;
 margin-left: 5px;
 font-size: .9em;
}

#content fieldset .error-message {
 font-size: 13px;
 color: #f65;
 font-style: italic;
 padding-bottom: 10px;
}

#toolbar {
 float: right;
 width: 130px;
 min-height: 300px;
 padding-top: 10px;
}

#class_toolbar {
 float: right;
 width: 150px;
 min-height: 300px;
 padding: 0;
}

#class_toolbar a {
 color: #600;
}

#toolbar ul {
 list-style-type: none;
}

#toolbar img, #class_toolbar img {
 border: 0;
}

#content .classes h3 {
 margin: 0 0 .5em 10px;
 color: #600;
 font-weight: normal;
}

#content #consulting {
 width: 250px;
}

<!-- Home Page -->
#content #homeLayout {

}

#content #homeLayout li a:hover img {
 border: 1px solid #600;
}

#content #homeLayout a {
 color: #600;
 font-size: 1.4em;
 font-weight: bold;
 text-decoration: none;
}

#content #homeLayout a:hover {
 text-decoration: underline;
}

#content #homeLayout ul {
 list-style-type: none;
 margin: 0 auto;
 padding: 10px;
 width: 730px;
 height: 19em;
}

#content #homeLayout ul li {
 display: block;
 float: left;
 width: 230px;
 margin: 0;
 padding: 0;
 text-indent: 0;
}

#content #homeLayout ul li img {
 border: 0;
 margin: 1em 0 0;
}

#content h3.homeLayout {
 color: #600;
 font-family: "times new roman", serif;
}

#content #logos {
 list-style-type: none;
 padding: 0;
 margin: 10px;
 width: 100%;
}

#content #logos li {
 float: left;
}

#content #logos li img {
 border: 1px solid #ddddcc;
 height: 30px;
}

<!-- END Home Page -->

#footer {
 clear: both;
 margin-top: 20px;
 width: 775px;
 clear: both;
 min-height: 4.2em;
 position: relative;
}

#footer #address {
 z-index: 999;
 font-size: 12px;
 color: #660000;
 font-family: "Arial Narrow", arial;
 position: absolute;
 padding-left: 11px;
 width: 138px;
 bottom: 5px;
 right: 7px;
 background: url('/img/dots-verticle.jpg') repeat-y top left;
}

#class_toolbar + #content + #footer #address {
 width: 158px;	
}

#footerimg {
 position: absolute;
 left: -4px;
 bottom: -49px;
 z-index: 5;
}

/*** Contact Box ***/
#contactBox {
 margin-right: 7px;
 margin-top: 5px;
 width: 175px;
 border: 2px solid #eee;
 padding: 5px;
 color: #600;
 float: right;
}

#contactBox h2 {
 font-size: 1.1em;
 margin-left: 0;
}

#contactBox p {
 margin: 0;
 color: #333;
}

#contactBox .submit {
 margin: 15px 0;
}

/* END Contact Box */

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
/* // image replacement */
			

/* Easy Slider */
#slider {
 margin-top: -41px;
 position: relative;
 left: 0;
}
#slider ul li a img, #slider ul li a:hover img { border: 0; }
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:776px;
	height:246px;
	overflow:hidden; 
}	
#prevBtn, #nextBtn, #slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
}	
#nextBtn, #slider1next{ 
	left:696px;
}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
}	
#nextBtn a, #slider1next a{ 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
}	
	
/* numeric controls */	

ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;	
}
ol#controls li{
	margin:0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
}
ol#controls li a{
        float: left;
	height:20px;
	line-height:20px;
	border:1px solid #ccc;
	background:#DAF3F8;
	color:#555;
	padding:0 10px;
	text-decoration:none;
 margin-right: 3px;
 position: relative;
 top: -40px;
 left: 5px;
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 border-radius: 5px 5px 0 0;
 z-index: 99999;
}
ol#controls li.current a{
	background:#5DC9E1;
	color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


#location {
 width: 250px;
 float: right;
 background: #fff;
 border: 0;
}

#date_wrap {
  width: 150px;
 float: right;
 background: #fff;
 margin-right: 30px;
 
}

#date_cover {
 float: right;
}

#logos2 {
 background: #fff url('/img/home/company_bg2.jpg') no-repeat;
 float:left;
 list-style-type: none;
 padding-top: 0px;
 padding-right: 0px;
 margin-left: 15px;
 width: 100%;
 height: 255px;
} 

#logos2 ul {
 width: 100%;
 margin-top: 58px;
 margin-left: 20px;
}


#logos2 ul li {  
 display: inline;
 padding-left: 5px;
 padding-bottom: 20px;
 list-style-type: none;
} 

#logos2 a:hover img {
 position: relative;
 bottom: 10px;
}

#logos_contact {
 background: url('/img/facilities/coffee_barista_school4.jpg') no-repeat;
 float:right;
 list-style-type: none;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 220px;
 width: 100%;
  border: 0;
} 

#logos_contact ul li {  
 display: inline;
 padding-left: 35px;
 list-style-type: none;
  border: 0;
} 

#logos_contact a:hover img {
 position: relative;
 bottom: 10px;
  border: 0;
}

#click_here {
padding-left: 88px;
}

#click_here a:hover img {
 position: relative;
 bottom: 10px;
}

#click_here2 {
padding-left: 14px;
}

#click_here2 a:hover img {
 position: relative;
 bottom: 10px;
}

#facility_pict {
 width: 350px;
 float: right;
 border: 0;
 padding-left: 5px;
}

#coffee_video {
 float: left;
 clear: left;
 border: 0;
 padding-left: 20px;
 padding-bottom: 15px;
}

#video_text {
 float: right;
 border: 0;
 padding-left: 520px;
 padding-top: -200px;
}

#class_header {
 width: 160px;
 float: right;
 border: 0;
 padding-right: 8px;
}

#rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

#detailedFooter {
 float: left;
 width: 735px;
 margin-top: 20px;
 margin-bottom: 15px;
 position: relative;
 background: #680A0A;
 z-index: 1;
 padding: 30px 20px 10px 20px;
 border-radius: 0 0 10px 10px;
}

#detailedFooter a {
 text-decoration: none;
 color: #fff;
}

dl dt {
 font-weight: bold;
}

/* Logos in footer */
#logosfoot dl {
 width: 100%;
 margin-top: 8px;
 margin-left: 0;
}
#logosfoot dl dd {  
 display: inline;
 border: 0;
 padding-left: 5px;
 padding-bottom: 20px;
 list-style-type: none; 
} 
#logosfoot a:hover img {
 position: relative;
 bottom: 6px;
 border: 0;
}

