/* CSS Document */
body, #wraper, .centreContent, .centreContent p, #colrt, .threecol_colrt, .contentCol, .contentCol a, .linkCol { 	
	font-size:11px;
	line-height:16px;

}

body
{
	background: #fff;
	margin: 0;
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#293337;
	-webkit-animation-name: fade-in;
	-webkit-animation-duration: 1.25s;
}


#wraper{
	width:900px;
	margin:40px auto 20px auto;
	vertical-align:top;
}

.centreContent{
	width:460px; 
	float:left; 
	margin-bottom:30px;
}
.smallGray{
	padding:10px 10px 17px 10px;
	color:#aaa;
	font-size:10px;
	width:180px;
	border:1px solid #ddd;
}
.smallGray a{	
	color: #2C6BC8; 
	text-decoration: none; 
	border-bottom:1px dotted #2C6BC8;
}
.smallGray a:hover { 
	color: #0066ff; 
	text-decoration:none; 
	border-bottom:1px solid #0066ff;
}

#collt{
margin-right:225px;
	margin-top:40px;
}

#colrt{
	float:right;
	width:210px;
	margin-top:40px;
	font-size:11px;
background:url("images/contactbg.gif") no-repeat 0px 8px;
padding-left:8px;
}
#colrt h3{

}
.threecol_colrt{
width:170px; 
position:relative; 
float:right; 
margin-left:auto;
margin-right:0;
background:url("images/contactbg.gif") no-repeat 0px 8px;
padding-left:8px;
}
.linkCol{
	width:219px;
	margin-right:6px;
	float:left;
}

#footer{
	clear:both;
	background: url(../images/dotted_border.png) repeat-x top left;
	font-size: .82em;
	height:30px;
	color: #b6b6b6;
}
#footerLt, #footerRt {
	margin-top:4px;
}
#footerLt {
	float: left;
}
#footerRt {
	color: #b6b6b6;
	float: right;
	text-align:right;
}

#footer a, #footer a:visited, #footer a:link, #footer a:active{
	color: #b6b6b6;
}
#footer a:hover{
text-shadow: #b6b6b6 0 0 4px;
}

img{
	border:0;
}
.sideBlue{
position:relative;
display:block;	
top:25px;
	left:-8px;
	width:8px;
	height:200px;
	background-color: #00BAFF;

}
.newsImage{
	margin: 0 10px 20px 0;
}

.newsArticle {
	padding: 10px 0 0 0;
	background:url(../images/dotted_border.png) repeat-x top left;
font-size:11px;
}

.contentCol{
/*margin-left: 244px; /* left margin set to LeftColumnWidth*/
width:655px;
float: right;
}
.contentCol a, #colrt a{
color: #0066ff; 
text-decoration:none;
border-bottom:1px dotted #0066ff;
} 
.contentCol a:hover,  #colrt a:hover{
color: #0066ff; 
text-decoration:none;
border-bottom:1px solid #0066ff;
} 
.LeftColumnWidth{
float: left;
width: 244px; /*Width of left column*/
}
.clientList{
font-size:11px;
}

.locationMap {
 background: url('images/contactmap.jpg') no-repeat;
padding-left:32px;
line-height:26px;
}


a { -webkit-transition-duration: .4s;
	-webkit-transition-property: color, background, text-shadow, box-shadow;
	-moz-transition-duration: .4s;
	-moz-transition-property: color, background, text-shadow, box-shadow;
	transition-duration: .4s;
	transition-property: color, background, text-shadow, box-shadow;
 outline: none;
}
a:hover {
text-shadow: #0066ff 0 0 4px;
}


/*///////////////////////
////// HEADINGS  ////////
///////////////////////*/

.mainImage{
	width:900px;
	background:url(../images/wood.jpg) top;
	height:262px;

	-webkit-animation-name: fade-in;
	-webkit-animation-duration: 1.75s;
}
h1 {
	padding:0;
	margin:0px;
}
h1 span{
	visibility:hidden;
	font-weight:normal;
	line-height:20px;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	width:570px;
	color:#465968;
	line-height:27px;
	font-size:16px;
	letter-spacing:0.05em;
	margin-bottom:30px;
	clear:left;
}
h3{
	font-weight:normal;
	font-size:16px;
	color:#003783;
	margin-bottom:25px;
}
h4{
	font-weight:normal;
	font-size:13px;
	color:#003783;
	margin-bottom:15px;
}
h5{
	font-size:12px;
	font-weight:normal;
	padding:6px 0 8px 0px;
	margin:0;
	border-right:1px solid #fff;
	color:#003783;
	
}	

/*///////////////////////
//////   LISTS   ////////
///////////////////////*/
.homeLinks{
	list-style:none;
	margin:0 0 40px 0;
	padding:0;
}
.homeLinks li{
	background:url(../images/icon-arrow3.gif) no-repeat center left;
	padding-left:18px;
	font-size:11px;
	line-height:22px;
	color:#0066ff;
	text-decoration:none;
}
.homeLinks li a{
	color:#0066ff;
	text-decoration:none;
	/*background:url(../images/dotted_border.png) repeat-x bottom left;*/
}
.homeLinks li a:hover{
	color:#0066ff;
	text-decoration:underline;
	
}
.headerList{
	list-style:none;
	margin:0;
	padding:0;
}
.headerList li{
	float:left;
}

/* =NAV
---------------------------------------------------------------------- */
.headerContainer{
width: 100%;
height:80px;
background: #4fb5e5 url('images/hdbluebg.jpg') repeat-x;
}

