/* CSS Document */

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

body{
background:url('../images/background.jpg') no-repeat top center;
text-align:center;
padding:auto;
}
#wrapper{
width:980px;
margin:auto;
text-align:center;
}

#header{
text-align:left;
height:76px;
padding:0px;}
#header #logo{
float:left;
width:720px;
height:71px;
background:url('../images/logo.png') no-repeat;
}
#header #logo a{display:block;width:100%;height:100%;
text-decoration:none;}
#header #connect{
float:right;
height:20px;
}
#header #connect a.facebook{
background:url('../images/b_facebook.png') no-repeat;
text-decoration:none;
padding:8px;
}
#header #connect a.twitter{
background:url('../images/b_twitter.png') no-repeat;
text-decoration:none;
padding:8px;
}
#header #connect a.eric{
background:url('../images/b_ericolsen.png') no-repeat;
text-decoration:none;
padding:8px;
}
#header #connect a.contact{
background:url('../images/b_contact.png') no-repeat;
text-decoration:none;
padding:8px;
}
#header #connect a.itunes{
background:url('../images/b_itunes.png') no-repeat;
text-decoration:none;
padding:8px;
}
#header #erictab {
float:right;
}
#main{
width:100%;
height:415px;
position:relative;
}

#leftpage{
position:absolute;
left:0px;
width:490px;
height:300px;
z-index:5;
}

#rightpage{
position:absolute;
left:491px;
width:490px;
z-index:6;

}
#leftpage a{
display: block;
width:490px;
height:420px;

}
#rightpage a{
display: block;
width:490px;
height:420px;
}
#leftpage .mb, #rightpage .mb {
display:block;
height:421px;
background:url('../images/transp.gif') bottom no-repeat;
}
#prev{
display:block;
float:left;
bottom:-6px;
width:490px;
height:30px;
z-index:10;
margin-top:-36px;
padding:0px;
background:url('../images/leftcorner.png') bottom left no-repeat;
border:0px;}
#next{
display:block;
float:right;
bottom:-6px;
width:490px;
height:30px;
z-index:11;
margin-top:-36px;
padding:0px;
background:url('../images/rightcorner.png') bottom right no-repeat;
border:0px;}
#prev a, #next a{
display:block;
width:15px;
height:30px;
text-decoration:none;
border:0px;
}			
#footer{	
clear:both;
	background:url(../images/footerbg.png) no-repeat bottom;	
	position:relative;
	margin-top:25px;
	bottom:0px;
	padding:15px;
	width:960px;
}