html { height: 100%; margin-bottom: 1px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
	line-height:130%;
	margin-top:0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
}
a { outline: none; }
a:link    {color:#FFFFFF; text-decoration:underline;}
a:visited {color:#FFFFFF; text-decoration:underline;}
a:hover   {color:#8c8c8a; text-decoration:none; cursor:pointer;}
a:active  {color:#FFFFFF; text-decoration:underline;
}
html {
}
.tiny {font-size:1px;
}
.txtfield { border: 1px solid #CCCCCC; padding:1px; width:200px;
}
.mailingfield { border: 1px solid #FFFFFF; padding:1px; height:16px;width:130px;
}
.IML {margin-right:20px;margin-bottom:10px;float:left;}
.IMR {margin-left:20px;margin-bottom:10px;float:right;}
.socpad {margin-right:5px;}
.tabline {border-bottom: 1px dashed #CCCCCC;padding-top:10px;}
.shoplogo {margin-bottom:15px;}
/* -------------------------- FONT STYLES ---------------------------------- */
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #666666;
	 margin:0px;
}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px;  color: #666666; margin:0px; font-weight: normal;
}
h2 a:link    {color:#8b8b8d; text-decoration:underline;}
h2 a:visited {color:#8b8b8d; text-decoration:underline;}
h2 a:hover   {color:#83cc34; text-decoration:underline; cursor:pointer; }
h2 a:active  {color:#8b8b8d; text-decoration:underline;
}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px;  color: #666666; margin:0px;
}
h3 a:link    {color:#8b8b8d; text-decoration:underline;}
h3 a:visited {color:#8b8b8d; text-decoration:underline;}
h3 a:hover   {color:#FF6600; text-decoration:underline; cursor:pointer; }
h3 a:active  {color:#8b8b8d; text-decoration:underline;
}
.headline {font-family: 'Droid Sans', sans-serif;font-size:18px;color:#ffffff;}
.ours { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color: #8AA573;
        padding-top:10px; padding-bottom:15px;}			 
.ours a:link    {color:#8AA573; text-decoration:none;}
.ours a:visited {color:#8AA573; text-decoration:none;}
.ours a:hover   {color:#FFFFFF; text-decoration:none; cursor:pointer; }
.ours a:active  {color:#8AA573; text-decoration:none;
}
.topmenu { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #8b8b8d; line-height:130%; }
.topmenu a:link    {color:#8b8b8d; text-decoration:underline;}
.topmenu a:visited {color:#8b8b8d; text-decoration:underline;}
.topmenu a:hover   {color:#83cc34; text-decoration:none; cursor:pointer;}
.topmenu a:active  {color:#8b8b8d; text-decoration:underline;
}
/* ------------------ VERTICAL MENU STYLE with background image ------------------------- */
/* You can call this in a single <div> - no <br> tags are needed. If you want to have a 
different background/style when you are actually ON the page then you need to make your
menu an editable region and use <div class="vertOFF">menu item with no link</div>         */
.vertmenu a{ text-decoration:none; text-align:left;
  background-image: url(../images/menuOFF.gif); background-repeat:no-repeat;
  color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; 
  font-weight: normal; 
  display:block; width:213px; height:30px; line-height: 30px;  padding-left: 17px; }
.vertmenu a:hover { background-image: url(../images/menuON.gif); background-repeat:no-repeat;
                    color:#FF0000;
}
.vertOFF { text-decoration:none; text-align:left;
  background-image: url(../images/menuSELECT.gif); background-repeat:no-repeat;
  color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; 
  font-weight: normal; 
  display:block; width:213px; height:30px; line-height: 30px;  padding-left: 17px; }
  
  
  /* --------------------------------------------HOZ MENU -------------------------- */
.menu1 a{ font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 14px; letter-spacing:0.5px; 
          display:block; color:#EF3E33; text-decoration: none; padding-right:4px; text-align:right; 
		  height:22px; line-height:22px; }
.menu1 a:hover { color:#FFFFFF; text-decoration: none; background-color:#EF3E33;
}
.menu2 { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 14px; letter-spacing:0.5px; 
         display:block; color:#EF3E33; text-decoration: none; padding-right:4px; text-align:right; 
		 height:22px; line-height:22px;
}
#submenu a { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; letter-spacing:0.5px; 
           display:block; padding:2px; padding-right:4px; text-align:right; 
		   color:#666666; text-decoration: none; background-color:#FFFFFF;
		   height:16px; line-height:16px;}
#submenu a:hover   { color:#FFFFFF; text-decoration: none; background-color:#EF3E33;
}
.hide{ display: none;
}
.show{ display: block;
}

/* -------------------------------- LAYOUT STYLES ----------------------------------------- */
#container {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 
#headerbox {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 40px;
}
#maincontent {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
}
#logobox {
	float: left;
	height: 35px;
	width: 700px;
	text-align: left;
	padding-top: 5px;
}
#toprightbox {
	float: right;
	height: 30px;
	width: 200px;
	text-align: right;
	padding-top: 10px;
}
#toprightbox img {border:0px;}
#left {
	float: left;
	height: auto;
	width: 200px;
	text-align: left;
}
#right {
	float: right;
	width: 770px;
	margin-left: 20px;
	text-align: left;
	height: auto;
}
#menubox {
	height: 29px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	line-height: 29px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-bottom:1px;
	text-align:center;
	background-image: url(../images/dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#footerbox {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top:30px;
	text-align:center;
	height: 50px;
	line-height: 25px;
	clear: both;
	font-size: 11px;
}
#bannerbox {
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#header {
	background-image: url(../images/topbg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 66px;
	width: 100%;
}
#bottomimagebg {
	background-image: url(../images/bottombg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 66px;
	width: 100%;
}
#main {
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#bigbanner {
	height: 450px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#homebanner {
	height: 400px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#newsbox {
	color: #FFFFFF;
	background-image: url(../images/newsbox.png);
	background-repeat: no-repeat;
	text-align: left;
	float: left;
	height: 365px;
	width: 185px;
	font-size: 11px;
	line-height: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#newsboxmain {
	height: 352px;
	width: 185px;
}
#newsboxmain a {text-decoration:none;}
#newsboxmain a:link {text-decoration:none;}
#newsboxmain a:active {text-decoration:none;}
#newsboxbottom {
	text-align: left;
	height: 8px;
	width: 185px;
	margin-bottom: 5px;
}
#gigsbox {
	color: #FFFFFF;
	background-image: url(../images/newsbox.png);
	background-repeat: no-repeat;
	text-align: left;
	float: left;
	height: 365px;
	width: 185px;
	font-size: 11px;
	line-height: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#gigsboxmain {
	height: 352px;
	width: 185px;
}
#gigsboxbottom {
	text-align: right;
	height: 8px;
	width: 185px;
	margin-bottom: 5px;
}
#bottomimagecontent {
	height: 60px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
#mailinglist {
	float: left;
	height: 22px;
	width: 190px;
	padding-top: 38px;
	text-align: left;
	padding-left: 10px;
}
#musicplayer {
	float: right;
	height: 40px;
	width: 695px;
	padding-top: 20px;
	text-align: right;
}
#musicplayer img {border:0px;margin-left:10px;}
#homevideo {
	float: left;
	height: 480px;
	width: 400px;
	padding-right: 40px;
	padding-left: 40px;
	font-size: 11px;
	text-align: center;
}
#fb {
	float: left;
	height: 65px;
	width: 420px;
	font-size: 11px;
	text-align: center;
}
#gigshome {
	float: right;
	height: auto;
	width: 185px;
}
#logostrip {
	text-align: right;
	height: 42px;
	width: 100%;
	margin-top: 10px;
}
#logostrip img {margin-right:10px;}
#textbanner {
	height: 200px;
	width: 900px;
}
#textbanner {
	height: 200px;
	width: 900px;
}
#vidbanner {
	height: 350px;
	width: 900px;
	text-align: center;
	margin-top: 20px;
}
#projectthumbstrip {
	width:900px;
	height:170px;
}
#projectthumbstriphome {
	width:420px;
	height:170px;
}
.gallerythumb {
	text-align: center;
	float: left;
	height: 240px;
	width: 200px;
	margin-left:12px;
	margin-right:12px;
	margin-top: 85px;
}
.gallerythumb img {border: 3px solid #000000;margin-bottom:10px;}
.gallerythumb img:hover {border: 3px solid #FFFFFF;margin-bottom:10px;}
.musiccontent {
	float: left;
	height: 350px;
	width: 650px;
}
.musiccontent img {float:left;margin-right:20px;}
/*

#mail-me-box {
display: none;
position: fixed;
top: 22%;
left: 33%;
width:350px;
border: 1px solid #ffffff;
background-color: #000000;
padding: 20px;
z-index: 100000000;
}
.close-btn {
float: right;
}
*/
/*  FORM STYLES */

.error {
color: #ee3300;
font-weight: bold;
font-size: 12px;
}

label {
width: 150px;
float: left;
color: #626262;
font-size: 12px;
font-weight: bold;
}

input, textarea {
margin-bottom: 5px;
border: 1px solid #999999;
}

input[type="image"] {
border: 0;
}
.newsitem {
	float: left;
	height: auto;
	width: 900px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
#musiccontentholder {
	float: left;
	height: 500px;
	width: 900px;
}
#musictitlebar {
	height: 30px;
	width: 900px;
}
#musictitlebarL {
	text-align: left;
	float: left;
	height: 30px;
	width: 500px;
}
#musictitlenbarR {
	line-height: 30px;
	text-align: right;
	float: right;
	height: 30px;
	width: 400px;
}
#homethumbs {
	height: 350px;
	width: 900px;
	float: left;
	text-align: center;
	margin-top: 20px;
}