@import url(reset.css);
@import url(typography.css);
@import url(h-nav2.css);


/*-------------------layout-------------------*/

body{background: #bdd8ed url(images/background.jpg) no-repeat top center fixed;}


body{
min-width:780px;/* for mozilla*/
width:100%;
}
#fullpage{
width:780px;
position:relative;
margin: 0 auto;
}

div#header{
background: url(images/banner.png);
height:311px;
text-indent:-9999px;

}

div#container{
position:relative;
width:800px;
top:50px;
clear:both;
}
div#content{
position:relative;
width:420px;
float:left;
margin:0 25px 0 0;
}
div#content.bigContent{
width:576px;
}
div#container.wideContainer{
width:840px;
}

div#bannerpic{
position:absolute;
top:37px;

}
div#sidebar{
	width:208px;
	float:left;
	margin-right:12px;
}

div#brief{
	width:192px;
	height:192px;
	left:0px;
	background: url(images/at-a-glance.gif) no-repeat bottom left;
	padding: 32px 7px 7px 9px;
}

div#mailinglist{
	width:194px;
}

div#sponsors{
position:relative;
background: url(images/footer-sponsors.gif) no-repeat top left;
left:208px;
width:563px;
margin-top:36px;
height:75px;
clear:both;
}

#links{
float:left;
margin:50px 0 0 0px;
width:114px;
z-index:1;

}
h1 a.guitar{
width:314px;
height:400px;
position:absolute;
top:0px;
right:0;
margin-right:-137px;
background:url(images/guitar1.png) bottom left;
text-indent:-800px;
display:block;
overflow:hidden;
z-index:100;
}
div.logo{
width:114px;
height:190px;
position:absolute;
top:37px;
left:0px;
z-index:500;
}
div.logo a{
width:114px;
height:190px;
display:block;
}
#gallery{
position:absolute;
left:132px;
top:18px;
width:517px;
height:231px;
list-style:none;
overflow:hidden;
}

#countdown{
position:absolute;
left:132px;
top:293px;
width:490px;
margin:0;
padding:0;
border:0;
z-index:101;
}


#countdown img{
margin: 0 2px 0 1px;
}
.countdown0, .countdown1, .countdown2, .countdown3, .countdown4, .countdown5, .countdown6, .countdown7, .countdown8, .countdown9{
width: 10px; height:25px; background:url(images/numberstrip-2.gif);
}

 div#countdown img, div#countdown div{display:block; float:left; }
.countdown0{background-position: 0px 0px; }
.countdown1{background-position: -10px 0px;}
.countdown2{background-position: -20px 0px;}
.countdown3{background-position: -30px 0px;}
.countdown4{background-position: -40px 0px;}
.countdown5{background-position: -50px 0px;}
.countdown6{background-position: -60px 0px;}
.countdown7{background-position: -71px 0px;}
.countdown8{background-position: -80px 0px;}
.countdown9{background-position: -90px 0px;}


#registerNow{
width:202px;
height:25px;
background:url(images/Register.gif) top left;
margin-left:10px;
z-index:101;
}
#registerNow:hover{
background:url(images/Register.gif) bottom left;
}
#registerNow a{
display:block;
width:100%;
height:100%;
text-indent:-2999px;
z-index:101;
}



/*-------------------UI elements-------------------*/


.button{
background: url(images/button.gif)  repeat-x top left;
border:1px #000 solid;
color:#FFFFFF;
text-align:center;
padding:1px 4px;
margin: 4px 0;
font: 1em/1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
 
}

.button:hover{
background: url(images/button.gif)  repeat-x bottom left;
}

.mailfield{
background-color: #e7e5e5;
border: 1px solid #ccc;
width:197px;
padding:2px;
margin: 2px 0;
color:#666;
font: 1em/1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.mailfield:focus{
background-color: #7398d3;
color: #fff;
border:1px solid #5078b7;
}

.clearit{
clear:both;
width:0px;
height:0px;
}


/*------------------- homepage elements -------------------*/

.homepage div#header{
background: url(images/home-masthead.png) no-repeat bottom left;
height:516px;
}

.homepage #gallery{
left:109px;
top:243px;
overflow:hidden;
}

.homepage ul#navigation{
	top:564px;
}

.homepage #countdown{
top:523px;
left:108px;
}

.homepage div#brief{
top:615px;
}

.homepage div#mailinglist{
	top:855px;
}

.homepage div#container{
top:74px;
}

.homepage h1 a.guitar{
width:519px;
height:569px;
top:0px;
right:0;
margin-right:-97px;
background: url(images/guitar-home.png) top left;
z-index:100;
}

.swirl1{
width:208px;
height:364px;
position:absolute;
top:242px;
left:0;
margin-left:-110px;
background:url(images/swirl-1.png) no-repeat top left;
}
.swirl2{
width:278px;
height:188px;
position:absolute;
top:310px;
right:0;
margin-right:-140px;
background:url(images/swirl-2.png) no-repeat top left;
}

.social{margin-top:22px;}

.social img{
float:left;
margin:4px 6px 0 0;
}



.alternate2{
background:#c2d5e8;
}
table ol{
margin: 0 6px 0 10px;
}
tr.alternate, .alternate, .alternate50{
background: #d5e6f2;
}
.alternate50{
width:50%;
background: #d5e6f2;
}

.alternate50-2{
width:50%; 
background:#c2d5e8;
}

.alternate33{
width:33%;
background: #c2d5e8;
}

.alternate33-2{
width:33%; 
background:#d5e6f2;
}

tr.tabletop, .tabletop, .tabletop p{
background: #5078b7;
color:#FFF;
}