@charset "utf-8";
/* CSS Document */

body {
	background-color: #fff;
	color: #000;

	font-family; arial;
	margin: 0;          /* shorthand for all margins = 0 */
	padding: 0;         /* no padding */
	text-align: center;
}


div#headerbkg {
	position:relative;
	width: 100%;       /* sets the content width */
	height: 158px;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	background: #000 url(gfx/header-bkg.gif);       /* white content background, header image */
	text-align: center;
	
}

div#header {
	position:relative;
	width: 900px;       /* sets the content width */
	height:158px;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	text-align: center;
}

div#headertext {
	position:absolute;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	text-align: center;
	left: 1px;
	width: 899px;
	height:15px;
	top: -8px;
	
}

#headertext h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

div#logo {

	position:absolute;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	text-align: center;
	left: 10px;
	float:left;

}

div#cantina {
	position:absolute;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	text-align: center;
	left: 405px;
	top: 32px;

}

div#menu {
	position:relative;
	width: 834px;       /* sets the content width */
	height: 32px;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	background: #FFF ;       /* white content background, header image */
	text-align: center;
	margin-top:3px;
	margin-bottom:2px;
	
}

#menu ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu li {               /* turn off the normal list item behavior */
    float: left;
    margin: 0;
    padding:0;
}

#menu li a:link, #menu li a:visited {
    font-family: "Trebuchet MS", sans-serif;
	font-size:16px;
	font-weight:bold;
    display: block;         /* block mode for graphical button */
	height: 32px;
	width: 117px;	
    color: #9b2023;            /* white text */
    text-decoration: none;  /* no underline */
    padding: 0; /* line up text & image */
    margin-right: 2px;
    line-height: 32px;
    background: url(gfx/menutab.gif) no-repeat left bottom;
    border: none;           /* no border */
}

#menu li a:hover, #mainMenu li a:active {
    color: #FFF;         /* mustard color for text */
    background-position: left top;      /* move image to show rollover */
}

#menu ul li a.current {  /* different look for "current" link */
	font-family: "Trebuchet MS", sans-serif;
	font-size:16px;
	font-weight:bold;
    display: block;         /* block mode for graphical button */
	height: 32px;
	width: 117px;	
    color: #FFF;            /* white text */
    text-decoration: none;  /* no underline */
    padding: 0; /* line up text & image */
    margin-right: 2px;
    line-height: 32px;
    background: url(gfx/menutab.gif) no-repeat left bottom;
	background-position: left top;      /* move image to show rollover */
    border: none;           /* no border */
}

#menu ul li a.current:hover {
    cursor: default;
}

div#content {
	position:relative;
	width: 834px;       /* sets the content width */
	height: 800px;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	background: #FFF ;       /* white content background, header image */
	margin-top:2px;
	margin-bottom:0px;
	
}

div#contentcock {
	position:relative;
	width: 834px;       /* sets the content width */
	height: 215px;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	background: #FFF ;       /* white content background, header image */
	margin-top:2px;
	margin-bottom:0px;
	
}

#content h1, #contentsupport h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#9b2023;
	font-weight:900;
	
	
}

#content p, #contentsupport p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
}

div#contentsupport {
	position: relative;
	width: 834px;       /* sets the content width */
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	background: #FFF ;       /* white content background, header image */
	margin-top:2px;
	margin-bottom:0px;
	
	
}

	


div#homepagebanner{
	position:relative;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	text-align: center;
	top: 2px;
	float:left;

}

div#contentleft {
	position:absolute;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	text-align: left;
	left: 4px;
	top: 225px;
	width: 822px;
	height: 241px;
		
	
}

div#contentsupportleft {
	position:relative;
	float:left;
	padding:10px;
	width: 98%;
	text-align: left;
	
		
	
}

div#contentsupportcocktail {
	position:relative;
	float:left;
	padding:10px;
	width: 100%;
	height: 250px;
		
	
}

div#contentmenucol {
	width: 260px;
	position:relative;
	float:left;
	padding:9px;
	text-align: left;
	
		
	
}

div#boardmenu {
	width: 260px;
	position:absolute;
	float:left;
	left: 558px;
	top: 967px;
	
}

div#corona {
	width: 260px;
	position:absolute;
	float:left;
	left: 5px;
	top: 1492px;
	
}

div#twitter {
	position:absolute;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	text-align: center;
	left: 3px;
	top: 488px;
	
	
}

div#facebook {
	position:absolute;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	text-align: center;
	left: 4px;
	top: 641px;
	
	
}

div#foodmenu {
	position:absolute;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	text-align: left;
	left: 171px;
	top: 492px;
	background:url(gfx/foodmenu.png)no-repeat;
	width: 277px;
	height: 93px;
	padding: 25px 25px 25px 125px;
	overflow: hidden;
	
	
}

#foodmenu h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#033;
	line-height:2px;
	
}

#foodmenu p {
	font-family:"Arial", Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal
}


#cocktailmenu h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#F60;
	line-height:2px;
	
}


div#cocktailmenu {
	position:absolute;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	left: 172px;
	top: 640px;
	background:url(gfx/cocktailmenu.png) no-repeat;
	width: 277px;
	height: 94px;
	padding: 25px 25px 25px 125px;
	overflow: hidden;

	
	
}


div#surfboards {
	position:absolute;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	text-align: center;
	left: 608px;
	top: 490px;
	
	
}

div#footerbkg {
	position:relative;
	width: 100%;       /* sets the content width */
	height: 93px;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	background: #000 url(gfx/footer-bkg.gif);       /* white content background, header image */
	text-align: center;
	color:#333;
	vertical-align:baseline;
	

}

div#footertext {
	position:absolute;
	margin: 0 auto;     /* no top/bottom margin, centered horizontally */
	text-align: center;
	left: 302px;
	height: 52px;
	top: 15px;
	width: 531px;

}

#footertext h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	
}


/* ===== miscellaneous styles ===== */

.clear { clear: both }