﻿*
{
	margin: 0;
	padding: 0;
}

body
{
	color: #888888;
    background-color: #000000;
    font-size: .8em;
    font-family: Arial;
    margin: 0;
    padding: 0;
    overflow: scroll;
}

img
{
	border: 0;
}

#page
{
	background-color: #376a80;
	background-image: url(/Content/images/page_top_bg.png);
	background-position: top;
	background-repeat: no-repeat;
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
}

#header
{
	margin-top: 50px;
}

#main
{
	margin-top: 20px;
}

#footer
{
	padding: 15px;
	margin-bottom: 15px;
	background: #1c3641;
}

/* LINKS
-----------------------------------------------*/
a
{
	text-decoration: none;
	
}
a:hover
{
	text-decoration: underline;
}
a.readmore
{
	color: #b36b00;
	font-size: .85em;
}

/* HEADER GRAPHIC
-----------------------------------------------*/
#banner
{
	height: 263px;
}

/* TAB MENU
-----------------------------------------------*/
#menuContainer
{
}

ul#menu
{
	list-style: none;
}
ul#menu li
{
	float: left;
}
ul#menu li a
{
	display: block;
	float: left;
	height: 39px;
	background-image: url(/Content/images/menu.png);
	text-indent: -1500px;
}
	ul#menu li a.bump-left
	{
		width: 123px;
		background-position: 0 0;
	}
	ul#menu li a.home
	{
		width: 104px;
		background-position: -123px 0;
	}
	ul#menu li a.blog
	{
		width: 81px;
		background-position: -227px 0;
	}
	ul#menu li a.news
	{
		width: 83px;
		background-position: -308px 0;
	}
	ul#menu li a.events
	{
		width: 103px;
		background-position: -392px 0;
	}
	ul#menu li a.media
	{
		width: 90px;
		background-position: -495px 0;
	}
	ul#menu li a.store
	{
		width: 93px;
		background-position: -585px 0;
	}
	ul#menu li a.contact
	{
		width: 119px;
		background-position: -678px 0;
	}
	ul#menu li a.bump-right
	{
		width: 142px;
		background-position: -797px 0;
	}
	
/* FOOTER MENU
-----------------------------------------------*/
.footerMenu
{
	padding: 2px;
	font-size: .9em;
	margin-left: auto;
	margin-right: auto;
}
.footerMenu a
{
	color: #AAAAAA;
	padding: 0 15px;
}

/* FOOTER INFO
-----------------------------------------------*/
#footerInfo
{
	width: 475px;
	font-size: .9em;
	margin-left: auto;
	margin-right: auto;
}

#copyrightInfo
{
	float: left;
	padding: 20px 10px;
}

#inoInfo
{
	float: left;
}

#crucialDesignsInfo
{
	float: left;
	padding: 20px 10px;
}
#crucialDesignsInfo a
{
	color: #888888;
}


/* HOME PAGE
-----------------------------------------------*/
div#main div
{	
}

div#main .col_left
{
}
div#main .col_center
{
}
div#main .col_right
{
}

div#main .section
{
	margin: 0 0 15px 0;
	padding: 5px;
	background: #1c3641;
}
div#main .section h1,
div#main .section h2
{
	text-indent: -900%;
}
	div#main .section.videos
	{
		padding-top: 25px;
		background: #1c3641 url(/Content/images/section_header_videos.png) no-repeat top;
	}
	div#main .section.music
	{
		padding-top: 25px;
		background: #1c3641 url(/Content/images/section_header_music.png) no-repeat top;
	}
	div#main .section.photos
	{
		padding-top: 25px;
		background: #1c3641 url(/Content/images/section_header_photos.png) no-repeat top;
	}
	div#main .section.events
	{
		padding-top: 25px;
		background: #1c3641 url(/Content/images/section_header_events.png) no-repeat top;
	}
	div#main .section.blog
	{
		padding-top: 25px;
		background: #1c3641 url(/Content/images/section_header_blog.png) no-repeat top;
	}
	div#main .section.news
	{
		padding-top: 25px;
		background: #1c3641 url(/Content/images/section_header_news.png) no-repeat top;
	}
	
	

/* BLOG
-----------------------------------------------*/
ul.blog-list
{
	list-style: none;
	margin: 0 5px;
}

