body {
text-align:center;
margin:0;
padding:0;
}

#container {
	width: 790px;
	height:auto;
	margin:0 auto;
	padding:0;
}

#header{
	float:center;
	margin:0;
	padding:0;
	width:790px;
	height:150px;
}
#header_beat{
	float:center;
	margin:0;
	padding:0;
	width:790px;
	height:150px;
}



#emailbar{
float:right;
width:400px;
height:auto;
padding-top:20px;

}
#title {
	width:770px;
	height:0.2em;
	margin:0;
	padding:0;
}

#side {
	float:right;
	width:200px;
	margin-top:20px;
	padding-top:10px;
	padding-left:10px;
	margin-right: 0px;
	text-align:left;
}
#sidebottom {
	float:right;
	width:200px;
	margin-top:-175px;
	padding-top:-175px;
	padding-left:10px;
	margin-right: 0px;
	text-align:left;
}

#main {
	float:right;
	width:570px;
	min-height:500px;
	margin-top:20px;
	padding:0;
	text-align:left;
}

#admin {
	float:left;
	width:790px;
	min-height:500px;
	margin-top:20px;
	padding:0;
	text-align:left;
}

#main-left {
	float:right;
	width:540px;
	margin-top:20px;
	padding:0;
	text-align:left;
}
#flyer{
clear:both;
width:750px;
height:auto;
padding:1px;
}
#footer {
float:left;
width:790px;
padding:10px 10px 10px 0;
text-align:left;
}


#navigation {
float: right;
list-style-type: none;
margin:0;
padding:0;
}

 span.pos_top
  {
  display:block;
  position:relative;
  top:0px;
  left:-50px;
  min-height:100px;
  }

#test{
	list-style-type: none;
	float: right;
	right:0px;
	top:100px;
}

#test li {
	/*background-image:url(/images/bullet1.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;*/ 
	margin: 0;
	padding:0;
	width: 200px;
	/*min-height: 2.9em;height: 2.9em;*/
}

#navigation li {
	margin: 0;
	padding: 0;
	width: 200px;
	/*min-height: 2.9em;height: 2.9em;*/
}
#navigation a {
display:block;
/*min-height: 2.9em;*/
/*height: 2.9em;*/
margin:0;
padding-left:15px;
}
/* STYLE */
body {
background: #CCC url('images/faderbar.gif') repeat-y center;
font-family: Verdana, "Trebuchet MS", Arial, Sans;
color:#F0F0F0;
}

a {
color:#FFFFFF;
}

#header {
background:url(images/sirwesley.jpg) 0px 0px no-repeat;
border-bottom:1px solid #CCC;
}

#header_beat {
background:url(images/BeatHouseWebsite_Header.png) 0px 0px no-repeat;
border-bottom:1px solid #CCC;
}

#emailbar{
float:right;
font-weight:bold;
text-align:center;
}
#title {
background:#999999;
}
     
#footer {
border-top:1px solid #CCC;
font-size:.75em;
color: #CCC;
}

#navigation li {
font-family: Georgia, Times, Serif;
}
#navigation a {
background: url(images/record2.png) -50px -50px no-repeat;
/*overflow:hidden;*/
text-decoration: none;
color: #CCC;
}

#navigation a.current {
color:#FFFFFF;
background-position: top left;
text-decoration: none;
}

#navigation a:hover, #navigation a:active {
color:#FFFFFF;
background-position: top left;
text-decoration: none;
}

#navigation a .sub_menu {
color:#FFF;
}
.menu {
margin:0;
padding-left:15px;
font-size:1.25em;
}
.sub_menu {
font-size:.75em;
padding-left:25px;
margin:0;
}
/*SPECIAL NAV MENU for SUBLINKS*/
#sublink {
	padding-left:30px;
	margin-left:0px;
}
#sublink a, #sublink a:active {
	background:none;
	background-color:#30C;
	/*overflow:hidden;*/
	text-decoration:none;
	color: #FFF;
	background-position: top left;
}

#sublink a.current {
color:#FFFFFF;
background-color:#09F;
background-position: top left;
}

#sublink a:hover {
background-color:#09F;
color:#FFFFFF;
background-position: top left;
}

.sub_linkmenu {
font-size:.90em;
padding-left:10px;
margin:0;
font-weight:bolder;
}

.sub_sub_menu{
/*position:absolute;*/	
font-size:.95em;
padding-left:50px;
margin:0;
}
#extras li{
	padding-left:20px;
	/*padding-right:10px;*/
	/*display:inline;*/
	background: url('./images/purple-outlined-bullet.png') no-repeat 0 50%;
	list-style-type: upper-roman;
	font-family: Georgia, Times, Serif;
}
#extras p
{
	text-indent:25px;
	text-align:justify;
	padding-left:35px;
	margin:0px 0px 0px 0px;
}
#extras img
{
	padding-left:20px;
}
.extras_cost {
	font-size:.80em;
	padding-left:35px;
	font-weight: bolder;
}


/*----------REVIEW----------*/
#review
{
	text-indent: 35px;
	text-align:left;
	padding-left: 35px;
	padding-right: 35px;
	font-size:.80em;
	font-style:italic;
	
}

