@charset "utf-8";
/* Text on Color CSS
Author: Erika Wohlstadter
Date created: 10.31.08
*/

/* Basic */

* {
margin: 0;
padding: 0;
}

body {
	background: url(images/new-back.jpg) no-repeat top center;
	background-attachment: fixed;
	background-color: #000;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

#maintable {
	background-image: url(images/treo-beach-cafe.jpg) no-repeat;
	margin-top:20px; 
}

.topmenu {
	font-size: 12px;
}

#clear {
clear: both;
}

.headpic { /* Large title */
	margin: 1px -4px 0 10px;
	padding: 0px 0 0 0px;
}

#wrapper {
	background: url(images/bg.png) repeat-y;
	padding: 0 0 0 0;
	margin: 0 auto;
	width: 772px;
	opacity: 0.9;
    filter:alpha(opacity: 90);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
}
#center {
padding: 20px 25px 50px 25px;
}

#header a:link, #header a:visited 
{ 
color: #383828; 
border: none; 
} 
#header a:hover, #header a:active 
{ 
color: #CC0000; 
} 


#header a.no-right {
padding: 0;
}

#header a.ovr {
color: #fff;
}

#header a.right-ovr {
color: #fff;
padding: 0;
}


/*#front-trees {
bottom: 0;
position: fixed;
width: 100%;
z-index: 1;
}

#front-trees .trees {
background: url(../images/front-trees.png) no-repeat;
height: 300px;
margin: auto;
}*/

/* Left Sidebar - Portfolio & Blog */

#left {
float: left;
padding: 0 0 50px 0;
width: 430px;
}

/* Ride Sidebar - Portfolio & Blog */

#right {
float: right;
line-height: 150%;
margin: -30px 0 0 0;
width: 190px;
}

#right li {
list-style: none;
background: url(../images/link-out.png) no-repeat left center;
padding: 3px 0 3px 20px;
}

#right li:hover {
background: url(../images/link-out-ovr.png) no-repeat left center;
}

#comments {
color: #353535;
margin: 0 0 20px 0;
padding: 10px 0 10px 0;
}

#comments a {
color: #888;
}

#copyright {
margin: 20px 0 0 0;
padding: 10px 0 10px 0;
}

/* Text */


h1 { /* Large title */
color:#527DE2
font-size: 24px;
	font-style: italic;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	color: #527DE2;
}
.delivery {  /* Italic Sidebar title */
color: #000000;
font-size: 18px;
font-style: italic;
font-weight: normal;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}

h3 {  /* Italic Sidebar title */
color: #888;
font-size: 16px;
font-style: italic;
font-weight: normal;
padding: 0 0 5px 0;
}

h4 { /* Dark gray date */
color: #616161;
font-size: 11px;
letter-spacing: .05em;
}

.menu-small-text {
color: #616161;
font-size: 10px;
letter-spacing: .05em;
padding: 10px 0 0 0;
text-align: right;
}

.topmenu a{
color: red;
text-decoration: none;
}

.topmenu a:active {
color: white;
text-decoration: none;
}

.topmenu a:link {
color: white;
text-decoration: none;
}

.topmenu a:visited {
color: white;
text-decoration: none;
}

.topmenu a:hover {
color: #527DE2;
text-decoration: underline;
}

.sidemenu a{
color: blue;
text-decoration: none;
}

.sidemenu a:active {
color: blue;
text-decoration: none;
}

.sidemenu a:link {
color: blue;
text-decoration: none;
}

.sidemenu a:visited {
color: blue;
text-decoration: none;
}

.sidemenu a:hover {
color: #527DE2;
text-decoration: underline;
}

.link4 a{
color: #666666;
text-decoration: none;
}

.link4 a:active {
color: #666666;
text-decoration: none;
}

.link4 a:link {
color: #666666;
text-decoration: none;
}

.link4 a:visited {
color: #666666;
text-decoration: none;
}

.link4 a:hover {
color: #666666;
text-decoration: underline;
}

p.no-left {
text-align: left;
}

.left {
float: left;
}

.right {
float: right;
}

.chill { /* Large title */
	font-size: 30px;
	font-weight: normal;
	color: #527DE2;
}

.highlight img {
border: solid #2a2a2a 1px;
margin: 0 0 5px 0;
}

.highlight:hover img {
margin: 0 0 5px 0;
}
.style2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 14px;
}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style7 {
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.style8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; }
.style9 {color: white}
.maintextblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:black;
}
.maintextgreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:green
	
}
.theform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top:-10px;
}
.tf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.tastyfood {
	color: #F00;
	font-size: 14px;
}
.friendlystaff {
	color: blue;
	font-size: 14px;
}
.nicebeach {
	color: green;
	font-size: 14px;
}