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

/*	General	*/
body { background: #fff url(../Images/bg.png) repeat-x 0 0; }
.sides { width: 100%; margin: 0 auto; background: url(../Images/bg-banner-sides.jpg) no-repeat 50% 0; }
.container { width: 960px; padding-top: 36px; 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-banner-bottom.jpg) no-repeat 0 78px; width: 960px; height: 305px }
.container-header .inner { background: url(../Images/bg-banner-top.gif) no-repeat 0 0; width: 960px; height: 305px; text-indent: -999999px }

/*	Content	*/
.container-content { position: relative; z-index: 1; background: url(../Images/bg-content.png) repeat-y 0 0; width: 950px; top: -20px; left: -5px; min-height: 30em; height: auto !important; height: 30em; padding: 30px 10px 0 10px; }
.container-content .leftnav { width: 179px; float: left; margin-right: 10px; }
.container-content .leftnav ul { margin: 0; width: 179px; list-style: none }
.container-content .leftnav ul li { width: 179px; background: none; text-indent: 0; border-bottom: dotted 1px #dcdcdc }
.container-content .leftnav ul li.first { border: 0 }
.container-content .leftnav ul li a { padding-left: 20px; display: block; width: 159px; color: #666; line-height: 1.6em; font-weight: bold }
.container-content .leftnav ul li a:hover, .container-content .leftnav ul li a.selected { text-decoration: none; background-color: #f4f4f4 }
.container-content .leftnav ul li.first a { color: #00a3e4; }
.container-content .content { width: 542px; float: left; margin: 16px 10px 20px 10px; }
.container-content .sidepanel { width: 179px; float: right; padding-right: 5px; margin: 16px 0 1em 10px; line-height: 1.4em }
.container-content .sidepanel .book { display: block; position: relative; left: -8px; }
.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: -20px; margin: 0 auto; z-index: 3; background: url(../Images/bg-footer.jpg) no-repeat 0 0; width: 970px; height: 115px }
.container-footer .inner {  }
.container-footer .inner .content { position: absolute; left: 28px; top: 42px; font-size: 0.85em }
.container-footer .inner .content span { color: #4b8fcc }
.container-footer .inner .wiliam { position: absolute; right: 28px; top: 42px }
.container-footer .inner .wiliam a { font-size: 0.85em; display: block; color: #666 }
.container-footer .inner .wiliam a img { vertical-align: middle; }
.container-footer .inner .wiliam a:hover { text-decoration: none }

/*	Home Spotlight	*/
.home-spotlight { clear: both; background: url(../Images/bg-home-spotlight.png) no-repeat 0 100%; width: 548px}
.home-spotlight .image { float: left; padding: 10px; width: 241px; }
.home-spotlight .details { float: right; padding: 10px; width: 245px }

/*	Spotlight	*/
.spotlight { position: relative; width: 179px; background: #005e9d url(../Images/bg-spotlight.png) repeat-y 0 0; margin-bottom: 1em }
.spotlight p { display: block; font-size: 0.85em; width: 159px; padding: 10px; color: #c0e8f8; 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 { position: absolute; right: 10px; background: url(../Images/btn-black-left.png) no-repeat left top; line-height: 15px; margin: 0; padding: 0 0 2px 10px; text-decoration: none; outline: none}
.spotlight .link:hover { text-decoration: none }
.spotlight .link span { background: url(../Images/btn-black-right.png) no-repeat right top; color: #fff; font-size: 11px; padding: 1px 14px 3px 6px; outline: none}
@media screen and (-webkit-min-device-pixel-ratio:0) { .spotlight .link span { padding-top: 2px } } /* safari 3 fix */

/*	Accommodation	*/
.accommodation-heading { font-weight: bold; display: block; float: left }
.accommodation-rating { width: 250px; display: block; float: left; margin-left: 10px; background-position: 6em top; background-repeat:no-repeat }
.accommodation { clear:both; float: none; border-top: solid 1px #ccc; 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	*/
.speakers {margin: 5em 0 0 0; }
.speakers .image {width: 120px; float: left; margin: 0 auto; text-align: center}
.speakers .image img {border: solid 2px #00aeef}
.speakers .details {float: left; width: 420px }

/*	Sponsors	*/
.sponsor {margin: 0.5em 0; clear: both; float: none; }
.sponsor .image {width: 200px; float: left; margin: 0 auto; text-align: center}
.sponsor .details {float: left; width: 340px }

/* Footer Sponsors */

.footer_sponsors { clear: both; float: none; text-align: center; width: 960px; }
.footer_sponsors img { margin: 5px; vertical-align: middle; }

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