/* CSS Document */



/*
-----------------------------------------------
Style Sheet

Site: crashencore.com
Author:   aaryn.com
Version:  2007.12
----------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,button { margin:0; padding:0; }




/* global elements
 * ------------------------------------------------------------------------- */

/* Default font size in IE and FireFox is 16px. Default for Safari is 14px. */
html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}

body {

	font-size:.75em; /* Read by IE only. - 75% of 16px = 12px */
	text-align:left;
	margin:12px 0;
	background:url(../images/bg.jpg) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

html>body {
	font-size:12px; /* overrides the font-size above in all browsers except IE. These browsers can resize text that is specified in px so this is ok. */
	}

a:link, a:visited {
	color:#853b1c;
	}
	
a:hover, a:active {
	color:#bf6e2b;
	}

/* Classes
 * ------------------------------------------------------------------------- */

.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

.pic_left {
	margin:0 10px 2px 0;
	float:left;
	}

.pic_right {
	margin:0 0px 2px 10px;
	float:right;
	}

.pic_border, a:link .pic_border, a:visited .pic_border  {
	padding:2px;
	border:1px solid #794934;
	}


/* Classes
 * ------------------------------------------------------------------------- */
#demo-bar {
	margin: 5px auto;
	padding: 5px 0;
	width: 600px;
	border-bottom: 1px solid #B3D4EF;
	background: #EFF8FF;
	text-align: center;
}
 
#demo-wrapper {
	margin: 0px auto;
	overflow: hidden; 
	width: 780px;
	height: 466px; 
	position: relative;
}
 
#demo-inner {
	width: 4829px;
	height: 700px;
	background-image: url(../images/sky.jpg);
	position: relative;
}
 
.scrolling-content {
	background: transparent url(../images/bubble.png) top left no-repeat;
	width: 139px;
	height: 73px;
	text-align: center;
	position: absolute;
}
 
.scrolling-content h1 { 
	color: #fff;
	padding: 25px 0;
	font-size: 12px;
}
 
#content1 {
	left: 40px; 
	top: 30px;
	background:url(../images/home_frame_bg.gif) no-repeat top left;
	width:710px;
	position:absolute;
	padding-top:5px;
}
	
	#content1 h1, #content2 h1{
		padding:0;
		margin:0;
		}
 
#content2 {
	left: 850px; 
	top: 200px;
	width:710px;
	position:absolute;
}
	#content2 h1 {
		background:url(../images/bio_title.gif) no-repeat;
		width:43px;
		height:23px;
		text-indent:-9999px;
		margin-bottom:10px;
		}
 
#content3 {
	left: 1600px; 
	top: 30px;
	width:710px;
	position:absolute;
}
 
 #content3 h1 {
		background:url(../images/calendar_title.gif) no-repeat;
		width:119px;
		height:24px;
		text-indent:-9999px;
		float:left;
		}
 
#content4 {
	left: 2400px; 
	top: 200px;
	width:710px;
	position:absolute;
}
	
	#content4 h1 {
		background:url(../images/media_title.gif) no-repeat;
		width:119px;
		height:24px;
		text-indent:-9999px;
		margin-bottom:10px;
		}



#content5 {
	left: 3200px; 
	top: 30px;
	width:710px;
	position:absolute;
}

	#content5 h1 {
		background:url(../images/store_title.gif) no-repeat;
		width:119px;
		height:24px;
		text-indent:-9999px;
		margin-bottom:10px;
		}


#content6 {
	left: 4050px; 
	top: 220px;
	width:710px;
	position:absolute;
}

	#content6 h1 {
		background:url(../images/contact_title.gif) no-repeat;
		width:119px;
		height:24px;
		text-indent:-9999px;
		margin-bottom:10px;
		}


#head_container {
	margin:0 auto;
	width:910px;
	height:540px;
	background:#ccc;
	position:relative;
	background:url(../images/frame.gif) no-repeat;
	padding-top:64px;
	font-size:.92em;
	}
