/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%;
	font-family: 'Trebuchet MS', Verdana, Helvetica;
	font-size:13px;
	color:#FFFFFF;
	background-color: #e4e9ed;
	line-height: 160%;
	background-image: url(/images/sea.jpg);
	background-repeat: no-repeat;
}

#containerWildlife td {
	font-family: 'Trebuchet MS', Verdana, Helvetica;
	font-size:13px;
	color:#FFFFFF;
}

div#containerhome {
	position:relative;
	margin:0 auto;
	width:740px;
	min-height:100%;
	background: #6A97B9;
	background-image: url(/images/banner-home.jpg);
	background-repeat: no-repeat;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	height: auto;
}

div#containerTrips {
	position:relative;
	margin:0 auto;
	width:740px;
	min-height:100%;
	background: #6A97B9;
	background-image: url(/images/banner-boat-trips.jpg);
	background-repeat: no-repeat;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	height: 1500px;
}


div#containerStkilda {
	position:relative;
	margin:0 auto;
	width:740px;
	min-height:100%;
	background: #6A97B9;
	background-image: url(/images/banner-kilda.jpg);
	background-repeat: no-repeat;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	/*height: 1150px;*/
}

div#containershiant {
	position:relative;
	margin:0 auto;
	width:740px;
	min-height:100%;
	background: #6A97B9;
	background-image: url(/images/banner-shiant.jpg);
	background-repeat: no-repeat;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	height: auto;
}

div#containertar {
	position:relative;
	margin:0 auto;
	width:740px;
	min-height:100%;
	background: #6A97B9;
	background-image: url(/images/banner-taransay.jpg);
	background-repeat: no-repeat;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	height: auto;
}


div#gallery {
	position:relative;
	margin:0 auto;
	width:740px;
	min-height:100%;
	background: #6A97B9;
	background-image: url(/images/banner-gallery.jpg);
	background-repeat: no-repeat;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	height: auto;
}

div#bookings {
	position:relative;
	margin:0 auto;
	width:740px;
	min-height:100%;
	background: #6A97B9;
	background-image: url(../images/banner-enquiry.jpg);
	background-repeat: no-repeat;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	height: 1400px;
}


div#containerscarp {
	position:relative;
	margin:0 auto;
	width:740px;
	min-height:100%;
	background: #6A97B9;
	background-image: url(/images/banner-scarp.jpg);
	background-repeat: no-repeat;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	height: auto;
}

div#containerpabbay {
	position:relative;
	margin:0 auto;
	width:740px;
	min-height:100%;
	background: #6A97B9;
	background-image: url(/images/banner-pabbay.jpg);
	background-repeat: no-repeat;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	height: auto;
}

div#containershiant2 {
	position:relative;
	margin:0 auto;
	width:740px;
	min-height:100%;
	background: #6A97B9;
	background-image: url(../images/banner-shiant-price.jpg);
	background-repeat: no-repeat;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	height: auto;
}

div#containerenchanted {
	position:relative;
	margin:0 auto;
	width:740px;
	min-height:100%;
	background: #6A97B9;
	background-image: url(/images/banner-boat.jpg);
	background-repeat: no-repeat;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	height: auto;
}

div#containerWildlife {
	position:relative;
	margin:0 auto;
	width:740px;
	min-height:100%;
	background: #6A97B9;
	background-image: url(/wildlife/banner-wildlife.jpg);
	background-repeat: no-repeat;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	height: 2180px;
}

div#containersKildaPrice {
	position:relative;
	margin:0 auto;
	width:740px;
	min-height:100%;
	background: #6A97B9;
	background-image: url(/images/banner-kilda-price.jpg);
	background-repeat: no-repeat;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	height: auto;
}

div#containerLogBook {
	position:relative;
	margin:0 auto;
	width:750px;
	min-height:100%;
	background: #6A97B9;
	background-image: url(/images/banner-group.jpg);
	background-repeat: no-repeat;
	border-left: solid #FFFFFF 4px;
	border-right: solid #FFFFFF 4px;
	height: auto;
	text-align: left;
}


div#content {
	width:650px;
	margin-left: 43px;
	margin-top: 340px;	
}

div#contentLogBook {
	width:650px;
	margin-left: 43px;
	margin-top: 460px;	
}
div#container p{}

div#logo {
	width:730px;
	text-align: right;
	margin-top: 40px;
		
}

#navcontainer
{
	padding: 0;
	height: 30px;
	}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
	width: 105px;
	height: 30px;
	display: block;
	float: left;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

#navcontainer ul li a
{
	padding: 0;
	color: #910c35;
	text-decoration: none;
	display: block;
}

#navcontainer ul li a:hover
{
	color: #FFFFFF;
}

/* WILDLIFE MENU CUSTOMISATION FOR CLEARER COLOURS */
#navcontainer #navListWildlife a
{
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	display: block;	
}

#navcontainer #navListWildlife a:hover
{
	color: #660000
}
/* END OF WILDLIFE MENU CUSTOMISATIONS */


/* TARANSAY MENU CUSTOMISATION FOR CLEARER COLOURS */
#navcontainer #navListTaransay a:hover
{
	color: #003366;
}
/* END OF TARANSAY MENU CUSTOMISATIONS */

#navcontainer li#active
{
	color: #FFFFFF;
	border-bottom-style: none;
	background-color: #910c35; 
}

#navcontainer li#active a
{
	color: #FFFFFF;
}


div#shiantTripInfo {
	width:270px;
}