.navMain{
position:relative;
padding:0; 
margin:0 auto; 
list-style:none;
width: 900px;
height:80px;
}
.navMain li{
float: left;
margin:0px; 
padding:0px;
}

.navMain li a {
	display:block;
	width: 90px;
	height: 80px;
	color: #ffffff;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	padding:0px 20px 0 0; 
	float:left;
	border-right:1px solid #5fcbfa;
	text-indent:12px;
	
}

.navMain li a:hover {
background: #5fcbfa;
}

.navMain li a b{
position: absolute; 
top: 54px;
display:block; 
height:20px; 
font-weight:normal;
text-shadow: #FFF 0 0 0px;
}


.navMain .logo{
width: 110px;
height: 80px;
background: url("images/fisklogo.jpg") no-repeat; 
}

.navMain .logo a:hover{
background: none
}

.navMain .logo span{display: none;}



/* /////////////////////
///////////////  CONTACT FORM   /////////////// */


#contactFormFullpage form { 
	margin:30px 0 0 0; 
	padding:0px; 
}

#contactFormFullpage fieldset { 
	border: none; 
	margin: 0px; 
	padding: 15px; 
	color: #000; 
background:#fafafa;
-moz-border-radius: 8px; 
-webkit-border-radius: 8px;
width:90%
}

.zemContactForm strong {
display:block;
margin:11px auto 22px auto;
width: 90%;
}

fieldset legend {
display: none;
}
#contactFormFullpage input.hidden { 
	display: none; 
	border: none;
margin: 0px; 
	padding: 0px; 
	background-color: #fff; 
}
#contactFormFullpage fieldset label { 
	line-height: 16px; 
	display: block; 
width: 90%;
margin:0px auto 5px auto;
}
#contactFormFullpage fieldset input{ 
	display: block; 
width: 90%;
	margin: 0 auto; 
	padding: 0; 
	line-height: 18px; 

	font: 11px Verdana, Arial, Helvetica, sans-serif; 
}

#contactFormFullpage #Name,#contactFormFullpage #Email,#contactFormFullpage #Website, #contactFormFullpage #message{
border:#c0c0c0 1px solid;
padding:2px 0;
-moz-border-radius: 2px; 
-webkit-border-radius: 2px;
}
#contactFormFullpage textarea{
display:block;
width: 90%;
padding: 2px; 
margin:0 auto 5px auto;
line-height: 18px; 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#contactFormFullpage .zemSubmit{ 
	width: 80px;
font-size:110%;
font-weight:bold;
color:#00b3ff;
margin:0 auto 0 5%;
padding:3px; 
background:  url('images/contactbut.gif') -5px -55px;
border: 1px solid #c0c0c0;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}

#contactFormFullpage .zemSubmit:Hover{ 
	width: 80px;
margin:0 auto 0 5%; 
color: #005387;
background:  url('images/contactbut.gif') -5px -5px;
border: 1px solid #a0a0a0;
}

.zemContactForm legend {
	visibility:hidden;
}

ul.zemError {
width:99%;
padding:20px 0;
margin:0 auto;
background:#00b3ff;
background:#00b3ff;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
}

.zemError li {
list-style-type:none;
color:#fff;
margin:4px 0 4px 0px;
padding-left: 20px;
}

ul.zemError li strong {
display:inline;
margin:0;
text-decoration:underline;
}
.zemThanks p {
margin-top:30px;
padding:20px 0;
width:80%;
font-size:14px;
text-align:center;
color:#fff;
font-weight:bold;
background:#00b3ff;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
}

p { font-size: 11px; }

/* //////  LAST FM LIST  ///////*/
#lastFmList  {
 list-style:none;
	margin:0;
	padding:0;
}
#lastFmList li {
text-decoration:none;
}
#lastFmList li a{
border-bottom: 0px;
color: #888;
}


/* //////  SMALL  SCREENS */

@media screen and (max-device-width: 480px){

.centreContent {
-webkit-text-size-adjust: 110%
	line-height:18px;}
}
/* //////  SMALL  SCREENS  /////// 
BLOCKED OUT FOR NOW!

@media screen and (max-device-width: 480px){

html{-webkit-text-size-adjust: none%}


.headerList{
	display:none;
width:0;
}


.navMain {
width:480px;
}

.navMain li a, .navMain li a:hover{	
width:60px;
}
.navMain .logo{
width:70px;
background: url("images/fisklogo.jpg") no-repeat 35%; 

}

#wraper{
	width:480px;
	margin:30px auto 20px auto;
position:relative;
}
.textSizeButs{
width:480px;
}

.mainImage{
display:none;
	width:0;
height:0;
}
h2 {	
position:relative;
left:10px;
	width:470px;
}

.contentCol{	
margin_left:0;
width:480px;
}

#collt,#colrt{
width:480px;
display:block;
clear:none;
}
#collt{
margin-right:0;
}

#collt, #colrt{
position:relative;
}
 #colrt{
display:none;
}

.LeftColumnWidth{
float:left;
clear:right;
}
.contentCol {

}
.threecol_colrt{
position: absolute;
margin:0;
top:0px;
right:0;
}
.threecol_colrt h3{
display:none;
}
}

////////////// END SMALL SCREENS ////////// */


/* //////  SLIDE SHOW   /////////////// */

.fadein { position:relative; width: 460px; height: 307px; margin: 30px 0;}
.fadein img { position:absolute; left:0; top:0; }

