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

body {
  background: url(bg.gif) repeat;
  font: normal 11px/16px Tahoma, Arial, sans-serif;
  color: #8d8d85;
  margin:0;
}

#page_container {
  text-align: left;
  width: 920px;
  height: 500px;
  margin: 0 auto;
  padding: 0 0 30px 0;
}

#page_content {
  float:left;
  background: url(../img/backgrounds/content.gif) 0 0 repeat-y;
  width: 920px;
  margin: 0;
}

#header {height: 110px;}

  #header #logo {
    width: 120px;
    height: 90px;
    padding: 15px 0 0 0;
    float: left;
  }

  #header h1 {
    display: block;
    background: url(../img/header/buffalo.gif) 0 0 no-repeat;
    text-indent: -9999px;
    height: 33px;
    cursor: pointer;
  }

  #header h1:hover {background-position: 0 -33px;}

    #header h1 a {
      display: block;
      width: 120px;
      height: 29px;
    }

  #events {
  background: url(img/calendar.png) left no-repeat;
    width: 315px;
	height: 90px;
    padding: 20px 0 0 85px;
    float: right;
  }
  
  #header .contact {float:right; width:250px; margin:20px 0 0 0;}

    #header .contact span {color: #5c5c56;}
	
	
/* Navigation
============================================================================= */

#nav {width:920px; float:left; height:50px;}

ul#navigation {height: 50px; padding:0; margin:0;}

  ul#navigation li {
    width: 230px;
    float: left;
	list-style-type:none;
  }

    ul#navigation li a {
    	display: block;
      height: 50px;
    	cursor: pointer;
    }

    ul#navigation li a#work {background: url(img/aboutus.gif) 0 0 no-repeat;}
    ul#navigation li a#about {background: url(img/bookus.gif) 0 0 no-repeat;}
    ul#navigation li a#services {background: url(img/girlsnightin.gif) 0 0 no-repeat;}
    ul#navigation li a#contact {background: url(img/contact.gif) 0 0 no-repeat;}

    ul#navigation li a#work:hover,
    ul#navigation li a#about:hover,
    ul#navigation li a#services:hover,
    ul#navigation li a#contact:hover {
      background-position: 0 -50px;
    }


/* Content
============================================================================= */

#splash {
	background: url(../img/splashbg.png) center top no-repeat;
	float:left;
	margin: 0;
	height:270px;
	width: 920px;
}

#splashtext {
	float:left;
	padding:10px;
	margin: 20px 0 0 13px;
	height:230px;
	width: 520px;
	color:white;
	font-size:11px;
	text-decoration:none;
}

#eventscolumn {
	background: url(../img/eventscolumnbg.png) center top no-repeat;
	float:left;
	padding:20px 50px 0 50px;
	margin: 30px 0 0 13px;
	height:220px;
	width: 230px;
	color:#666666;
	font-size:12px;
	font-family:arial;
	text-decoration:none;
}

#contentleft {
	float:left;
	margin: 30px 0 0 0;
	width: 230px;
	font-size:11px;
	border-right: 1px solid #ccc;
}

#content {
	float:left;
	margin: 30px 0 0 20px;
	width: 650px;
	font-size:12px;
}

#content p {margin:0; padding:0;}

#text {
	float:left;
	margin: 20px 20px 0 0;
	height: 80px;
	width:450px;
	border-right:1px solid #CCC;
	padding:0 10px 0 0;
}

#text2 {
	float:left;
	margin: 20px 0 0 0;
	height: 80px;
	width:439px;
	padding:0;
}

/* Footer
============================================================================= */

#footer {
	float:left;
	border-top: 2px solid #CCC;
	width: 920px;
	margin: 20px 0 0 0;
	height:20px;
	text-align:right;
	}
	
/* Booking Form
============================================================================= */

.formfield {width:200px; border:1px solid #999; height:20px; font-size:14px; padding:3px; color:#09C;}
.messagefield {font-family:Arial; font-size:12px; color:#09C; width:350px; border:1px solid #999; padding:5px;}

.popup { padding:10px; border:1px solid #ccc;
 background:#eee; width:250px; font-size: small; }

.event_name {color:#333333; font-weight:bold; font-size:14px; font-family: arial; text-decoration:none;}