/*     ZooLab Style Sheet     */
/* Copyright 2010 Suma Design */

* {
	padding: 0;
	margin: 0;
	}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #004200;
	background-color: #00A82B;
	}
	
/* Element Styles */

P {
	font-size: 1.3em;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0.8em;
	}
	
h1 {
	padding-top: 0.3em;
	margin-bottom: 0.4em;
	margin-left: 15px;
	color: #EB0000;
	font-size: 2.0em;
	}
	
h2 {
	margin-left: 15px;
	margin-bottom: 0.3em;
	padding-top: 0.1em;
	color: #EB0000;
	font-size: 1.7em;
	}
h3	{
	margin-left: 15px;
	margin-bottom: 0.3em;
	padding-top: 0.1em;
	color: #DF0000;
	font-size: 1.4em;
	font-style: italic;
	}
	
a {
	outline: none;
	overflow: hidden;
	}

a:link {
	color: #00F;
	text-decoration: none;
	}

a:visited {
	color: #00F;
	text-decoration: none;
	}
	
a:hover {
	color: #990066;
	text-decoration: underline;
	}
	
a:active {
	color: #990066;
	text-decoration: underline;
	}
	
img {
	border: none;
	margin-bottom: 10px;
	}
	
ul {
	margin-left: 15px;
	}
	
li {
	font-size: 1.5em;
	line-height: 1.5em;
	list-style: none;
	}
	
/* Wrapper */

#wrapper {
	width: 960px;
	margin: 0 auto;
	background-image: url(../../images/wrapper-background.png);
	background-position: bottom;
	background-repeat: no-repeat;
	}
	
/* Header */

#header {
	width: 960px;
	height: 150px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../../images/zoolab-header-final-white2.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
/* Navbar */	
	
#navbar {
	width: 960px;
	height: 32px;
	}
	
/* Content Wrapper */

#content-left-top {
	width: 760px;
	height: 10px;
	margin-top: 15px;
	background-image: url(../../images/content-left-top-background-logo.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#content-left-bottom {
	width: 760px;
	min-height: 752px; /* MIN HEIGHT HERE */ 
	margin-bottom: 6px;
	background-image: url(../../images/content-left-bottom-background-logo.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	}
	
#content-left-bottom-facebook {
	width: 760px;
	padding-top: 10px;
	margin-bottom: 6px;
	}
	
#right-box {
	float: right;
	width: 320px;
	}
	
#left-box {
	width: 420px;
	}

/* Sidebar */

#sidebar {
	float: right;
	margin-top: 15px;
	margin-left: 10px;
	width: 190px;
	}

/* Spacer Layer */

#spacer-layer {
	clear: left;
	width: 750px;
	height: 1.6em;
	font-size: 0.1em;
	}
						 
/* Retaining Layer */

#retaining-layer {
	margin-bottom: 5px;
	clear: both;
	width: 960px;
	height: 1.0em;
	font-size: 0.1em;
	}
	
/* About us Page */

#locator-map {
	width: 460px;
	height: 500px;
	margin-left: 5px;
	}

#about-us-details {
	width: 265px;
	margin-left: 15px;
	text-align: justify;
	}
	
#about-us-details h1 {
	padding-top: 0.3em;
	margin-bottom: 0.4em;
	margin-left: 10px;
	color: #EB0000;
	font-size: 2.0em;
	}
	
#about-us-details h2 {
	margin-bottom: 0.3em;
	margin-left: 10px;
	padding-top: 0.1em;
	color: #EB0000;
	font-size: 1.7em;
	}
	
#about-us-details p {
	font-size: 1.3em;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0.8em;
	}
	
#ranger-details {
	width: 265px;
	height: 240px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: right;
	font-size: 1.4em;
	}
	
#insurance-details {
	width: 265px;
	margin-left: 10px;
	}
	
/* Footer */

#footer {
	width: 960px;
	font-size: 1.1em;
	color: #181818;
	margin-bottom: 6px;
	}
	
#footer a:link {
	color: #D5D5D5;
	text-decoration: none;
	}

#footer a:visited {
	color: #D5D5D5;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #DF0097;
	text-decoration: underline;
	}
	
#footer a:active {
	color: #DF0097;
	text-decoration: underline;
	}
	
#footer table {
	width: 960px;
	letter-spacing: +1px;
	line-height: 1.6em;
	}
	
.footer-left {
	width:50%;
	}
	
.footer-right {
	text-align: right;
	width:50%;
	}
	
/* Classes Not Glasses */
	
.text-centre {
	text-align: center;
	}

.text-justify {
	text-align: justify;
	}
	
.italic {
	font-style: italic;
	}
	
.quote {
	font-style: italic;
	padding-top: 0px;
	margin-bottom: 1.0em;
	}
	
.bold {
	font-weight: bold;
	}
	
.bold-red {
	font-weight: bold;
	color: #DF0000;
	margin-top: -6px;
	margin-bottom: 14px;
	}
	
.big-red {
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bold;
	color: #DF0000;
	}

.drop-text {
	padding-top: 10px;
	}

.green-text {
	color: #004200;
	margin-bottom: 10px;
	}

/* Email Receipt */

#email-receipt {
	width: 500px;
	margin-top: 350px;
	margin-left: 400px;
	}

/* Images */

.image-right {
	float: right;
	margin-right: 10px;
	margin-left: 15px;
	}
	
.image-right-margin {
	float: right;
	margin-right: 200px;
	margin-left: 15px;
	}
	
.image-left {
	float: left;
	margin-right: 15px;
	margin-left: 10px;
	}

.image-links-bottom {
	margin-left: 10px;
	margin-top: 10px;
	}
	
/* Workshop Titles */

.workshop-title-background {
	background-image: url(../../images/workshop-title-background.png);
	background-repeat: repeat-x;
	height: 40px;
}

/* Table Styles */
	
.table-960 {
	width: 960px;
	}

.table-445 {
	width: 445px;
	margin-left: 15px;
	}
	
.table-730 {
	width: 730px;
	height: 60px;
	margin-left: 15px;
	}

.table-745 {
	width: 745px;
	margin-left: 15px;
	}
	
.table-750-booking {
	width: 750px;
	margin-left: 5px;
	background-image: url(../../images/rat-booking.jpg);
	background-repeat: no-repeat;
	background-position: right;
	}
	
.table-750-workshops {
	width: 750px;
	margin-left: 5px;
	background-image: url(../../images/snake-workshops.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
.table-750-workshops h2 {
	text-align: center;
	}
	
.table-750-workshops h3 {
	text-align: center;
	margin-left: 0px;
	}

.table-750-workshops p {
	text-align: justify;
	font-size: 1.3em;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0.8em;
	}
	
.table-750 {
	width: 750px;
	}
	
.table-750-links {
	width: 740px;
	background-image: url(../../images/green-world-500.jpg);
	background-repeat: no-repeat;
	background-position: right;
	}
	
.locator-map-table {
	width: 750px;
	}


/* Contact Form */

.form-description {
	width: 160px;
	margin-left: 16px;
	padding-bottom: 15px;
	vertical-align: middle;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	}

.form-response {
	padding-bottom: 16px;
	font-size: 1.2em;
	vertical-align: top;
	}
	
.noshow {
	display: none;
	}

/* End of Style Sheet */