/* 
	Screen.css style sheet for AWA101
	- Tags and classes used for Screen media
	(c)2010 Wiliam
*/

/*	General	*/
body { background-color: #fff; }
.sides { width: 100%; margin: 0 auto; background: url(../Images/bg-sides.jpg) no-repeat 50% 0; }
.container { width: 1024px; margin: 0 auto; min-height: 40em; height: auto !important; height: 40em; z-index: 1; }

/*	Header	*/
.container-header { position: relative; z-index: 2; background: url(../images/bg-body-top.gif) no-repeat 0 235px; width: 1024px; height: 260px; }
.container-header .inner { background: url(../Images/bg-header-text.gif) no-repeat 0 70px; width: 1024px; height: 260px; text-indent: -999999px; }

/*	Content	*/
* + html .container-content .content {margin-top: -20px}
* + html .container-content .sidepanel {margin-top: -20px}
.container-content { position: relative; z-index: 1; min-height: 30em; height: auto !important; height: 30em; padding: 0 5px; background: #fff }
.container-content .leftnav { width: 210px; float: left; margin-right: 5px; background: url(../images/bg-leftnav.gif) no-repeat bottom left; padding-bottom:35px }
.container-content .leftnav ul { margin: 0 9px; width: 192px; list-style: none; }
.container-content .leftnav ul li { width: 192px; background: none; text-indent: 0; border-bottom: dotted 1px #fff; text-indent: 1em; list-style-image: none }
.container-content .leftnav ul li a { padding: 0; display: block; width: 192px; color: #2a3795; background: #dbdada; line-height: 2em; font-weight: bold; }
.container-content .leftnav ul li a:hover, .container-content .leftnav ul li a.selected { text-decoration: none; background-color: #2a3795; color: #fff; }
.container-content .content { width: 580px; float: left; margin: 0 0 40px 0; }
.container-content .sidepanel { width: 192px; float: right; padding-right: 10px; margin: 0 0 40px 10px; line-height: 1.4em; }
.container-content .sidepanel .book { display: block; width: 193px; height: 76px; background: transparent url(../Images/book-accommodation.gif) no-repeat top left; float: right; margin-top: 1em }
.sponsors { margin: 0 auto; text-align: center; width: 970px; background: url(../Images/bg-content.png) repeat-y 0 0; position: relative; left: -5px; top: -20px; }
.sponsors img { border-top: dotted 1px #dcdcdc; }

/*	Footer	*/
.container-footer { position: relative; top: 15px; margin: 5px auto; z-index: 3; background: url(../Images/bg-footer.gif) no-repeat 0 0; width: 1024px; height: 115px; }
.container-footer .inner { }
.container-footer .inner .content { position: absolute; left: 5px; top: 20px; font-size: 0.85em; color: #a0a0a0; }
.container-footer .inner .content span { color: #19388a; }
.container-footer .inner .wiliam { position: absolute; right: 20px; top: 10px; }
.container-footer .inner .wiliam a { font-size: 0.85em; display: block; color: #a0a0a0; font-weight: normal; }
.container-footer .inner .wiliam a img { vertical-align: middle; }
.container-footer .inner .wiliam a:hover { text-decoration: none; }

/*	Home Spotlight	*/
.home-spotlight { clear: both; width: 548px; border-top: dotted 1px #000; }
.home-spotlight .image { float: left; padding: 30px 10px; width: 241px; }
.home-spotlight .details { float: right; padding: 30px 10px 0 10px; width: 245px; }

/*	Spotlight	*/
.spotlight { position: relative; width: 193px; background: #52bdec url(../Images/bg-spotlight-footer.gif) no-repeat bottom left; margin-top: 1em; float: right; text-align: center }
.spotlight p { display: block; text-align: left; font-size: 0.85em; width: 159px; padding: 10px; color: #231f20; line-height: 1.4em; margin: 0; }
.spotlight .bottom { width: 179px; margin-top: 20px; height: 10px; /*background: url(../Images/bg-spotlight-footer.png) no-repeat 0 0;*/ font-size: 1%; }
.spotlight .link { display: block; position: absolute; right: 10px; bottom: 10px; background: #f3b90e url(../Images/btn-orange-left.gif) no-repeat left top; line-height: 26px; margin: 0; padding: 0 0 0 12px; text-decoration: none; outline: none; }
.spotlight .link:hover { text-decoration: none; }
.spotlight .link span { font-weight: bold; background: url(../Images/btn-orange-right.gif) no-repeat right top; color: #fff; font-size: 11px; padding: 0 12px 0 0; display: block; outline: none; }

/*	Accommodation	*/
.accommodation-heading { font-weight: bold; display: block; float: left; font-size: 14px; color:#19388a; margin-right: 10px  }
.accommodation-rating { width: 250px; height: 20px; display: block; float: right; background-position: right top; background-repeat: no-repeat; }
.accommodation { clear: both; float: none; border-top: dotted 1px #000; padding-top: 4px; }
.accommodation .image { display: block; float: left; width: 200px; text-align: center; margin: 10px auto 20px auto; }
.accommodation .details { width: auto; float: left; margin: 10px 0 20px 0; }

/*	Keynote Speakers	*/
.keynotes-page a {color: #52bdec}
.speakers { margin: 5em 0 0 0; }
.speakers img { float: left; margin: 0; text-align: center; vertical-align: top; padding: 0 10px 10px 0 }
.speakers .details p {}
.speakers a {color: #52bdec}

/*	Sponsors	*/
.sponsors-page a {color: #52bdec}
.sponsor { width: 100%; margin: 0.5em 0; clear: both; float: none; }
.sponsor img { float: left; margin: 0; text-align: center; vertical-align: top; padding: 0 10px 10px 0 }
.sponsor .details { float: left; }

/* Footer Sponsors */
.footer_sponsors { border-top: 1px #000 dotted; border-bottom: 1px #000 dotted; clear: both; float: none; text-align: center; }
.footer_sponsors img { margin: 5px; vertical-align: middle; }

/*	Contact Us	*/
.contact label { display: block; float: left; width: 150px; }
.contact .textbox { float: left; }