@charset "utf-8";

/*---------------------global setting-----------------------*/

html, body, form, fieldset, ol, ul, blockquote, h1, h2, h3, h4, h5, p, li
	{	
 		margin:0px;
		padding:0px;
	}

body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:2.0;
		background:url(../telluridenothingfestival_images/telluride-mountain.jpg) no-repeat top center;
		background-color:#fff4da;
		color:#494233;
	}
	
.clear
	{
		clear:both;
	}

ul, li
	{ 
		list-style-type:none;
	}
	
img 
	{
		border:0px;
		margin:0px;
	}
	
a 
	{
		color:#ff9523;
		text-decoration:underline;
	}

a:hover 
	{
		color:#ff9523;
		text-decoration:none;
	}
	

#wrapper
	{
		width:900px;
		margin:0 auto;
	}

h1 {
	color:#000000;
	font-size:13px;
	margin-bottom:20px;
	border-bottom:1px dashed #d2c7ae;
	font-weight:bold;
}

h2 {
	color:#b3a7a0;
	font-size:12px;
	margin-bottom:20px;
	font-weight:bold;
}

h3 {
	color:#b3a7a0;
	font-size:12px;
	font-weight:normal;
}

h4 {
	font-size:12px;
	margin-top:10px;
	border-bottom:1px dashed #d2c7ae;
	font-weight:bold;
}

/*------------------------------header area----------------------*/

#header
	{
		width:900px;
		height:320px;
		background:url(../telluridenothingfestival_images/hdr.jpg) no-repeat;
	}

.preload-img { display:none; }

#nav-wrapper
	{
		padding-top:216px;
		padding-left:45px;
		width:700px;
	}
	
#nav-wrapper a span {
	display: none;
}

#festival-info a
	{
		background:url(../telluridenothingfestival_images/nothingfestival_nav/festival-info.jpg) no-repeat;
	}
	
#festival-info a:hover 
	{
		background:url(../telluridenothingfestival_images/nothingfestival_nav/festival-info-h.jpg) no-repeat;
	}
	
#festival-events a
	{
		background:url(../telluridenothingfestival_images/nothingfestival_nav/festival-events.jpg) no-repeat;
	}
	
#festival-events a:hover 
	{
		background:url(../telluridenothingfestival_images/nothingfestival_nav/festival-events-h.jpg) no-repeat;
	}

#festival-events-active 
	{
		background:url(../telluridenothingfestival_images/nothingfestival_nav/festival-events-h.jpg) no-repeat;
	}
	
#gallery-of-shirts a
	{
		background:url(../telluridenothingfestival_images/nothingfestival_nav/gallery-of-shirts.jpg) no-repeat;
	}
	
#gallery-of-shirts a:hover 
	{
		background:url(../telluridenothingfestival_images/nothingfestival_nav/gallery-of-shirts-h.jpg) no-repeat;
	}
	
#contact-us a
	{
		background:url(../telluridenothingfestival_images/nothingfestival_nav/contact-us.jpg) no-repeat;
	}
	
#contact-us a:hover 
	{
		background:url(../telluridenothingfestival_images/nothingfestival_nav/contact-us-h.jpg) no-repeat;
	}	
	
ul#nav {
	margin: 0px;
	padding: 0px;
	width:700px;
	}
	
ul#nav li {
	padding:0;
	margin:0;
	display: block;
	float: left;
	}
	
ul#nav li a {
	border:0;
	text-decoration:none;
	display: block;
	}
	
li#festival-info a {
	width:130px;
	height:68px;
	padding-left:15px;
	padding-right:15px;
}

li#gallery-of-shirts a {
	width:149px;
	height:68px;
	padding-left:15px;
	padding-right:15px;
}

li#festival-events a {
	width:150px;
	height:68px;
	padding-left:15px;
	padding-right:15px;
}

li#contact-us a {
	width:133px;
	height:68px;
	padding-left:15px;
	padding-right:15px;
}

#icons
	{ 
		float:right;
		padding-top:130px;
		padding-right:8px;
	}

#icons a img
	{ 
		padding:0 5px;
	}

#event-date
	{ 
		padding-top:56px;
		font-size:10px;
		color:#693e00;
		font-weight:bold;
	}


/*------------------------------content area----------------------*/

#content
	{
		width:840px;
		float:left;
		padding-left:30px;
		padding-right:30px;
		padding-bottom:10px;
	}
	
#content li
	{
		list-style:none;
		list-style-image:url(../telluridenothingfestival_images/bullet-arrow.jpg);
		margin-left:40px;
		padding-left: 5px;
		padding-top:-5px;
	}
	
.gallery-title
	{
		background:url(../telluridenothingfestival_images/nothingfestival_shirts/gallery-title.jpg) no-repeat center;
		text-align:center;
		font-weight:bold;
	}
	
/*------------------------------footer area----------------------*/

#footer
	{
		clear:both;
		height:124px;
	}

#footer a 
	{ 
		color:#69604b;
		text-decoration:none;
	}
	
#footer a:hover
	{ 
		color:#69604b;
		text-decoration:underline;
	}
		
#footer-content
	{
		width:900px;
		height:124px;
		margin:0 auto;
		background:url(../telluridenothingfestival_images/nothingfestival_footer/tile.jpg) repeat-x; 
	}

#footer-left
	{
		height:94px;
		width:720px;
		font-size:12px;
		float:left;
		color:#69604b;
		padding-top:27px;
		padding-left:30px;
		line-height:1.2;
		background:url(../telluridenothingfestival_images/nothingfestival_footer/left.jpg) no-repeat;
	}
	
#footer-right
	{
		height:124px;
		width:148px;
		float:right;
		background:url(../telluridenothingfestival_images/nothingfestival_footer/right.jpg) no-repeat;
	}