/*
Love@First Website Stylesheet
ISITE Design, Inc.

grey brdr	#b5b7b9

*/

/* -------------------------------------------------------- resets ----- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,dfn,font,
img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1;font-family:inherit;text-align:left;vertical-align:baseline;}
hr { display: none; }
a img, :link img, :visited img { border: 0; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul { list-style: none; }
q:before, q:after,
blockquote:before, blockquote:after { content: ""; }
input, textarea { border: 1px solid #484848; }
#accessibility { position: absolute;  left: -999em; }

/* -------------------------------------------------------- base ----- */
html { background: #000 url(../img/dev/bg_html.gif) center top; }
body {
	color: #231f20;
	font: 62.5%/1.6 Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif;
}

a,a:link,a:visited	{ color: #891b18;}
a:hover, a:focus 	{ color: #000; }

h1	{ font-size:160%; }
h2	{ font-size:140%; }
h3	{ font-size:130%; font-weight: bold; }
h4	{ font-size:120%; }
h5	{ font-size:100%; }
h6	{ font-size:90%; }

p, ol, ul	{ line-height: 1.4; }

/* ------------------------------------------------------ layout ----- */
#wrapper {
	background: transparent url(../img/dev/bg_body.gif) center top repeat-y;
	font-size: 1.2em;
	margin: 0 auto;
	position: relative;
	width: 807px;
}
#header {
	background: transparent url(../img/dev/bg_header.jpg) 0 0 no-repeat;
	padding: 18px 0 0 0;
	width: 807px;
}
	* html #header { background-position: 1px 0; }
	#brand {
		background: transparent url(../img/dev/logo.gif) no-repeat;
		display: block;
		height: 102px;
		margin: 0 0 0 12px;
		overflow: hidden;
		text-indent: -999em;
		width: 243px;
	}
	#header p { line-height: 0; text-indent: -999em; }
	#nav {
		background: transparent url(../img/dev/nav.gif) 0 0 no-repeat;
		float: right;
		margin: -46px 14px 0 0;
		width: 521px;
	}
		#nav li { display: inline; }
		#nav a {
			background: transparent url(../img/dev/nav.gif) no-repeat;
			color: #000;
			display: block;
			float: left;
			line-height: 1.1;
			min-height: 44px;
			overflow: hidden;
			padding: 36px 0 0 18px;
			text-decoration: none;
			width: 112px;
		}
			* html #nav a { height: 54px; padding-top: 26px; }
			#nav a:hover { color: #891b18; }
			#nav a strong { display: block; height: 0; text-indent: -999em; }
		
			#nav #nav-about a 		{ background-position: 0 0; }
			#nav #nav-speakers a 	{ background-position: -130px 0; }
			#nav #nav-location a 	{ background-position: -260px 0; }
			#nav #nav-tickets a 	{ background-position: -390px 0; }
		
			#about #nav #nav-about a, #nav #nav-about a:hover 	{ background-position: -521px 0; }
			#speakers #nav #nav-speakers a, #nav #nav-speakers a:hover 	{ background-position: -651px 0; }
			#location #nav #nav-location a, #nav #nav-location a:hover 	{ background-position: -781px 0; }
			#nav #nav-tickets a:hover 	{ background-position: -911px 0; }

#content {
	clear: right;
	margin: 0 6px 0 238px;
	width: 560px;
}
	#splash {
		background: transparent url(../img/dev/bg_splash.jpg) 0 0 no-repeat;
		color: #fff;
		height: 12.8em;
		margin: 0 0 10px 0;
		overflow: hidden;
		padding: 38px 20px 40px 20px;
		position: relative;
		width: 520px;
	}
		* html #splash { height: 13em; }
		#splash h1 {
			background: transparent url(../img/dev/hdr_home.gif) 0 0 no-repeat;
			height: 79px;
			margin: 0 6px;
			text-indent: -999em;
		}
		#splash p {
			background: #891b19;
			margin: 0 0 0 5px;
			padding: 4px;
			width: 280px;
		}
		#splash span {
			display: block;
			border-bottom: 1px solid #b5b7b9;
			height: 35px;
			position: absolute; left: 15px; bottom: 0;
			width: 530px;
		}
		
	#columns {
		background: transparent url(../img/dev/bg_columns.jpg) 0 0 no-repeat;
		float: left;
		padding: 130px 0 18px 0;
		width: 560px;
	}
		.column {
			float: left;
			margin: 0 7px 0 14px;
			width: 165px;
		}
			* html .column { margin: 0 14px 0 7px; }
			* html #hawaii { margin-right: 0; }
			.column h2 { }
			.title {
				border-bottom: 1px solid #b5b7b9;
				color: #891b18;
				font-weight: bold;
				margin: 1px 0 7px 0;
				padding: 0 0 7px 0;			
			}
				.page #content .intro p.title { border-bottom: 0; padding: 0; margin: 0; }
				.title a { text-decoration: none; }
	
	#event {
		background: transparent url(../img/dev/hdr_nov5th.gif) 0 0 no-repeat;
		padding: 150px 0 0 0;
		position: absolute; left: 32px; top: 120px;
		width: 179px;
	}
		#event h3 { text-indent: -999em; }
		#event h4 {
			border-top: 1px solid #b5b7b9;
			font-weight: bold;
			margin: 10px 0 2px 0;
			padding: 16px 0 0 0;
		}
		#event p { margin-bottom: 1em; }

