/* 
Clikpic site stylesheet

Code: 14
Style: 2-Modern
Colour scheme: Light blue

All rights reserved (c) 2006 Clikpic Ltd.

Clikpic customers please see your terms and conditions for usage rights.

All other users should respect the copyright of this and all other parts of the Clikpic system.
*/


body {
	background-color: #b5c6ce;
	background-image : url('_graphics/style14/bg_image.gif');
	background-repeat : repeat-x;
	margin: 0;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color:#4a6464;
}
/*
.normal, .normal td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
*/

div#uberContainer {
	width: 760px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
	border:0px solid;
	position: relative;
}
	
div#menu {
	position: relative;
	height: 22px;
	float: left;
	clear:left;
	left:164px;
	width:470;
	background-color : white;
	text-align:left;
	font-weight:bold;
	font-size: 1.1em;
	}

/*	

div.menuitem {
	background-color : white;
	padding:0 8 0 8px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:22px;
}

div.menutext {
	margin-top:2px;
}

div.menuitemhi {
	background-color : #b5c6ce;
	padding:0 8 0 8px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:white;
	height:22px;
}
*/

ul#topnav {
	list-style-type: none;
	margin: 0px 0 0 0;
	padding: 0;
	font-family:arial;
	}
	
ul#topnav li {
	display: inline;
	margin: 0;
	padding: 0;
	}

ul#topnav a {
	display:block;
	float:left;
	padding: 4px 6px 4px 6px;
	height:22px;
	color : #4a6464;
	font-weight : bold;
	font-size:1em;
}

ul#topnav a:hover {
	text-decoration : none;
	color : #b5c6ce;
}

ul#topnav li.hilight {
	/*background-color : #b5c6ce;*/
	background-color : red;
	}
	
ul#topnav li.hilight a {
	color:white;
	background-color : #b5c6ce;
	}

ul#topnav li.hilight a:hover {
	color:white;
	}

div#topnav {
	width: 600px;
	height: 37px;
	float: left;
	margin: 0;
	margin-top:6px;
	position: relative;
	left:164px;
	text-align:left;
	border:0px;
	}

div#maincontent {
	background-image : url('_graphics/style14/main_bg.gif');
	background-repeat : repeat-y;
	text-align: left;
	width: 779px;
	height:400px;
	float: left;
	clear:both;
	overflow:visible;
	margin: 0px;
	padding: 0px;
	border:0px;
}

html>body div#maincontent {
	height:auto;
	min-height:400px;
}


div#homepagemain {
	padding:8px;
	text-align: left;
	margin-left: 164px;
	width: 470px;
	}

div#hompageimages {
	margin-top: 10px;
	text-align:center;
}

div#hompageimages table {
	margin:0px auto 0px auto;
}

.homepageimagediv {
	margin-left: 10px;
	margin-bottom: 10px;
}

.copy {
	position:relative;
	left: 164px;
	width:462px;
	padding:0px;
	margin:4px;
	
}

.clear {
	clear: both;
	line-height: 0;
	height: 0;
	}

.hide {
	display: none;
	}

div#gallerybacklink {
	margin-top:16px;
	float:left;
	margin-left:4px;
	}
	
.galleryheader a, .galleryheader a:visited {
	text-decoration : none;
	color : white;
	font-weight : bold;
}

.galleryheader a:hover, .galleryheader a:active {
	text-decoration : none;
	color : #b5c6ce;
	font-weight : bold;
}

a, a:visited {
	text-decoration : none;
	color : #6b949c;
	font-weight : bold;
}

a:hover, a:active {
	text-decoration : none;
	color : white;
	font-weight : bold;
}

/* Colour and size of site title */
.sitetitle {
	font-size: 26px;
	font-weight: bold;
	padding:0 0 2 0px;
	margin:0px;
	border:0px;
	color: white;
}

/* colour and size of homepage section title  */
.hometitle {
	font-size: 28px;
	color: #4a646e;
	font-weight: bold;
	margin-bottom:2px;
	margin-top:0px;
}

.homeintro {
	color: #4a6464;
	margin-bottom:2px;
	margin-top:2px;
	line-height : 120%;
}

.centred {
	text-align:center;
}

div#sectiontitle {
	border-bottom:1px solid white;
}

/* colour and size of section title  */
.sectiontitle {
	font-size: 28px;
	color: #4a646e;
	font-weight: bold;
	margin-bottom:2px;
	margin-top:0px;
	text-align:right;
}

.introcopy {
	color: #4a646e;
	margin-bottom:2px;
	margin-top:2px;
}

div#line {
	
	border-top:1px solid white;
	height:1px;
	width:660px;
	padding:0px;
	margin:0px auto 0px auto;
	
}

div#gallerymenu {
	margin-top:12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-size: 10px;*/
	font-size: 90%;
	font-weight: bold;
	color : white;
}

h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	font-size: 120%;
	color:#4a6464;
	margin-bottom:2px;
}

td,th {
	font-size:70%;
}

table.form td, table.form th {
	padding:3px;
}

table.info {
	margin-bottom:12px;
	border-top:1px solid white;
	border-left:1px solid white;
}

table.info td, table.info th {
	
	border-right:1px solid white;
	border-bottom:1px solid white;
	padding:3px;
}


