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

/*
	[DJ Fresh One] VERSION 2.0
	
	Updated 15th Feb 2010
*/

/* 1.BODY and PAGE
---------------------------------------------------------------------- */

body { 
	font-family:"Arial", Helvetica, Verdana, sans-serif; 
	font-size:12px; 
	line-height:22px; 
	color:#000;
	background: url(../images/bg_tile.jpg) repeat #bebcaf }

#container {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
}	


/* 2.HEADER NAVIGATION
---------------------------------------------------------------------- */
#header {
	width: 900px;
	height: 78px;
	margin: 0 auto;
	padding: 0px 0 0px 0;
	text-align: left;
}	

#menu {
list-style: none;
  padding: 0;
  margin: 0;
  width: 900px;
  height: 78px;
  position: relative;
}

#menu span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent: -5000%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}

#menu a:hover span {
  display: block;
}

#menu .logo {
  width: 138px;
  height: 63px;
  background: url(../images/header_freshone_logo.png) no-repeat;
  left: 28px;
  top: 10px;
}

#menu .sgm {
  width: 110px;
  height: 25px;
  background: url(../images/header_sgm_logo.png) no-repeat;
  left:507px;
  top: 28px;
}

#menu .lrg {
  width: 32px;
  height: 38px;
  background: url(../images/header_lrg_logo.png) no-repeat;
  left:660px;
  top: 22px;
}

#menu .facebook {
  width: 25px;
  height: 25px;
  background: url(../images/header_facebook_logo.png) no-repeat;
  left:739px;
  top: 27px;
}

#menu .twitter {
  width: 25px;
  height: 25px;
  background: url(../images/header_twitter_logo.png) no-repeat;
  left:805px;
  top: 27px;
}

#menu .myspace {
  width: 25px;
  height: 25px;
  background: url(../images/header_myspace_logo.png) no-repeat;
  left:872px;
  top: 27px;
}


/* 3.FEATURE AREA
---------------------------------------------------------------------- */
#feature {
	width: 900px;
	height: 476px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	background:url(../images/feature_border.jpg)
}	

#feature .main {
	margin: 20px 0 0 20px;
}

#feature .main a:hover{
	outline: solid thin #FFF;
}

#feature .promo1 {
	position: relative;
	left:-3px;
	top:-218px;
}

#feature .promo1 a:hover {
	outline: thick #FFF;
}

#feature .promo2 {
	position: relative;
	top:-225px;
	left:662px;
}


/* 4.CONTENT AREA
---------------------------------------------------------------------- */

#content {
	width: 840px;
	padding: 10px;
	margin: 10px 20px 20px 20px;
	background: #edebde;
	outline: #bebcaf solid thin;
}

#clearfloat {
	clear:both;
	height:40px;
	}

table {
	margin: 10px 0 0 0;
	}




/* 5.EVENT LISTING
---------------------------------------------------------------------- */
#events {
	width: 520px;
	float:left;
}

.venue {
	font-weight: bold;
	font-size: 14px;
}
.venue a {
	color:#000;
	text-decoration:none;
}
.venue a:hover {
	text-decoration: underline;
}

#events table tr {
	height: 30px;
}
	
#events table td {
	border-bottom: solid thin #bebcaf;
}
	
	
/* 6.RAIL
---------------------------------------------------------------------- */
#rail {
	width:300px;
	float:right;
	color:#FFF;
}

#rail a {
	color:#FFF;
	text-decoration:none;
}

#rail a:hover {
	text-decoration:underline;
}



/* 6.EMAIL SIGNUP MODULE
---------------------------------------------------------------------- */

form {
	margin:0;
	padding:0;
}
#signup {
	background:url(../images/bg_email_signup.jpg);
	width: 280px;
	height: 290px;
	position: relative;
	padding: 10px;
	overflow:hidden;
	}
#signup fieldset{
	margin: 10px 0 0 0;
	border:none;
	margin: 0;
	padding: 0;
}

#signup ol {
	padding: 0 0 0 5px;
	margin: 0;
}

#signup fieldset li{
	list-style:none;
	margin:0;
	padding: 5px 0 0 0;
	}
	
#signup fieldset input {
	width: 265px;
	height: 20px;
}
input.error {
	background:#fcc;
}
#formResult {
	display:block;
	font-size:14px;
	margin:10px;
}
#fieldbttns {
list-style: none;
  padding: 0;
  margin: 0;
  width: 300px;
  height: 25px;
  position: relative;
}

#fieldbttns span {
  display: none;
  position: absolute;
}

#fieldbttns a {
  display: block;
  text-indent: -5000%;
  position: absolute;
  outline: none;
}

#fieldbttns a:hover {
  background-position: left bottom;
}

#fieldbttns a:hover span {
  display: block;
}

#fieldbttns .submit {
  width: 71px;
  height: 24px;
  background: url(../images/bttn_submit.jpg) no-repeat;
  left: 10px;
  top: 10px;
}

#fieldbttns .reset {
  width: 71px;
  height: 24px;
  background: url(../images/bttn_reset.jpg) no-repeat;
  left:100px;
}

/* 7.CONTACT MODULE
---------------------------------------------------------------------- */
#contact {
	background:url(../images/bg_contact.jpg);
	width: 280px;
	height: 164px;
	position: relative;
	margin: 10px 0 0 0;
	padding: 10px;
	overflow:hidden;
	}