/* ------------------------------------------------------ page ----- */	

.page #content p, .page #content h1, .page #content h2 { margin: 0 16px 1em 12px; }
.page #content p.directions { margin-bottom: 13em; }
.page #content h1, .page #content h2 { margin-bottom: 0; }
.page #content h1 { padding-top: 22px; }
.page #content #mapwrap h1 { padding-top: 0; }
#speakers #content .intro h2{margin-left: 0;}
.intro {
	border-bottom: 1px solid #b5b7b9;
	margin: -6px 16px 1em 12px;
	padding: 0 0 1em 0;
}
	.page #content .intro h1, .intro h2 { font-size: 1.4em; }
	.page #content .intro h1 { margin: 0; }
	.intro a { font-weight: bold; text-decoration: none; }
.page #content h3 { margin: 0 16px 2px 11px; }
.page #content ol {
	list-style: decimal;
	margin: 1em 32px 4em 32px;
}

dl { margin: 1em 16px 1.5em 12px; }
	dt { color: #891b18; float: left; font-weight: bold; margin-bottom: 1em; width: 140px; }
	dd { margin-bottom: 1em; margin-left: 120px; }

#content ul {
	list-style: disc;
	margin: 0 16px 1em 32px;
}
	#content li {
		line-height: 1.3;
	}

	
/* ------------------------------------------------------ btns ----- */		
.btn {
	display: block;
	overflow: hidden;
	text-indent: -999em;
}
	#register {
		background: transparent url(../img/dev/btn_registertoday.gif) 0 0 no-repeat;
		height: 35px;
		margin: 0 0 0 13px;
		width: 134px;
	}
		a#register:hover { background-position: 0 -35px; }
	
	.learnmore, .register {
		background: transparent url(../img/dev/btn_learnmore.gif) 0 0 no-repeat;
		height: 13px;
		margin: 10px 0 0 0;
	}
	.register {
		background: transparent url(../img/dev/btn_register.gif) 0 0 no-repeat;
		margin: 0 0 4em 11px;
		width: 100px;
	}
		a.learnmore:hover, a.register:hover { background-position: 0 -13px; }

/* --------------------------------------------------------- map ----- */
#mapwrap {
	background: #fff url(../img/content/map_alt.gif) no-repeat;
	height: 331px;
	padding: 29px 0 0 0;
	width: 560px;
}
	#mapwrap h1 { text-indent: -999em; height: 0; }
	* html #mapwrap h1 { display: none; }
.mapped {
	background: #fff url(../img/dev/bg_map.jpg) no-repeat;
}
	#map { height: 310px; width: 524px; margin: 0 18px 20px 18px; }

/* ------------------------------------------------------ footer ----- */

#footer {
	background: transparent url(../img/dev/bg_footer.gif) center 0 no-repeat;
	clear: both;
	height: 10.3em;
	position: relative;
	width: 808px;
}	
	#footer h5 { height: 0; text-indent: -999em; }
	#footer ul {
		margin: 15px 0 0 236px;
		width: 540px;
	}
		#footer li { display: inline; }
	#footer a {
		display: block;
		float: left;
		height: 72px;
		margin: 0 16px 0 0;
		overflow: hidden;
		text-indent: -999em;
		width: 130px;
	}
	#footer p a { display: inline; float: none; height: auto; margin: 0; overflow: auto; text-indent: 0; width: auto; }
		#footer #ftr-isf a { width: 105px; }
		#footer #ftr-sao a { width: 109px; }
	#footer p {
		position: absolute; right: 24px; bottom: .3em;
	}
	#hearts {
		height: 181px;
		position: absolute; left: 10px; top: -177px;
		width: 222px;
	}