/*
 NB Communication Ltd
 Accessible, standards-compliant web development

 http://www.nbcommunication.com
*/

body,html {
	margin: 0px;
	margin-bottom: 5px;
	width: 100%;
	background-color: #ffffff;
	font-family: georgia, serif;
	font-size: 16px;
	color: #2C3532;
	}
	
img {border: 0px;}

#page {
	width: 770px;
	padding: 0px;
	margin: 0px auto;
	background-color: #ffffff;	
	}
	
#header {    
	height:	221px;
	width: 770px;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
        }

#contentContainer {
	width: 770px;
	padding: 0px;
	margin: 0px;	
	}
	
#leftcol {
        width: 215px;
        float: left;
	padding-top: 30px;
	font-family: arial, verdana, helvetica, sans-serif;
}

#leftcol li {
padding-top: 3px;
padding-bottom: 3px;
}

#rightcol {
        width: 555px;
	float: right;
	padding-top: 7px;
	}

#nav {     
	padding-left: 20px;
	line-height: 16pt;
	font-size: 110%;    
}


#footer {
clear:both;
}

#footerContent {
 width: 555px;
 float:right;
 text-align:center;
 padding-top: 40px;
 font-size: 11px;
 color: #8BA0D0;
 
}

a.footerLink:link, a.footerLink:visited { color: #8BA0D0; text-decoration: underline; }
a.footerLink:hover {color: #B45F03; text-decoration: underline; }



dl.gallery
{
border: 1px solid #000;
background-color: #ddd;
width: 302px;
text-align: center;
padding: 10px 10px;
float: left;
margin: 10px 1em 10px 0;
}

.gallery dt { font-weight: bold; }

.gallery dt img
{
border: 1px solid #000;
width: 300px;
}

.gallery dd
{
margin: 0;
padding: 0;
}



/* ------------------------------ CONTACT FORM --------------------------------------------------- */
#cntform {
	padding-left: 20px;
	clear: both;
}
#cntform fieldset {
	border:1px solid #8BA0D0;
	padding: 10px;	
	margin: 0 0 10px 0;
	color: #075e9b;
}
#cntform legend {
	color: #8BA0D0;
	font-weight: bold; 
}
#cntform input, #cntform select {
	margin: 2px 0;
}
#cntform textarea {
	width: 350px;
	height:15em;
}
#cntform label {
	display: block; 
	float: left;
	width: 90px;
}
#cntform p {
	font-size: 90%;
	margin: 0;
}

#coun {
	font-size: 90%;
}

.top {
	text-align: right;
	font-size: 90%;
}

.req {margin: 0; text-align: right; line-height: 0.7em;}

/* ------------------------------ CONTACT FORM END--------------------------------------------------- */

/************************** Styles - Modified for CMS version ***************************/

#header {position: relative; }
#header h1 { text-indent: -5000px; width: 465px; height: 217px; background: url(images/shetland-otters-logo.jpg) no-repeat; }
#header #portholes { position: absolute; top: 0px; left: 417px; width: 353px; height: 217px; background: url(images/portholes.png) no-repeat; }
.porthole1 { position: absolute; top: 28px; left: 473px; }
.porthole2 { position: absolute; top: 8px; left: 661px; }

/* link icons */
#rightcol a[href^="http://"] {
	display:inline-block;
	padding:2px 14px 2px 0px;
	line-height:18px;
	min-height:18px;
	overflow:visible;
	background:transparent url(images/external.gif) center right no-repeat;
}
#rightcol a[href$='.doc'] {
	display:inline-block;
	line-height:18px;
	min-height:18px;
	overflow:visible;
	background:transparent url(images/word.png) center left no-repeat;
	padding:2px 0 2px 20px;
}
#rightcol a[href$='.pdf'] {
	display:inline-block;
	line-height:18px;
	min-height:18px;
	overflow:visible;
	background:transparent url(images/pdf.png) center left no-repeat;
	padding:2px 0 2px 20px;
}

#rightcol ul {
margin-left: 50px;
}

#rightcol .thumbscontainer ul {
margin-left: 0px;
}


.thumbs li p { width: 200px; margin-top: 0px; text-indent: 10px; margin-bottom: 30px; }
.thumbscontainer a { cursor: url(images/magnify.cur), pointer; }

/* Stealth Gear logo for sidebar */
.sg1 { display: block; position: relative; top: 25px; }
.sg2 { font-size: 11px; line-height: 15px !important; display: block; margin-bottom: 5px; font-weight: bold; }