/* 
Title:     Screen
Author:    Verb Interactive - Jamie
Updated:   Oct 19, 2007
*/

/* Base Rules */
* {font-size:100%; margin:0; padding:0;}
body {margin:0; padding:0; font:0.84em/1.333 Verdana, Arial, Helvetica, sans-serif; text-align:center; background:#06aad3 url(../img/bg/page.gif) center 366px no-repeat;}

a, a:visited {text-decoration:underline;}
a:hover {text-decoration:none;}

img, a img {border:0;}

/* Layout */
#container {margin:0 auto; text-align:left; width:960px; background:#fff;}

#header {width:960px; height:132px; background:#fff url(../img/bg/header.gif) right top no-repeat; overflow:hidden;}

#logo {float:left; margin:30px 0 0 20px; display:inline;}

#hacker-safe {float:left; margin:52px 0 0 32px; display:inline;}

#questions {float:right; margin:83px 19px 0 0; padding:0; width:194px; height:40px; text-indent:-99999px; background:url(../img/call-1-800-955-1864.gif) left top no-repeat; overflow:hidden;}

/* Navigation */
#nav-tickets {margin:0 auto; padding:20px 0 0 0; width:920px; height:168px; overflow:hidden; clear:both;}
#nav-tickets ul {margin:0; padding:0; width:920px; height:160px; list-style:none; display:inline; overflow:hidden;}
#nav-tickets ul li {margin:0; padding:0; float:left; list-style:none; display:inline;}
#nav-tickets ul li a {float:left; padding:160px 0 0 0; overflow:hidden; height:0px !important; height /**/:160px;}
#nav-tickets ul li a:hover {background-position:0 -160px;}
#tickets a {width:430px; background:url(../img/txt/buy-event-tickets-green.gif) left top no-repeat;}
#nav-tickets ul li#tickets-hotel {margin-left:60px;}
#tickets-hotel a {width:430px; background:url(../img/nav/buy-event-tickets-and-hotel.gif) left top no-repeat;}

/* Content */
#content {width:960px;}

#content h1 {margin:2px 20px 15px 20px; padding:0; color:#03ba5b; font-size:1.15em;}
#content h1#no-header {margin:0 20px 15px 20px; padding:0; color:#03ba5b; font-size:1.15em;}

#content h2 {margin:26px 20px 0 20px; padding:0; color:#027997; font-size:1.05em;}

.img-replace {text-indent:-99999px; overflow:hidden; display:block; overflow:hidden;}
#charlottetowntickets {margin-left:0!important; height:14px; background: url(../img/txt/charlottetowntickets.gif) left top no-repeat;}

#content p {margin:0 20px 15px 20px;}

#content div#notice-block-blue { background-color:#c1e9ea; margin:14px 19px 14px 19px; padding:9px; }

#content a, #content a:visited {color:#027997;}

.column {float:left; margin:0 0 0 20px; display:inline;}

#booking-process-details {width:630px;}

#order-summary {margin:26px 0 0 0; padding:0 0 16px 0; width:268px; background:#f1f1f1;}
#order-summary h3 {margin:16px 18px 0 18px; padding:0;}
#order-summary p {margin:10px 18px 0 18px; padding:0;}

/* Purchase Progress */
#progress-bar {margin:0 auto; padding:9px 0; width:920px; border-top:1px #06aad3 solid; border-bottom:1px #06aad3 solid; background:#e6f6fb; overflow:hidden;}
#progress-bar ul {list-style:none; display:inline;}
#progress-bar ul li {float:left; margin:6px 30px 0 0; padding:2px 0 0 0; list-style:none; display:inline; font-size:0.80em; color:#b9b9b9; border-top:2px #b9b9b9 solid;}
#progress-bar ul li#your-step {margin:0 22px 0 47px; padding:0; width:120px; color:#06aad3; font-weight:bold; border-top:none;}
#progress-bar ul li#current-step {color:#03ba5b; border-top:2px #03ba5b solid;}
#progress-bar ul li.complete-step {color:#06aad3; border-top:2px #06aad3 solid;}

#move-to-step {padding:20px 0 0 20px; width:960px; clear:both;}
#move-to-step img {margin:0 0 0 20px;}

/* Homepage */
#welcome-copy {float:left; margin:0 0 0 20px; width:430px; display:inline;}
#welcome-copy p {margin-left:0; margin-right:0;}

#tickets-hotels-copy {float:left; margin:0 0 0 60px; width:430px; clear:right; display:inline;}
#tickets-hotels-copy h2 {margin:0; padding:0; color:#03ba5b;}
#tickets-hotels-copy p {margin-left:0; margin-right:0;}
#tickets-hotels-copy ul {margin:10px 0 0 20px; padding:0; list-style:none; font-size:0.90em;}
#tickets-hotels-copy ul li {list-style:none; padding:0 0 12px 12px; background:url(../img/icon/bullet-green.gif) 0 7px no-repeat;}

#jackfrost {padding:10px 0 10px 0; background:#e2eff9; overflow:hidden;}
#jf-logo {float:left;}
#btn-learnmore {float:right;}
#jackfrost div {float:left; width:260px; clear:right;}
#jackfrost div p {margin-bottom:10px; font-size:0.85em;}
#jackfrost div strong {display:block;}
#jackfrost #jackfrost-title {margin:0 0 14px 0; padding:0; height:47px; background:url(../img/txt/6th-annual-jack-frost.gif) top left no-repeat; overflow:hidden;}

/* Footer */
#footer {padding:30px 0 66px 0; width:960px; color:#027997; background:#fff url(../img/bg/footer.gif) left bottom no-repeat;}
#footer ul {margin:0; padding:0; text-align:center; list-style:none;}
#footer ul li {margin:0 0 10px 0; padding:0; text-align:center; list-style:none;}
#footer a, #footer a:visited {color:#027997; text-decoration:none;}
#footer a#current-footer, #footer a:hover {text-decoration:underline;}

/* Added for ASP.NET Application */
#error {padding:20px 0 0 0; width:960px; clear:both;}
#confirmation {padding:20px 0 0 0; width:960px; clear:both;}
#pnlContent {width:630px;}
#pnlHotelOptions {width:630px;}
#pnlRoomOptions {width:630px;}
#pnlDetailView {width:630px;}

/* new HP styles */
div#pei-shellfish-div {width:918px; height:221px; background:url(../img/new-hp/shellfish-bg.jpg) top left no-repeat; margin:18px 0 0 24px;}
div#pei-shellfish-div h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:0 0 10px 28px; padding-top:12px; color:#09008b;}
div#pei-shellfish-div p {width:500px; margin:0 0 20px 28px; font-size:12px;}
div#pei-shellfish-div img {margin:0 7px 0 0;}

div#fall-flav-div {width:918px; height:246px; background:url(../img/new-hp/fall-bg.jpg) top left no-repeat; margin:18px 0 0 24px;}
div#fall-flav-div h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:0 0 20px 28px; padding-top:49px; color:#6d8d23;}
div#fall-flav-div p {width:415px; margin:0 0 20px 28px; font-size:12px;}
div#fall-flav-div img {margin:0 7px 0 0;}
