body {margin: 0; padding: 0; background: #ffffff url('images/bg_wallpaper.jpg') top right repeat;}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}


/* Basic Phrase Element Styles
---------------------------------------------------------- */
span {display: none;}
strong {font-weight: bold;}
h1 {margin: 0; padding: 0; font-family: helvetica; text-transform: uppercase; font-size: 14px;} 

/* Anchors
---------------------------------------------------------- */
a:link, a:active {text-decoration: none; color:#a73e2b;}
a:visited {text-decoration: none;color:#a73e2b;}
a:hover {text-decoration: none;color:#d07e0e;}
a img {border-width: 0; border-style: none;}

/* Generic page structure
---------------------------------------------------------- */
#artist{
	width: 625px;
	height: 300px;
	overflow: auto;
	}
	
#artist-bio{
	width: 350px;
	float: left;
	margin: 0 15px 0 0;
	}
	
#artist-photo{
	width: 200px;
	float: left;
	}
		
#container{
	width: 800px;
	margin: 0 auto;
	padding-bottom: 100px; /* must be same height as the footer */
	}
	
#content{
	width: 625px;
	margin: 0 auto;
	padding: 0;
	font-family: helvetica;
	}
	
#logo{
	width: 800px;
	height: 325px;
	margin: 0;
	padding: 0;
	background: transparent url('images/chcknegg_logo.png') no-repeat top;
	}
	
#nav_wrap{
	width: 800px;
	height: 350px;
	position: relative;
	}
	
#right-column{
	width: 225px;
	float: left;
	}
	
#left-column{
	width: 350px;
	float: left;
	margin: 0 50px 0 0;
	font-size: 0.9em;
	}
	
.box-top{
	width: 225px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: transparent url('images/box-top.png') no-repeat top left;
	}
	
.box-middle{
	width: 225px;
	margin: 0;
	padding: 0;
	background: transparent url('images/box-middle.png') repeat-y top left;
	}
	
.box-bottom{
	width: 225px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: transparent url('images/box-bottom.png') no-repeat top left;
	}

.content{
	padding: 0 10px 0 10px;
	color: #ffffff;
	}
	
.content p{
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	}

/* Navigation Structure
---------------------------------------------------------- */

.tooltip{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	}
	
/* HOME Button */
a.home { 
	background: url('images/home.png') repeat 0px 0px; 
    width: 42px; 
    height: 56px; 
    display: block;
    position: absolute;
    top: 135px;
    left: 450px;
	}

a.home:hover { 
    background: url('images/home.png') repeat 0px -56px; 
	}
		
/* EVENT Button */
a.event { 
	background: url('images/event.png') repeat 0px 0px; 
    width: 43px; 
    height: 53px; 
    display: block;
    position: absolute;
    top: 134px;
    left: 512px;
	}

a.event:hover { 
    background: url('images/event.png') repeat 0px -53px; 
	}
		
/* ARTIST Button */
a.artist { 
    background: url('images/artist.png') repeat 0px 0px; 
    width: 42px; 
    height: 54px; 
	display: block;
    position: absolute;
    top: 143px;
    left: 557px;
	}

a.artist:hover { 
    background: url('images/artist.png') repeat 0px -54px; 
	}
		
/* VIDEO Button */
a.video { 
    background: url('images/video.png') repeat 0px 0px; 
    width: 49px; 
    height: 57px; 
    display: block;
    position: absolute;
    top: 134px;
    left: 599px;
	}

a.video:hover { 
    background: url('images/video.png') repeat 0px -57px; 
	}
		
/* CONTACT Button */
a.contact { 
    background: url('images/contact.png') repeat 0px 0px; 
    width: 42px; 
    height: 52px; 
    display: block;
    position: absolute;
    top: 135px;
    left: 675px;
	}

a.contact:hover { 
    background: url('images/contact.png') repeat 0px -52px; 
	}
		

/* Footer Structure
---------------------------------------------------------- */

#footer{
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
	color: #726c5f;
	} 
	
#footer-wrap{
	width: 625px;
	margin: 0 auto;
	font-size: 0.9em;
	}
	
#footer table{
	width: 625px;
	}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
