/* generic styles */

body { margin:0; background:top center no-repeat #113676 url(images/background.gif); color:#ffffff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; }
a { color:#b5d5ee; text-decoration:none; }
a.visible, p span.link { color:#b5d5ee; border-bottom:1px dotted #4E6995; }
a.visible:hover { color:#DFF1FF; border-bottom:1px dotted #8EA7CF; }
h2 { color:#ffffff; font-size:24px; font-weight:normal; margin:0; }
h3 {color:#b5d5ee; font-size:16px; font-weight:normal; margin:0; }
h4, .h4 { color:#ffffff; font-size:14px; margin:0 0 2px 0; font-weight:bold; }
.h4 { display:block; line-height:20px; }
h5, .h5 { color:#b5d5ee; font-size:12px; font-weight:normal; margin:0; line-height:13px; }
.clear { clear:both; }
#header, #banner, #main, #footer { width:980px; margin:0 auto; }

/* header */

#header { padding:0px 0 35px 0; }
#header .top-menu { float:right; height:44px; background:top right no-repeat url(images/top-menu-right.png); }
#header .top-menu a { float:left; height:38px; padding-top:6px; display:block; line-height:120%; font-size:11px; color:#80AEDC; text-decoration:none; }
#header .top-menu a strong { font-size:15px; }
#header .top-menu a:hover { color:#ffffff; }
#header a.mobile { padding-left:14px; width:126px; color:#8098B5; background:top left no-repeat url(images/top-menu-mobile.png); }
#header a.mobile strong { color:#8098B5; }
#header a.mobile:hover strong {color:#ffffff;}
#header a.nelson { padding:6px 13px 0 16px; border-right:1px solid #1F6BBA; background:top left no-repeat url(images/top-menu-left.png); }
#header a.suter { padding:6px 18px 0 18px; border-left:1px solid #013C81; border-right:1px solid #1F6BBA; }
#header a.motueka { padding:6px 18px 0 14px; color:#ffffff; border-left:1px solid #013C81; }
#header img.logo {margin-top:39px;}

/* banner */

#banner { padding-bottom:42px; }
#banner .nav { font-size:15px; float:left; width:210px; padding:0 35px 0 7px; }
#banner .nav ul, #banner .nav li { margin:0; padding:0; }
#banner .nav li { list-style:none; padding:2px 0; border-top:1px dotted #8d91a0; }
#banner .nav li.first { border:none; padding-top:0; }
#banner .nav a { color:#ffffff; height:22px; display:block; padding:0px 0 0 4px; }
#banner .nav li a:hover { background:top left repeat-x url(images/nav-hover-bgnd.png); font-weight:bold;}
#banner .image-background { float:left; width:599px; height:253px; padding:6px 0 0 6px; margin-top:4px; background:top left no-repeat url(images/main-image-bgnd.gif); }
#banner .image-background a { width:593px; height:247px; display:block; background:top left no-repeat; }
#banner .image-large-background { float:left; width:665px; height:326px; padding:6px 0 0 6px; margin-top:4px; background:top left no-repeat url(images/main-image-large-bgnd.gif); }
#banner .image-large-background a { width:660px; height:320px; display:block; background:top left no-repeat; }
#banner .image-details { float:right; padding:4px 3px 0 7px; margin-top:214px; background-color:#ffffff; }
#banner .image-details h4 { color:#B5D5EE; margin:0; line-height:15px; }
#banner .image-details p { font-size:12px; margin:0; line-height:14px; }
/*#banner .textline { float:left; width:599px; text-align:center; }*/
#banner .textline { float:left; width:671px; padding-left:292px; text-align:center; }
#rotator { overflow: hidden; position: relative; width:660px; height:320px; }
#rotator img { border:none; }

/* navbar */

#main .navbar { border-bottom:1px solid #4e6995; }
#main .navbar img { float:left; }
#main .navbar .day { float:right; padding-right:428px; }
#main .navbar .location { 	float:right; padding:0 95px 0 100px; }
#main .navbar p { float:left; margin:0 10px 0 0; padding-top:9px; }
#main .navbar ul, #main .navbar li { margin:0; padding:0; }
#main .navbar ul { float:left; padding-top:8px; }
#main .navbar li { list-style:none; display:inline; }
#main .navbar li a { color:#b5d5ee; float:left; height:19px; padding:1px 1px 0 1px; text-align:center; display:block; background:top left no-repeat; }
#main .navbar li.today a { width:46px; background-image:url(images/tab-today-bgnd.gif); }
#main .navbar li.tomorrow a { width:70px;	background-image:url(images/tab-tomorrow-bgnd.gif); }
#main .navbar li.week a {	width:65px;	background-image:url(images/tab-week-bgnd.gif); }
#main .navbar li.nelson a {	width:49px;	background-image:url(images/tab-nelson-bgnd.gif); }
#main .navbar li.suter a { width:49px; background-image:url(images/tab-suter-bgnd.gif); }
#main .navbar li.motueka a { width:62px; background-image:url(images/tab-motueka-bgnd.gif); }
#main .navbar li a:hover, #main .navbar li a.selected { color:#ffffff; background-position:0 -20px; }

/* now showing */

#main .now-showing { padding:12px 0 70px 0; }
#main .now-showing a { float:left; width:311px; padding-right:5px; display:block; margin:0 10px 2px 0; }
#main .now-showing a img { float:left; border:1px solid #ffffff; margin-right:10px; }
#main .now-showing a img.special { float:none; border:none; margin-right:10px; }
#main .now-showing a .h4 { padding-top:2px; }
#main .now-showing a .h4.dropdown { padding-top:12px; line-height:normal; }
#main .now-showing a:hover { background-color:#294a84; }

/* movie details */

img.poster { float:left; margin:0 30px 0 0; border:1px solid #4E6995; }
.movie-detail { float:left; width:420px; }
.movie-detail p { font-size:14px; }
.extra-info { float:left; width:182px; padding-left:20px; margin-left:20px; border-left:1px dotted #4E6995; }
.extra-info p, #main .movieinfo .extra-info a { font-size:12px; }
.extra-info p strong { font-size:14px; }
.sessionlist h3 { margin:1em 0 0.25em 0; }
.sessionlist ul, #main .movieinfo .sessionlist li { margin:0; padding:0; }
.sessionlist li { list-style:none;}
.sessionlist li strong { float:left; width:130px; display:block; }
.sessionlist .time { float:left; width:280px; color:#b5d5ee; }

/* generic */

#main .content { padding:12px 0 70px 0; }
#main .content .leftcol, #main .content .middlecol, #main .content .rightcol { float:left; width:315px; margin-right:10px; }
.col2.right { width:50%; padding: 0 1em 0 2em; float:right; }
.colone { float:left; width:460px; margin-right:40px; }
.coltwo { float:left; width:460px; }

/* session times all week */

#main .weeklist h2 { border-bottom:1px solid #4e6995; }
#main .weeklist ul { margin:0; padding:0; }
/*#main .weeklist li { margin:20px 0; padding:0 20px 0 0; list-style:none; float:left; width:311px; }*/
#main .weeklist li { float:left; width:318px; padding-right:0px; list-style:none; margin:20px 8px 0px 0; }
#main .weeklist ul ul { float:left; width:258px; margin:12px 0; }
#main .weeklist ul ul li { margin:0; padding:0; color:#b5d5ee; width:258px; font-size:12px; }
#main .weeklist ul ul li span { width:30px; display:block; float:left; }
#main .weeklist ul ul li .times { float:left; width:228px; padding-bottom:1px; }
#main .weeklist li img { float:left; border:1px solid #4E6995; margin-right:6px; }
#main .weeklist h5.white { color:#ffffff; }

/* signup */

#main .signup-content { float:left; width:500px; margin-right:24px; }
#main .signup-form { float:left; padding-top:30px; width:420px; }

/* session booking links */

.sessionlist .time a, .weeklist li li a { border-bottom:1px dotted #4E6995; }
.sessionlist .time a:hover, .weeklist li li a:hover { color:#DFF1FF; border-bottom:1px dotted #8EA7CF; }

/* footer */

#footer { width:750px; color:#3c5a8f; font-size:12px; line-height:1em; padding-bottom:20px; }
#footer p { margin:0; }
#footer a { color:#3c5a8f; }