ul.blog-list li
{
	margin: 10px 0;
	line-height: 1.5em;
	border-bottom: dotted 2px #444444;
}
	ul.blog-list li h3
	{
		color: #EEEEEE;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}
	ul.blog-list li h4
	{
		color: #EEEEEE;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}	
	ul.blog-list li span
	{
		font-size: .9em;
	}
	ul.blog-list li div
	{
		margin: 0 0 3px 0;
	}
	ul.blog-list li a
	{
		color: #EEEEEE;
	}
	ul.blog-list li a.readmore
	{
		display: block;
		color: #b36b00;
		font-size: .85em;
	}

div.blog-post
{
}
div.blog-post .post
{
	margin: 10px 15px;
	padding-top: 30px;
}
	div.blog-post .post h3
	{
		color: #EEEEEE;
		font-size: 1.5em;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}
	div.blog-post .post span
	{
		font-size: .9em;
	}
	div.blog-post .post div
	{
		padding: 10px 0 3px 0;
	}
	
div.blog-post a.backto
{
	display: block;
	color: #b36b00;
	font-size: 1em;
	font-weight: bold;
}
	
/* NEWS
-----------------------------------------------*/
ul.news-list
{
	list-style: none;
	margin: 0 5px;
}

ul.news-list li
{
	margin: 10px 0;
	line-height: 1.5em;
	border-bottom: dotted 2px #444444;
}
	ul.news-list li h3
	{
		color: #EEEEEE;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}	
	ul.news-list li h4
	{
		color: #EEEEEE;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}	
	ul.news-list li span
	{
		font-size: .9em;
	}
	ul.news-list li div
	{
		margin: 0 0 3px 0;
	}
	ul.news-list li a
	{
		color: #EEEEEE;
	}
	ul.news-list li a.readmore
	{
		display: block;
		color: #b36b00;
		font-size: .85em;
	}

div.news-story
{
}
div.news-story .story
{
	margin: 10px 15px;
	padding-top: 30px;
}
	div.news-story .story h3
	{
		color: #EEEEEE;
		font-size: 1.5em;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}
	div.news-story .story span
	{
		font-size: .9em;
	}
	div.news-story .story div
	{
		padding: 10px 0 3px 0;
	}
	
div.news-story a.backto
{
	display: block;
	color: #b36b00;
	font-size: 1em;
	font-weight: bold;
}

/* EVENTS
-----------------------------------------------*/
div.event-list-header
{
	padding: 10px 3px 5px 3px;
	color: #EEEEEE;
	font-weight: bold;
	text-transform: uppercase;
}
	div.event-list-header .date
	{
		float: left;
		width: 150px;
	}
	div.event-list-header .venue
	{
	}

ul.event-list
{
	list-style: none;
}

	ul.event-list li
	{
		padding: 5px;
		line-height: 1.2em;
	}
	ul.event-list li.odd
	{
		background: #12232a;
	}
	ul.event-list li.even
	{
		background: #18303a;
	}
		ul.event-list li .date
		{
			float: left;
			width: 150px;
		}
		ul.event-list li .venue
		{
		}
		
	div.event-list-footer a.readmore
	{
		display: block;
		padding: 5px;
		color: #b36b00;
		font-size: .85em;
	}

div.events-event
{
}
div.events-event .event
{
	margin: 10px 15px;
	padding-top: 30px;
}
	div.events-event .event h3
	{
		color: #EEEEEE;
		font-size: 1.5em;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}
	div.events-event .event h4
	{
		color: #CCCCCC;
		font-size: 1.25em;
		margin: 0;
		padding: 0;
	}
	div.events-event .event div
	{
		padding: 10px 0 3px 0;
	}
	div.events-event .event strong,
	div.events-event .event a
	{
		color: #AAAAAA;
	}
	
div.events-event a.backto
{
	display: block;
	color: #b36b00;
	font-size: 1em;
	font-weight: bold;
}

/* MEDIA
-----------------------------------------------*/

/* STORE
-----------------------------------------------*/
ul.product-list
{
	list-style: none;
	margin: 10px 5px;
}

ul.product-list li
{
	margin: 10px 0;
	line-height: 1.5em;
	border-bottom: dotted 2px #444444;
}
	ul.product-list li h3
	{
		color: #EEEEEE;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}
	ul.product-list li h4
	{
		color: #EEEEEE;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}	
	ul.product-list li span
	{
		font-size: .9em;
	}
	ul.product-list li div
	{
		margin: 0 0 3px 0;
	}
	ul.product-list li a
	{
		color: #EEEEEE;
	}
	ul.product-list li a.readmore
	{
		display: block;
		color: #b36b00;
		font-size: .85em;
	}
	ul.product-list li a.addtocart
	{
		display: block;
		color: #b36b00;
		font-size: 1em;
		font-weight: bold;
	}



/* CONTACT
-----------------------------------------------*/
div.contact-index
{
}
div.contact-index .contact
{
	margin: 15px 15px;
}
	div.contact-index .contact h4
	{
		color: #CCCCCC;
		font-size: 1.25em;
		margin: 0;
		padding: 0;
	}
	div.contact-index .contact span
	{
		font-size: .9em;
	}
	div.contact-index .contact div
	{
		padding: 10px 0 3px 15px;
	}
	div.contact-index .contact a
	{
		color: #b36b00;
		font-weight: bold;
	}

div.contact-index #message
{
	margin: 15px 15px;
}
	div.contact-index #message h4
	{
		color: #CCCCCC;
		font-size: 1.25em;
		margin: 0;
		padding: 0;
	}
	div.contact-index .post span
	{
		font-size: .9em;
	}
	div.contact-index .post div
	{
		padding: 10px 0 3px 0;
	}
	
div.blog-post a.backto
{
	display: block;
	color: #b36b00;
	font-size: 1em;
	font-weight: bold;
}

.required { color: Yellow; margin-right: 2px; }

.validation-summary-errors ul
{
	list-style: none;
	color: Yellow;
	margin: 0 0 10px 20px;
}
