@charset "utf-8";
/*----basic styling----*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	background:#000000;
	text-align: center;
	font-family:"Myriad Pro", sans-serif;
	font-weight:lighter;
	font-size: 75%;
	padding-top: 0px;
	padding-bottom: 20px;
}
img {border: none;
}
#wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	background-color:#ffffff;
}
#clear {
	clear: both;
}
/*------position container elements------*/	
#header {
	position: relative;
	background-color:#FFFFFF;
	height: 200px;
}
#title {
	text-align: center;
	background-color:#0ABD95;
	color:#FFFFFF;
	height: 70px;
}

/*--Navigation top--*/

#mainNav {
	background-color:#0ABD95;
	text-align: left;
	}
#mainNav ul{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 245px;
	width: 1000px;
	list-style: none;
	background: url(images/navbackgr.jpg) repeat-x top left;
	left:0px;
}
#mainNav ul li {
	float: left;
}
#mainNav ul a {
	padding: 0 13px;
	font-size: 16px;
	line-height: 1.5em;
	text-decoration: none;
	color:#000000;
	float: left;
	display: block;
	background: url(images/navdivider.jpg) no-repeat left top;
}
#mainNav ul a.first {
	color:#ebebeb;
	background:url(images/navbackactive.jpg);
}
#mainNav ul a:hover {
	color:#ffffff;
	background:url(images/navbackactive.jpg);
}

/*----side navigation----*/

#sidevertNav {
	float: left;
	width: 190px;
	padding-left: 0px;
	background-color: #bfd9cd;
}
#sidevertNav ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
#sidevertNav ul a {
	display: block;
	width: 171px;
	font-size: 14px;
	text-decoration: none;
	padding: 5px 5px 5px 14px;
	margin-bottom: 0px;
	background: url(images/navdivbot.jpg) no-repeat left bottom;font-weight:bold;
}
#sidevertNav ul a:link {
	color: #434343;
}
#sidevertNav ul a:visited {
	color:#434343;
}
#sidevertNav ul a:hover {
	color: #0abd95;
	background-color:#ffffff
}
#sidevertNav ul a:active {
	color:#00FF00;
}
/*-----blank left side bar-----*/

#blankleft {
	float: left;
	background-color:#bfd9cd;
	width: 180px;
	height: 1228px;
	padding-right: 5px;
	padding-left: 5px;
}
#blankleft a:link {
	color: #000000;
}
#blankleft a:visited {
	color:#000000;
}
#blankleft a:hover {
	color: #FF0000;
}
#blankleft a:active {
	color:#00FF00; 
}

/*------left column for prices page-----*/

#blankleftprices {
	float: left;
	background-color:#bfd9cd;
	width: 190px;
	height: 1800px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
}


#image a:link {
	color: #ffffff;
}
#image a:visited {
	color:#ffffff;
}
#image a:hover {
	color: #0abd95;
	background-color:#ffffff
}
#image a:active {
	color:#00FF00;
}

/*About Us  Page*/

#headeraboutus {
	float: left;
	width: 786px;
	height:100px;
	padding-top: 5px;
	border-left-width: thin;
	border-left-style: dashed;
	padding-left: 5px;
	padding-right: 5px;
}

/*----left column about us-----*/

#blankaboutus {
	float: left;
	background-color:#bfd9cd;
	width: 190px;
	height: 1000px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
}
#aboutus1 {
	float: left;
	width: 786px;
	height:750px;
	padding-top: 15px;
	border-left-width: thin;
	border-left-style: dashed;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
}
#aboutus1 h2 {
	font-family: "Myriad Pro", sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0ABD95;
}
#aboutus1 a:link {
	color: #000000;
}
#aboutus1 a:visited {
	color:#000000;
}
#aboutus1 a:hover {
	color: #FF0000;
}
#aboutus1 a:active {
	color:#00FF00;
}
#aboutus2 {
	float: left;
	width: 786px;
	height:350px;
	padding-top: 15px;
	border-left-width: thin;
	border-left-style: dashed;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
}
#aboutus2 h2 {
	font-family: "Myriad Pro", sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0ABD95;
}
#aboutus2 a:link {
	color: #000000;
}
#aboutus2 a:visited {
	color:#000000;
}
#aboutus2 a:hover {
	color: #FF0000;
}
#aboutus2 a:active {
	color:#00FF00;
}

