/*
The design and build of this website is copyrighted to Adventure Graphics, Sutton Coldfield, West Midlands, UK, B72 1SP. 
any intention or attempt to claim responsibility of the design or build of this website is a breach of copyright law.
<meta name="Author" content="Adventure Graphics, 0121 354 1010">
<meta name="Copyright" content="© Adventure Graphics 2008">
<meta name="Publisher" content="Adventure Graphics, www.adventuregraphics.co.uk">
<meta name="Designer" content="Adventure Graphics">
*/

body {
	background-image: url(images/bg_x_liq.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #3a5a97;
	margin: 0px;
	border: 0px none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #395997;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #f1ac3c;
	font-weight: bold;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #395997;
	font-weight: bold;
}
h3 a:link {color: #666; text-decoration: none;}
h3 a:visited {color: #666; text-decoration: none;}
h3 a:hover {color: #666; text-decoration: underline;}
h3 a:active {color: #666; text-decoration: none;}

img {border: 0px;}

.spaced {line-height: 20px;}
.novmargin {margin-top: 0px; margin-bottom: 0px;}
.notmargin {margin-top: 0px;}
.nobmargin {margin-bottom: 0px;}
.nobpad {padding-bottom: 0px;}
.listimg {list-style-image: url(images/listimg.jpg);}
.float_left {float: left; padding: 0px;}
.float_right {float: right; padding: 0px;}

.blue { font-family: Arial, Helvetica, sans-serif; color: #395997; }
.orange { font-family: Arial, Helvetica, sans-serif; color: #f1ac3c; }
.formfield { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999; }

/* Allows Div to stretch to full width of browser */
#full_screen_width {
	width: 100%;
	height: auto;
	background: transparent;
}
/* Allows Div to centre horizontal in browser */
#centre_container {
	width: 988px;
	height: auto;
	margin: 0px auto 0px;
	background: transparent;
}
/* Allows liquid background in FF */
#liquid_background_container {
	width: 988px;
	height: auto;
	float: left;
	background-image: url(images/liquid.gif);
	background-repeat: repeat-y;
}

/* Start of Header Options */

#header {
	width: 988px;
	height: 227px;
	float: left;
	background-image: url('images/header.jpg');
	background-position: top;
	background-repeat: no-repeat;
}

/* Start of Footer Options */

#footer {
	width: 988px;
	height: 35px;
	float: left;
	background-image: url('images/footer.gif');
	background-position: top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	padding-top: 50px;
}
#footer a:link {color: #fff; text-decoration: none;}
#footer a:visited {color: #fff; text-decoration: none;}
#footer a:hover {color: #f1ac3c; text-decoration: none;}
#footer a:active {color: #fff; text-decoration: none;}

#footer .lefttext{
	width: auto;
	height: auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	line-height: 18px;
	background: transparent;
	padding-left: 70px;
}
#footer .righttext{
	width: auto;
	height: auto;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	line-height: 18px;
	background: transparent;
	padding-right: 70px;
}

/* Start of Main Copy Container */

#copy_main_container {
	width: 700px;
	height: auto;
	float: right;
	background: transparent;
	padding: 0px 65px 0px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #395997;
}
#copy_main_container a:link {color: #f1ac3c; text-decoration: none;}
#copy_main_container a:visited {color: #f1ac3c; text-decoration: none;}
#copy_main_container a:hover {color: #f1ac3c; text-decoration: underline;}
#copy_main_container a:active {color: #f1ac3c; text-decoration: none;}

/* Start of Navigation */

#nav_main_container {
	width: 167px;
	height: auto;
	float: left;
	background: transparent;
	padding: 0px 0px 0px 27px;
}
#nav_container ul {
	border: 0px none;
	margin: 0px 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	background: url('images/button_over.gif');
	background-repeat: no-repeat; 
}
#nav_container ul li {
	text-align: left;
	float: left;
	margin: 0px;
	padding: 0px; /* padding between blocks */
}
#nav_container ul li a, .navcontainer ul li a.selected {
	width: 151px;
	height: 23px; 
	color: #395997;
	text-decoration: none;
	padding-left: 16px;
	padding-top: 7px;
	background: url('images/button_up.gif');
	background-repeat: no-repeat;
	display: block;
	text-align: left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	margin: 0px;
}
#nav_container ul li a:hover { 
	background-image: url('images/button_over.gif'); 
	background-repeat: no-repeat;
	color: #fff; 
	font-weight: bold;
}
#nav_container ul li a.selected {
	background-image: url('images/button_over.gif');
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
}
#title_up {
	width: 151px;
	height: 23px;
	float: left;
	padding-left: 16px;
	padding-top: 7px;
	padding-bottom: 4px;
	background: url('images/button_up.gif');
	background-repeat: no-repeat;
	text-align: left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #395997;
	margin-top: 4px;
}
#title_over {
	width: 151px;
	height: 23px;
	float: left;
	padding-left: 16px;
	padding-top: 7px;
	padding-bottom: 4px;
	background: url('images/button_over.gif');
	background-repeat: no-repeat;
	text-align: left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	margin-top: 4px;
}

/* Basic Navigation */

#b_nav_container ul {
	border: 0px none;
	margin: 0px 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	background-image: url('images/b_button_over.gif');
	background-repeat: no-repeat;
}
#b_nav_container ul li {
	text-align: left;
	float: left;
	margin: 0px;
	padding: 0px; /* padding between blocks */
}
#b_nav_container ul li a, .navcontainer ul li a.selected {
	width: 140px;
	height: auto; 
	color: #395997;
	text-decoration: none;
	padding-left: 27px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: transparent;
	display: block;
	text-align: left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	margin: 0px;
}
#b_nav_container ul li a:hover { 
	background-image: url('images/b_button_over.gif');
	background-repeat: no-repeat;
	color: #fff; 
	font-weight: bold;
}
#b_nav_container ul li a.selected {
	background-image: url('images/b_button_over.gif');
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
}

/* End of Navigation */

#quote_head_container {
	width: 355px;
	height: 155px;
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
#quote_head_container .woz_content {width: 345px; height: 155px; float: left; background-image: url(images/woz_1.jpg); background-repeat:no-repeat;}
#quote_head_container .woz_happy {width: 345px; height: 155px; float: left; background-image: url(images/woz_happy.jpg); background-repeat:no-repeat;}
#quote_head_container .woz_angry {width: 345px; height: 155px; float: left; background-image: url(images/woz_angry.jpg); background-repeat:no-repeat;}
#quote_head_container .phil_content {width: 345px; height: 155px; float: left; background-image: url(images/phil_1.jpg); background-repeat:no-repeat;}
#quote_head_container .phil_happy {width: 345px; height: 155px; float: left; background-image: url(images/phil_happy.jpg); background-repeat:no-repeat;}
#quote_head_container .phil_angry {width: 345px; height: 155px; float: left; background-image: url(images/phil_angry.jpg); background-repeat:no-repeat;}

#quote_text {
	width: 190px;
	height: auto;
	float: left;
	padding: 15px 0px 0px 15px; 
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
	color: #000000;
	line-height: 16px;
}
#poll_container {
	width: 126px;
	height: auto;
	background: none;
	border: 0px none;
	float: left;
	padding: 10px 0px 0px 24px;
	margin: 0px;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }