/* ----------------------------------------------------------------------------
  CSS Reset
---------------------------------------------------------------------------- */

/* © 2008 Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* ----------------------------------------------------------------------------
  SITE
---------------------------------------------------------------------------- */

a { color: #00C0E5; }
body {
	background: #FFF;
	color: #333;
	font: 14px/1.7 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	margin: 0 auto;
	width: 960px;
}
h2 {
	color: #C39;
	font: bold 20px/2.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html { 
	background: #FFF;
	border-top: 10px solid #00C0E5;
}
table {
	margin-bottom: 1.7em;
	width: 790px;
}
table tr td,
table tr th {
	border-bottom: 1px solid #CCC;
	padding: 4px 0;
	text-align: left;
}
table tr td { vertical-align: text-top; }

#overlay {
	background: #000;
	left: 0;
	height: 100%;
	opacity: 0.9;
	position: fixed;
	top: 0;
	width: 100%;
}

/* ------------------------------------------------------------------------- */

#masthead {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 28px 0 48px;
}
#masthead h1 {
	float: left;
	height: 35px;
	margin-left: 10px !important;
	margin-left: 5px; /* for IE6 */
	width: 301px;
}
#masthead h1 a {
	background: url(../img/sprite.8.png) 0 -155px no-repeat;
	display: block;
	height: 35px;
	width: 301px;
}
#masthead p {
	float: right;
	height: 36px;
	line-height: 35px;
	margin-right: 10px !important;
	margin-right: 5px; /* for IE6 */
	width: 380px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* for Safari */
	#masthead p { line-height: 36px; }
}
#masthead p a {
	background: #00C0E5 url(../img/sprite.8.png) -740px -154px no-repeat;
	color: #FFF;
	display: block;
	float: right;
	height: 36px;
	padding-left: 20px;
	text-decoration: none;
	width: 200px;
}
#masthead p span {
	background: #EBEBEB url(../img/sprite.8.png) -580px -154px no-repeat;
	color: #00C0E5;
	display: block;
	float: left;
	height: 36px;
	text-align: center;
	width: 160px;
}

/* ------------------------------------------------------------------------- */

#hero {
	background: url(../img/hero.jpg) 0 57px no-repeat;
	height: 520px;
	position: relative;
}
#hero p.clearfix {
	background: url(../img/sprite.8.png) 0 0 no-repeat;
	height: 57px;
	position: relative;
}
#hero p.clearfix span.ir {
	background: url(../img/sprite.8.png) -404px -113px no-repeat;
	display: block;
	float: left;
	height: 29px;
	margin: 18px 0 0 89px !important;
	margin-left: 44px; /* for IE6 */
	width: 359px;
}
#hero p.clearfix a {
	background: url(../img/sprite.8.png) -301px -155px no-repeat;
	display: block;
	float: right;
	height: 37px;
	margin: 10px 10px 0 0 !important;
	margin-right: 5px; /* for IE6 */
	width: 220px;
}
#hero #directions {
	background: #FFF;
	border: 1px solid #DEDEDE;
	border-top: 0;
	height: 462px;
	left: 0;
	position: absolute;
	top: 57px;
	width: 958px;
	z-index: 3;
}
#hero #directions #map {
	background: #FFF url(../img/loading.gif) 50% 50% no-repeat;
	border: 1px solid #DEDEDE;
	height: 380px;
	left: 89px;
	position: absolute;
	top: 42px;
	width: 460px;
	z-index: 4;
}
#hero #directions #map #logocontrol { display: none; }
#hero #directions #getting_to {
	left: 571px;
	position: absolute;
	top: 27px;
	width: 299px;
}
#hero #directions #getting_to h2 { margin-bottom: 5px; }
#hero #directions #getting_to p { margin-bottom: 1.7em; }
#hero #ooyalaPlayer_6gco5_fy7hzlac {
	display: block;
	margin: 58px 0 0 170px;
	z-index: 1;
}

/* ------------------------------------------------------------------------- */

.sponsorlogo { margin: 20px 50px 20px 0; }

.sponsorlogo img { border: none; }


/* ------------------------------------------------------------------------- */

#nav {
	background: url(../img/sprite.8.png) 0 -57px no-repeat;
	margin: 0 auto;
	width: 960px;
}
#nav li {
	border-left: 1px solid #C5C5C5;
	display: block;
	float: left;
	height: 56px;
	left: 80px;
	position: relative;
	text-align: center;
	width: 159px;
}
#nav li.current { background: #FFF; }
#nav li.current .arrow {
	background: url(../img/sprite.8.png) -404px -142px no-repeat;
	bottom: 0;
	display: block;
	height: 4px;
	left: 76px;
	overflow: hidden; /* for IE6 */
	position: absolute;
	width: 8px;
}
#nav li.last { border-right: 1px solid #C5C5C5; }
#nav li a {
	display: block;
	height: 56px;
	line-height: 56px;
	width: 159px;
}
#nav li.current a { cursor: default; }
#nav li a span {
	background-image: url(../img/sprite.8.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	margin: 20px auto 0;
	overflow: hidden; /* for IE6 */
}
#nav li a.hello span {
	background-position: 0 -113px;
	width: 75px;
}
#nav li.current a.hello span { background-position: 0 -134px; }
#nav li a.faq span {
	background-position: -75px -113px;
	width: 48px;
}
#nav li.current a.faq span { background-position: -75px -134px; }
#nav li a.hotels span {
	background-position: -123px -113px;
	width: 89px;
}
#nav li.current a.hotels span { background-position: -123px -134px; }
#nav li a.watch span {
	background-position: -212px -113px;
	width: 84px;
}
#nav li.current a.watch span { background-position: -212px -134px; }
#nav li a.register span {
	background-position: -296px -113px;
	width: 108px;
}
#nav li.current a.register span { background-position: -296px -134px; }