#jon_head {
		position:absolute;
		background:url(../images/jon_head.gif) no-repeat;
		width:300px;
		height:253px;
		top:277px;
		left:65px;
		z-index:4;
		}


#header_container {
	margin:0 auto;
	width:910px;
	}

#logo {
	float:left;
	background:url(../images/crash_encore_logo.gif) no-repeat;
	width:340px;
	height:51px;
	text-indent:-5000px;
	}

#cd {
	background:url(../images/cd_icon.gif) no-repeat 0px 0px;
	padding-left:30px;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:4px;


	}

#itunes {
	background:url(../images/itunes_icon.gif) no-repeat;
	padding-left:30px;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:4px;
	margin-top:20px;
	
	}

#thankyou {
	left: 40px; 
	top: 30px;
	width:710px;
	position:absolute;
	padding-top:5px;
}


#thankyou h1 {
	background:url(../images/thankyou_title.gif) no-repeat;
	width:200px;
	height:24px;
	text-indent:-9999px;
	margin-bottom:10px;
	}

/* Form
 * ------------------------------------------------------------------------- */
form {
	margin-left:150px;
	margin-top:50px;
	width:450px;
	}
 
form br { line-height:0; height:0; clear:left } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#fff2bc !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #414141;
	color:#000;
	width:215px; /* 7 pixels smaller than form width !important */
	margin-bottom:8px; /* sets vertical spacing between fields */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	float:left;
	font-size:1.2em;
	}


fieldset {
	margin:10px 0 0 0;
	padding:0px 0 0 0;
	}



.checkbox {
	width:13px;
	height:13px;
	border:none;
	background:none;
	margin:3px 6px 0 110px ;
	}


	label {
	font-size:.92em;
	font-weight:bold;
	margin-right:10px;
	width:130px;
	float:left;
	}


form select {
 width:222px; padding:0; font-size:.92em; } /* same width as form - !important */



#message {
	width:300px;
	height:150px;
	}

#submit_button {
	background:url(../images/submit_button.jpg) no-repeat;
	width:56px;
	height:21px;
	border:none;
	text-indent:-5000px;
	cursor:pointer;
	margin:0 0 0 140px;
	padding:0;
	}

#submit_button:hover {
 	background-position: 0 -21px;
	}

#go_button {
	background:url(../images/go_button.jpg) no-repeat;
	width:25px;
	height:18px;
	border:none;
	text-indent:-5000px;
	cursor:pointer;
	margin:0 0 0 5px;
	padding:0;
	}

#go_button:hover {
 	background-position: 0 -18px;
	}



/* horizontal navigation
 * ------------------------------------------------------------------------- */

.nav { background:url("../images/nav.gif") no-repeat; width:456px; height:15px; position:relative; float:left; margin:25px 0 0 110px; }
.nav li { position:absolute; top: 0; }
.nav li, .nav a { height:15px; display:block; }
.nav span { display:none; }

.nav-01 { width: 48px; left:0; }
.nav-02 { width: 29px; left: 79px; }
.nav-03 { width: 72px; left: 137px; }
.nav-04 { width: 51px; left: 240px; }
.nav-05 { width: 43px; left: 322px; }
.nav-06 { width: 62px; left: 394px; }


.nav-01 a:hover { background: transparent url("../images/nav.gif") -0 -15px no-repeat; }
.nav-02 a:hover { background: transparent url("../images/nav.gif") -79px -15px no-repeat; }
.nav-03 a:hover { background: transparent url("../images/nav.gif") -137px -15px no-repeat; }
.nav-04 a:hover { background: transparent url("../images/nav.gif") -240px -15px no-repeat; }
.nav-05 a:hover { background: transparent url("../images/nav.gif") -322px -15px no-repeat; }
.nav-06 a:hover { background: transparent url("../images/nav.gif") -394px -15px no-repeat; }