/* STYLE FORMATTING */

body {
	margin:0px; padding:0px;  
    background-color:#000000;  
	color:#FBDBCF;
	font:11pt Constantia, ‘Lucida Bright’, Lucidabright, ‘Lucida Serif’, Lucida, ‘DejaVu Serif’, ‘Bitstream Vera Serif’, ‘Liberation Serif’, Georgia, serif;
	}
	
/* Title */	

h2  {
	color:#F28181;
}

/* Sub-Title */

h3  {
	color:#F28181;
}
	
strong {
		font-size:1.1em;
		}	
	
p {
	text-align:left;
	}

		
a:link {
	text-decoration:none;
	font-weight:bold;
	color:#FF4444;
	}
	
a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#FF4444;
	}
	
a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	}

a:active {
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	}

/* LAYOUT FORMATTING */

#outsidecontainer {
	min-height:900px;
	width:100%;
	min-width:1024px;
	background:url(images/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin-left:auto; margin-right:auto;

	}
	
#topcontainer {
	width:940px;
	margin-left:auto; margin-right:auto;

	}
	
#header{
	margin-left:132px;
	padding-top:20px;
	}
	
/* The H1 Tag is set to replace the header text with an image - Use H2 for titles */
	
#header h1 {
	text-indent: -2000em;
	overflow: hidden;
	background: url(images/header.jpg) no-repeat;
	width: 702px;
	height: 261px;
	padding:0px;
	margin: 0px;

	}
	
#header a {
	display:block;
	width: 702px;
	height: 261px;	
	}
	

/* The navigation section uses CSS image sprites to handle hover states */
	
#nav{
	margin-top:-18px;
	margin-left:81px;
	width:780px;
	height:82px;
	background: url(images/nav.jpg) no-repeat;
	}
	
#nav ul {
	position:relative;
	list-style:none;
	width: 702px;
	height: 82px;
	}

/* Like the header, navigation text is replaced with an image */
	
#nav ul li a{
	position:absolute;
	display:block;
	width: 100px;
	height: 82px;
	text-indent: -2000em;
	overflow: hidden;
	background: url(images/nav.jpg) no-repeat;
	background-position:center;
	}
	
#nav ul li a#about{
	left:158px;
	background-position:158px 0px;
	}
	
#nav ul li a#gigs{
	left:266px;
	background-position:266px 0px;
	}
	
#nav ul li a#media{
	left:375px;
	background-position:375px 0px;
	}
	
#nav ul li a#contact{
	left:505px;
	background-position:505px 0px;
	}
	
#nav ul li a#about:hover{
	background-position:-158px -82px;
	}
	
#nav ul li a#gigs:hover{
	left:266px;
	background-position:-266px -82px;
	}
	
#nav ul li a#media:hover{
	left:390px;
	background-position:-390px -82px;
	}
	
#nav ul li a#contact:hover{
	left:545px;
	background-position:-545px -82px;
	}
	

/* Determining size and position for content divs */
	
#maincontainer {	
	width:100%;
	margin-left:auto; margin-right:auto; margin-top:50px; 
	min-height:500px;
	}
	
#content {
	width:620px;
	margin-left:auto; margin-right:auto;
	}	
	
/* Class definition for two columns in a 2-column layout */	
	
.column1 {
	float:left;
	width:285px;
	margin-left:0px; margin-right:20px;
	padding:1px;
	}
	
.column2 {
	float:right;
	width:285px;
	margin-left:20px; margin-right:0px;
	padding:1px;
	}
	
/* Footer divs.  These will be updated in the future but are workable for now */	
	
#footercontainer {
	width:100%;
	margin-top:50px;
	border-top:3px solid #42584b;
	background-color:#141b17;
	}
	
#footercontent {
	width:620px;
	margin-left:auto; margin-right:auto;
	}	

	
#footernav {
	height: 30px;
	width: 620px;
	margin-left:auto; margin-right:auto;
	font-size:1.2em;
	}

#footernav ul {
	list-style:none;
	}
	
#footernav li {
	padding-left:30px;padding-right:30px;
	display:inline;
	}
	
.hd {
	float:left;
	margin-right:10px;
		}