/*Images for about us page*/

.greg {
		float: left;
		padding-right: 5px;
		padding-top: 5px;
		padding-left: 10px;
		padding-bottom: 5px;
		
}
.dolphins {
		float: right;
		padding-top: 5px;
		padding-left: 10px;
		padding-bottom: 5px;
}
.tracks {
	float: right;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.canon {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}


/*  Contact Us and Copyright pages*/

#headercontactus {
	float: left;
	width: 786px;
	height:100px;
	padding-top: 5px;
	border-left-width: thin;
	border-left-style: dashed;
	padding-left: 5px;
	padding-right: 5px;
}
#contactus1 {
	float: left;
	width: 786px;
	height:500px;
	padding-top: 15px;
	border-left-width: thin;
	border-left-style: dashed;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
}
#contactus1 h2 {
	font-family: "Myriad Pro", sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0ABD95;
}
#contactus1 a:link {
	color: #000000;
}
#contactus1 a:visited {
	color:#000000;
}
#contactus1 a:hover {
	color: #FF0000;
}
#contactus1 a:active {
	color:#00FF00;
}
#contactus2 {
	float: left;
	width: 786px;
	height:100px;
	padding-top: 15px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-left-width: thin;
	border-left-style: dashed;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
}
#contactus2 h2 {
	font-family: "Myriad Pro", sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0ABD95;
}
#contactus2 a:link {
	color: #000000;
}
#contactus2 a:visited {
	color:#000000;
}
#contactus2 a:hover {
	color: #FF0000;
}
#contactus2 a:active {
	color:#00FF00;
}

/* ...Images for Contact Us......*/

.map {
		float: right;
		padding-right: 5px;
		padding-top: 5px;
		padding-left: 10px;
		padding-bottom: 5px;
}
#content1a {
	float: left;
	width: 758px;
	height:100px;
	padding-top: 5px;	
	border-left-width: thin;
	border-left-style: solid;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style:solid;
	background-color:#FFC
}


#content1 {
	float: left;
	width: 798px;
	height:280px;
	padding-top: 5px;	
	border-left-width: thin;
	border-left-style: solid;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style:solid;
}
#content1 h2 {
	font-family: "Myriad Pro", sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0ABD95;
}
#content1 a:link {
	color: #000000;
}
#content1 a:visited {
	color:#000000;
}
#content1 a:hover {
	color: #FF0000;
}
#content1 a:active {
	color:#00FF00;
}
#content2 {
	text-shadow:#999999;
	text-align:center;
	float: left;
	width: 798px;
	height:50px;
	padding-top: 5px;	
	border-left-width: thin;
	border-left-style: solid;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#content2 p {
	text-align: justify;
}
#content2 a:link {
	color: #000000;
}
#content2 a:visited {
	color:#000000;
}
#content2 a:hover {
	color: #FF0000;
}
#content2 a:active {
	color:#00FF00;
}
#content3 {
	float: left;
	width: 251px;
	height:175px;
	padding-top: 30px;
	padding-left: 5px;
	padding-right: 5px;	
	padding-bottom: 5px;
	border-left-width: thin;	
	border-left-style: solid;
	border-bottom-width: thin;
	border-bottom-style:solid;

}
#content3 h2 {
	font-family: "Myriad Pro", sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0ABD95;
}
#content3 a:link {
	color: #000000;
}
#content3 a:visited {
	color:#000000;
}
#content3 a:hover {
	color: #FF0000;
}
#content3 a:active {
	color:#00FF00;
}
#content4 {
	float: left;
	width: 538px;
	height: 200px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style:solid;	
	
}
#content4 p {
	text-align: justify;
}
#content4 a:link {
	color: #ffffff;
}
#content4 a:visited {
	color:#ffffff;
}
#content4 a:hover {
	color: #FF0000;
}
#content4 a:active {
	color:#00FF00;
}
#content5 {
	float: right;
	width: 291px;
	height: 105px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	color:#063;
	background-color:#bfd9cd;
}
#content5 a:link {
	color: #063;
}
#content5 a:visited {
	color:#063;
}
#content5 a:hover {
	color: #FF0000;
}
#content5 a:active {
	color:#00FF00;
}

/*-----Limited Edition Gallery  Page-----*/

