/* 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:250px;
	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;
	width:246px;
	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);
}
#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-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;
}


/* 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 */

#main .movieinfo {
	padding:0 0 70px 0;
}
#main .movieinfo img.poster {
	float:left;
	margin:0 40px 0 0;
	border:1px solid #4E6995;
}

#main .movieinfo .movie-detail {
	float:left;
	width:465px;
}
#main .movieinfo .movie-detail p {
	font-size:14px;
}

#main .movieinfo .extra-info {
	float:left;
	width:182px;
	padding-left:20px;
	margin-left:20px;
	border-left:1px dotted #4E6995;
}
#main .movieinfo .extra-info p, #main .movieinfo .extra-info a {
	font-size:12px;
}
#main .movieinfo .extra-info p strong {
	font-size:14px;
}

#main .movieinfo .sessionlist h3 {
	margin:1em 0 0.25em 0;
}
#main .movieinfo .sessionlist ul, #main .movieinfo .sessionlist li {
	margin:0;
	padding:0;
}
#main .movieinfo .sessionlist li {
	list-style:none;
	font-size:12px;
}
#main .movieinfo .sessionlist li strong {
	float:left;
	width:115px;
	display:block;
}
#main .movieinfo .sessionlist .time {
	float:left;
	width:335px;
	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;
}

#rotator {
	overflow: hidden;
	position: relative;
	width:593px;
	height:247px;
	
}
#rotator img {
	border:none;
}


/* 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;
}