h1 {
	color: #003366;
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 12px;
}

h2 {
	color: #660000;
	font-size: 18px;;
	font-weight: normal;
	margin-bottom: 12px;
}
a:link {
	text-decoration: none;
	color: #003366;
}
a:visited {
	text-decoration: none;
	color: #003366;
}
a:hover {
	text-decoration: underline;
	color: #EAEAEA;
}
a:active {
	text-decoration: none;
	color: #003366;
}

div#left{
	width: 370px;
	float: left;
}

div#right{
	float:right;
	width:255px;
}

.imageborder {
	border: 1px solid #FFFFFF;
	}

.borderwhite {
	border: 1px solid #FFFFFF;
	}

.captions {
	font-family: 'Trebuchet MS', Verdana, Helvetica;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #910C35;
	font-style: italic;
}
.subheadings {
	color: #660000;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 3px;
}

.imgmargnoborder {
	float: right;
	margin-left: 25px;
	margin-bottom: 10px;
}
div#left2 {

	width: 232px;
	float: left;
}
div#right2 {
	float:right;
	width:410px;
}

.br {
		display: block;
		padding: 12px 0px 0px 0px;
}

.price {
	font-family: 'Trebuchet MS', Verdana, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #910C35;
}

.imgmargnoborder2 {
	float: right;
	margin-left: 25px;
	margin-bottom: 10px;
	border: 1px solid #FFFFFF;
}

.infoBoxAlignRight {
	float: right;
	width: 196px;
	height: 68px;
	margin-left:25px;
	padding: 16px 24px;
	color:#CCCCCC;
	background-color:#990033;
	border: 1px solid #FFFFFF;
}

.infoBoxAlignRight h2 {
	font-size:16px
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	color:#BBBBBB;
	margin-bottom: 0em;
	margin-top: 0em;
}

.infoBox {
	float:right;
	color: #CCCCCC;
	background-color: #990033;
	border: 1px solid #FFFFFF;
	margin-left: 25px;
	padding: 8px 8px;
	font-size:16px;
}

.infoBox strong {
	color: #FFFFFF;
	font-weight: bold;
}

.infoBox small{
	font-size:12px;
}

.infoBox h3{
	font-size:20px;
	font-style:italic;
	margin-bottom: 0em;
	margin-top: 0em;
}

.captions2 {
	font-family: 'Trebuchet MS', Verdana, Helvetica;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: italic;
}

.credit {
	font-family: 'Trebuchet MS', Verdana, Helvetica;
	font-size: 11px;
	font-weight: bold;
}


/* Settings for Log Book */
#lbHeadMenu
{
	padding: 0;
	height: 32px;
	}

#lbHeadMenu ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

#lbHeadMenu ul li
{
width: 170px;
height: 32px;
display: block;
float: left;
text-align: center;
vertical-align: middle;
font-size: 14px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
}

#lbHeadMenu ul li img
{
	vertical-align: middle;
	padding-right: 4px;
}

#lbHeadMenu ul li a
{
	padding: 0;
	color: #910c35;
	text-decoration: none;
	/* display: block; */
}

#lbHeadMenu ul li a:hover
{ color: #FFFFFF; }


A:link { background-color: transparent; color: #16295B; text-decoration: none; }
A:visited { background-color: transparent; color: #16295B; text-decoration: none; }
A:hover { background-color: transparent; color: #000000; text-decoration: none; }



.fb1 { background-color: #F5F5FB; color: #000000; }
.fb2 { background-color: #F8F8F8; color: #000000; }
.fb3 { background-color: #C8D0F1; color: #000000; font-weight: bold; }
.fb4 { background-color: #F6F7FC; color: #000000; }
.fbtitle { background-color: #F5F6FC; color: #000000; }
.fbcatbg { background-color: #E1E4F8; color: #000000; font-size: 12px; font-weight: bold; }
.fbborder { background-color: #000000; color: #FFFFFF; font-size: 12px; }
td { color: #000000; font-family: Arial, Verdana, Helvetica; font-size: 12px; }
hr { color: #000000; }
input { background-color: transparent; color: #000000; border: 1px solid #455588; font-family: Arial, Verdana, Helvetica; font-size: 11px; margin: 1px; }
textarea { background-color: #EFF1FD; color: #000000; border: 1px solid #455588; font-family: Arial, Verdana, Helvetica; font-size: 11px; margin: 1px; }
select { background-color: #EFF1FD; color: #000000; border: 1px solid #455588; font-family: Arial, Verdana, Helvetica; font-size: 11px; margin: 1px; }
.pinned { background-color: #B80000; }
.marked { background-color: #B80000; }
.fbkomm { color: #5A68A0; font-family: Verdana, Lucida, Sans-Serif; }
.quote { color: #000000; border: 1px dotted #333333; font-family: Arial, Verdana, Helvetica; font-size: 11px; }
.ubbcbutton A:link { background-color: #FFFFFF; border: 1px solid #000066; text-decoration: none; margin: 1px; padding: 2px; display: block; }
.ubbcbutton A:visited { background-color: #FFFFFF; border: 1px solid #000066; text-decoration: none; margin: 1px; padding: 2px; display: block; }
.ubbcbutton A:hover { background-color: #D2E0FC; border: 1px solid #3333CC; text-decoration: none; margin: 1px; padding: 2px; display: block; }
form { padding: 0px; margin: 0px; }
/* own CSS tags */
ownTag { padding: 0px; }
/* own CSS tags */