#gallery1 {
	float: left;
	width: 786px;
	padding-top: 5px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-left-width: thin;
	border-left-style: dashed;
	padding-left: 5px;
	padding-right: 5px;
}
#gallery1 h2 {
	font-family: "Myriad Pro", sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0ABD95;
}
#gallery1 a:link {
	color: #000000;
}
#gallery1 a:visited {
	color:#000000;
}
#gallery1 a:hover {
	color: #FF0000;
}
#gallery1 a:active {
	color:#00FF00;
}
#gallery2 {
	width: 786px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: dashed;
	border-left-style: dashed;
	float: left;
	position:relative;
}
#gallery2 h2 {
	font-family: "Myriad Pro", sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0ABD95;
}
#gallery2 a:link {
	color: #000000;
}
#gallery2 a:visited {
	color:#000000;
}
#gallery2 a:hover {
	color: #FF0000;
}
#gallery2 a:active {
	color:#00FF00;
}
#cat1 {
	width: 260px;
	height: 100px;
	float:left;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	}
#cat2 {
	width: 260px;
	height: 100px;
	float:left;
	border-bottom-width: thin;
	border-bottom-style: dashed;
}
#cat3 {
	width: 260px;
	height: 100px;
	float:left;
	border-bottom-width: thin;
	border-bottom-style: dashed;
}
#cat4 {
	width: 260px;
	float:left;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	height: 100px;
	padding-top: 5px;
}
#cat5 {
	width: 260px;
	height: 100px;
	float:left;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	padding-top: 5px;
}
#cat6 {
	width: 260px;
	height: 100px;
	float:left;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	padding-top: 5px;
}
#cat7 {
	width: 260px;
	float:left;
	height: 165px;
	padding-top: 5px;
}
#cat8 {
	width: 260px;
	float:left;
	height: 165px;
	padding-top: 5px;
}
#cat9 {
	width: 260px;
	float:left;
	height: 165px;
	padding-top: 5px;
}
#cat10 {
	width: 260px;
	float:left;
	height: 165px;
	padding-top: 5px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
}
#cat11 {
	width: 260px;
	float:left;
	height: 165px;
	padding-top: 5px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
}
#cat12 {
	width: 260px;
	float:left;
	height: 165px;
	padding-top: 5px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
}
#cat13 {
	width: 260px;
	float:left;
	height: 165px;
	padding-top: 5px;
	border-bottom-style: none;
}
#cat14 {
	width: 260px;
	float:left;
	height: 165px;
	padding-top: 5px;
	border-bottom-style: none;
}
#cat15 {
	width: 260px;
	float:left;
	height: 165px;
	padding-top: 5px;
}

/*-----prices page-------*/

#headerprices {
	float: left;
	width: 786px;
	height:100px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
#pricesbox1 {
	float: left;
	width: 786px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
}
#pricesbox1 a:link {
	color: #000000;
}
#pricesbox1 a:visited {
	color:#000000;
}
#pricesbox1 a:hover {
	color: #FF0000;
}
#pricesbox1 a:active {
	color:#00FF00;
}
#colourbox {
	float: left;
	width: 810px;
	height: 20px;
	background-color: #bfd9cd;
}
#pricesbox2 {
	float: left;
	width: 786px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

#pricesbox3 {
	float: left;
	width: 786px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

/*-----weekly image page-----*/

#blankweeklyimage {
	float: left;
	background-color:#bfd9cd;
	width: 190px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
}
#headerweekly {
	float: left;
	width: 786px;
	height:100px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
}
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
#clickimages {
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
}
#images {
	float: left;
	width: 250px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	
}
#images a:link {
	color: #ffffff;
}
#images a:visited {
	color:#ffffff;
}
#images a:hover {
	color: #FF0000;
}
#images a:active {
	color:#00FF00;
}
#footer {
	clear: left;
	text-align: center;
	height: 50px;
	background-color:#BFD9CD;
	border-top-width: thin;
	border-top-style: solid;
}
#footer a:link {
	color: #000000;
}
#footer a:visited {
	color:#000000;
}
#footer a:hover {
	color: #FF0000;
}
#footer a:active {
	color:#00FF00;
}
.cartTable {
	margin: 0 auto;
}
.cartTable td {
	padding: 6px;
}