.mainhomepageimage {
	border-width : 1px;
	border-style : solid;
	border-color : white;
}

.credits {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#4a646e;
	margin-bottom:12px;
	margin-left:172px;
}

/* Galleries */
#galleries {
	width:760px;
	text-align: center;
	margin: 12px auto 0px auto;
}

div#galleries table {
	margin:0px auto 0px auto;
}

.galleryimagebox {
	width:130px;
	margin-left:20px;
	background-color:#4a646e;
	margin-bottom:20px;
	border:1px solid white;
	
}
.galleryrow {
	margin-bottom:20px;
	width:auto;
}

.galleryimageboxfirst {
	width:130px;
	font-weight:bold;
	background-color:#4a646e;
	margin-bottom:20px;
	border:1px solid white;
}

.gallerycontents {
	
}

.galleryheader {
	margin-top:4px;
	margin-left : 2px;
	margin-right : 2px;
	margin-bottom : 3px;
	font-weight:bold;
	
}

.galleryimage {
	border-top:1px solid white;
	text-align:center;
}

.galleryimage img{
	margin:0 auto 0 auto;
}


/* main image */
div#imageDetails {
	margin-left:12px;
	width:185px;
}

div#imageTitle {
	margin:2px 0 4 12px;
	color:#4a6464;
	font-weight:bold;
	font-size:1.4em;
}

#imagePhoto {
	clear:both;
	float:left;
	text-align:left;
}

div#photoDetails .next {
	float:right;
	right:0px;
	top:0px;
	margin-right:2px;
}

div#photoDetails .previous {
	float:left;
	margin-bottom:6px;
	margin-left:2px;
}

div#photoDetails {
	text-align:center;
	margin-top:12px;
}

div#photoDetails table {
	text-align:left;
	margin:0px auto 0 auto;
}

div#photo {
	float:left;
}

.mainphoto {
	border: 2px solid white;
}

#imageCopy {
	width:182px;
	color:#4a6464;
}

p.imageinfo {
	margin-bottom:2px;
	margin-top:2px;
	margin-left:0px;
	padding:0px;
	
}


.normal p {
	margin-top:0px
}

div#othercontent {
	padding:2px;
	width:100%;
	color:#4a6464;
	margin-top:12px;
	height:380px;
}

html>body div#othercontent {
	height:auto;
	min-height:380px;
}

/* Spacing of description text in box */
.textbox {
	margin-top:10px;
	margin-left : 7px;
	margin-right : 7px;
	margin-bottom : 10px;
}

.boxtext {
	margin-top:2px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 2px;
}

/* home page */

div.homepageposition {
	border:0;
	margin:0;
	padding:0;
	margin-bottom:12px;
}

div.homepageposition#homepagepos2 {
	float:left;
	width:48%;
	clear:both;
}
div.homepageposition#homepagepos3 {
	float:right;
	width:48%;
}

div.homepageposition {
	margin:0;
	padding:0;
	margin-bottom:12px;
}

div.homepagesection {
	margin:0;
	padding:2px;
	margin-bottom:12px;
}

div.homepageposition h2 {
	display:block;
	background-color:#4a6464;
	color:#4a646e;
	padding:4px 4px 4px 4px;
	margin:0px;
	border:0px;
	margin-bottom:8px;
	font-size:1.2em;
}

div.homepageposition h2 a {
	color:#4a646e;
}

div.homepageposition h2 a:hover {
	color:white;
}

img.homepageimage {
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	border:1px solid #4a646e;
}

div.homepagearticle {
	clear:both;
	border:0;
	margin:0;
	padding:2px;
	margin-bottom:12px;
}

div.homepagearticle h3 {
	border:0;
	margin:0;
	padding:0px;
	margin-bottom:6px;
}


div.homepagesection  p, div.homepagearticle p {
	margin:0;
	margin-top:4px;
}


/* Links */
.linkentry {
	margin-bottom:12px;
}

.linkentry h3 {
	font-weight:bold;
	font-size:1.2em;
	color:#4a6464;
	margin-top:8px;
	margin-bottom:4px
}

.linkentry p {
	color:#4a6464;
	margin-top:0px;
	margin-bottom:2px
}

.linkentry p span {
	font-weight:bold;
	width:50px;
}

.articleImageLeft {
		float:left;
		margin-right:4px;
		margin-bottom:4px;
		clear:both;
}
.articleImageRight {
	float:right;
	margin-right:4px;
	margin-bottom:4px;
	clear:both;
}


/* form stuff */
.fieldLabel {
	font-weight:bold;
	padding:4px 4px 0 0;
}

textarea.inputField, input.inputField {
	border:1px solid white;
	background-color: #b5c6ce;
	color:#4a6464;
}

input.buttonHi {
	border: 1px solid white;
	color:#4a646e;
	background-color:white;
	font-weight:bold;
	font-size:100%;
}

input.button {
	border: 1px solid white;
	color:white;
	background-color:#4a646e;
	font-weight:bold;
	font-size:100%;
}

div#paypal {
	margin-top:12px;
}

div#paypal p {
	margin-top:2px;
	margin-bottom:2px;
}

input#payPalAddButton, input#payPalViewButton {
	margin-top:4px;
	float:left;
	margin-right:2px;
}

select.paypallink {
	font-size: 1em;
	border: 1px solid white;
	padding:0px;
}