/* ------------------------------------------------------------------------- */

.columns {
	border: 1px solid #DEDEDE;
	border-top: 0;
	padding: 40px 90px 130px;
}
.columns h2.alt { text-align: center; }
.columns .column { width: 380px; }
.columns p { margin-bottom: 1.7em; }
.columns .one { float: left; }
.columns .two { float: right; }
.columns .alt {
	clear: both;
	width: 790px;
}

/* ------------------------------------------------------------------------- */

#tab_hello,
#tab_hotels { 
	padding: 40px 90px 130px !important;
	padding: 40px 80px 130px; /* for IE6 */
}
#tab_hello .two {
	margin-left: 80px;
	width: 300px;
}
#tab_hello .two ul {
	border-top: 1px solid #CCC;
	margin: 3px 0 0 0;
}
#tab_hello .two ul li {
	border-bottom: 1px solid #CCC;
	height: 23px;
	margin: 3px 0;
	padding: 0 0 6px 0;
	position: relative;
}
#tab_hello .two ul li span,
#tab_hello .two ul li strong {
	position: absolute;
	width: 140px;
}
#tab_hello .two ul li strong { left: 0; }
#tab_hello .two ul li span { right: 0; }
#tab_hello .alt { padding-top: 20px; }
#tab_hello .alt table #col_title { width: 420px; }
#tab_hello .alt table #col_speaker { width: 220px; }
#tab_hello .alt table #col_session { width: 150px; }
#tab_hello .alt table tr td { font-size: 12px; }

/* ------------------------------------------------------------------------- */

#tab_faq h2 { margin-bottom: 15px; }

/* ------------------------------------------------------------------------- */

#tab_hotels table { border-top: 1px solid #CCC; }
#tab_hotels table #col_contact { width: 400px; }
#tab_hotels table thead { display: none; }
#tab_hotels table tr td { padding: 20px 0; }
#tab_hotels table tr td span { display: block; }

/* ------------------------------------------------------------------------- */

#tab_watch {
	padding: 40px 90px 200px !important;
	padding: 40px 80px 200px; /* for IE6 */
	position: relative;
}
#tab_watch .alt { position: relative; }
#tab_watch ul {
	background: url(../img/sprite.8.png) 0 -285px repeat-x;
	bottom: -200px;
	border-top: 1px solid #CCC;
	height: 145px;
	left: -90px !important;
	left: -80px; /* for IE6 */
	position: absolute;
	width: 958px;
}
#tab_watch ul li {
	float: left;
	margin: 25px 20px 20px;
	width: 120px;
}
#tab_watch ul li.first {
	margin-left: 19px !important;
	margin-left: 9px; /* for IE6 */
}
#tab_watch ul li.last {
	margin-right: 19px !important;
	margin-right: 9px; /* for IE6 */
}
#tab_watch ul li a {
	-webkit-transition: color 0.25s ease-in-out;
	color: #777;
	display: block;
	font-size: 11px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 120px;
}
#tab_watch ul li a img {
	-webkit-transition: -webkit-box-shadow 0.25s ease-in-out;
	display: block;
	margin-bottom: 5px;
}
#tab_watch ul li a.current { color: #00C0E5; }
#tab_watch ul li a:hover img,
#tab_watch ul li a.current img {
	-moz-box-shadow: 0 1px 2px #999;
	-o-box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
}
#tab_watch ul li a.current .arrow {
	background: url(../img/sprite.8.png) -521px -142px no-repeat;
	display: block;
	height: 9px;
	left: 50px;
	position: absolute;
	top: -26px;
	width: 17px;
}
#tab_watch ul li a:hover { color: #00C0E5; }
#tab_watch ul li a.current:hover { cursor: default; }
#tab_watch #obj_wrapper {
	height: 388px;
	margin-top: 20px;
}
#tab_watch .embed {
	display: block;
	margin-left: 190px;
}
#tab_watch .wembed { 
	display: block;
	margin-left: 75px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tab_watch object {
		display: block;
		margin: 0 auto;
		width: 410px;
	}
	#tab_watch object.wide { width: 640px; }
	#tab_watch .embed { margin-left: 0; }
	#tab_watch .wembed { margin-left: 0 }
}

/* ------------------------------------------------------------------------- */

#tab_register .button { margin: 52px 0 0 80px; }
#tab_register .button,
#tab_register .button a {
	height: 84px;
	width: 300px;
}
#tab_register .button a {
	background: url(../img/sprite.8.png) -340px -192px no-repeat;
	display: block;
}

/* ------------------------------------------------------------------------- */

#footer {
	background: url(../img/sprite.8.png) 0 -430px no-repeat;
	padding: 10px 0 80px;
}
#footer,
#footer a {
	color: #777;
	font-size: 9px;
	font-weight: bold;
}
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { float: left; }
#footer ul { float: right; }
#footer ul li { display: inline; }
#footer ul li:after { content: " | "; }
#footer ul li.last:after { content: ""; }
#footer ul li a { padding: 0 3px; }

/* ----------------------------------------------------------------------------
  HACKS
---------------------------------------------------------------------------- */
.ir{text-indent:-20000em;overflow:hidden;}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}