#review-closer
{
	font-size:.80em;
	text-align:right;
	border-bottom:#666 groove;
	padding-bottom:10px;
}

#pricing li {
	margin: 0px;
}
.pricing {
	font-size:0.75em;
	padding-left:35px;
	margin:0;
}
.pricing_sub {
font-size:.75em;
padding-left:30px;
margin:0;
}
.pricing_cost {
	font-size:.75em;
	padding-left:35px;
	margin:0;
	font-weight: bolder;
}
.bronze{
	font-weight: bolder;
	font-variant: small-caps;
	color: #C60;
}
.silver{
	font-weight: bolder;
	font-variant: small-caps;
	color: #D3D3D3;
} 
.gold{
	font-weight: bolder;
	font-variant: small-caps;
	color: #FC6;
}
.ultimate{
	font-weight: bolder;
	font-variant: small-caps;
	color: #900;
}
.astrix{
	font-size:0.75em;
	font-style: italic;	
}
.events{
font-size:.85em;
}
.email{
font-size:.65em;
}

.subtitle{
	font-size:1.1em;
	/*font-weight:bold;*/
	font-family: Georgia, Times, Serif;
}

#main {
text-align:center;

}
#main-left {
	text-align:left;
	padding-left:5px;
}
#main li{
	text-align:left;
	list-style:none;
}

h2 {
	margin:5px 10px 5px 10px;
	padding:0;
	color:#CCC;
	font-size:1.5em;
	font-weight:normal;
	font-family: Verdana, "Trebuchet MS", Arial, Sans;
	text-align:left;
}

h3 {
	margin:20px 10px 0px 10px;
	padding:0;
	color:#CCC;
	font-size:1.5em;
	font-weight:bolder;
	font-family: Georgia, Times, Serif;
	text-align:center;
}

h3 span {
font-size:.8em;
color: #333;
margin:0;
padding:0;
}

p {
text-indent:25px;
margin:0px 5px 0px 5px;
line-height: 1.2em;
font-size:.9em;
text-align: justify;
}
.no_indent {
text-indent:0px;
margin:0px 5px 0px 5px;
line-height: 1.2em;
font-size:.9em;
text-align: justify;
}

img {
margin: 0px 0px 0px 0px;
padding:3px;
}

/* Food Style */
#food_nav {
float:left;
font-size:.75em;
margin:0;
padding:0;
text-align:center;
}

#food_nav ul{
margin:0;
padding:0;
}

#food_nav li {
list-style-type:none;
margin:10px 15px 10px 15px;
padding:0;
}

#food_nav a {
margin:0;
padding:0;
text-decoration:none;
}

#food_nav img {
margin: 0 0 3px 0;
padding:0;
}

/* Menu Style */

.menu_items {
margin:0 auto;
padding:0;
width: auto;
text-align:center;
}

.menu_items dt {
font-family: Georgia, Times, Serif;
font-weight:normal;
text-decoration:underline;
font-size:1em;
margin:15px 5px 0px 5px;
}

.menu_items dd {
font-size:.8em;
margin:0;
padding:0;
}

#menu_nav {
text-align:center;
margin:0;
padding:10px;
font-size:.75em;
}

#menu_nav ul {
list-style-type:none;
padding:0;
margin:0;
}
#menu_nav li {
float:left;
padding-left:11px;
padding-right:10px;
margin:0;
display:inline;
background: url('bullet.png') no-repeat 0 50%;
}

#menu_nav a:hover, #menu_nav a:active {
background-color:#FAF3E1;
}

/* Contact Form */

form {
text-align:right;
}
fieldset {
/*padding:10px;*/
/*text-align:left;*/
}

legend {
color:#CC3333;
font-size:1.1em;
}

#main-picture{
	width:150px;
	height:200px;
	background-image:url(../atodj/IMG_2869.jpg);
	background-position: -40px -40px;
	position:absolute;
	top:17px;
	/*border: 1px solid #CCCCCC;*/
	left: 5px;
	visibility: visible;

}
#text-block{
	width:412px;
	height:150px;
	position:relative;
	top:0px;
	left:0px;
	background-color:#000000;
	/*border: 1px solid #CCCCCC;*/
	padding: 10px;
	visibility: visible;
}
#bottom-nav{
	width:780px;
	height:20px;
	bottom:-40px;
	left:0px;
	position: absolute;
	visibility: visible;
	z-index: 1;
}
#video-block {
	width:350px;
	position:relative;
	top:0px;
	left:100px;
	background-color:#000000;
	/*border: 1px solid #CCCCCC;*/
	padding: 10px;
	text-align: center;
}
.ref_title {
	font-weight: bold;

}
.center {
	text-align: center;	
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
text-align:center
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
top: -500px;
border: 1px gray;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -300px;
left: -650px; /*position where enlarged image should offset horizontally */

}

.BeatHouseBold {
	font-weight:bold;
	font-size: 16px;
}
.BEATHOUSE_CAPS {
	text-transform:uppercase;
	font-size: 14px;
}
.aboutMe {
text-indent:0px;
margin:0px 0px 0px 0px;
line-height: 1.2em;
font-size:.9em;
text-align: justify;
}