body
{
background:url(images/theboat/body.png) repeat-x top #fff;
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0px auto auto auto;
color:#666666;
}
a{
color:#a37654;
text-decoration:none;
}
.clear{
clear:both;
}
h1{
color:#2a5174;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:normal;
padding:5px 0 7px 0;
margin:0px;
clear:both;
}
h2{
color:#2a5174;
font-size:18px;
font-weight:normal;
padding:5px 0 5px 0;
margin:0px;
clear:both;
}
h3{
color:#132a3e;
font-size:14px;
font-weight:bold;
padding:0px 0 2px 0;
margin:0px;
clear:both;
border-bottom:1px dotted #BF8153;
}
h4{
color:#132a3e;
font-size:14px;
font-weight:bold;
padding:0px 0 0px 0;
margin:0px;
clear:both;
}
h4 a{
color:#132a3e;
font-size:14px;
font-weight:bold;
padding:0px 0 0px 0;
margin:0px;
clear:both;
}

p{
padding:5px 0 5px 0;
margin:0px;
text-align:left;
line-height:20px;
font-family:Georgia, "Times New Roman", Times, serif;
}
.wrap{
width:960px;
margin:auto;
background:url(images/theboat/top_banner.png) no-repeat center top;
}
.logo{
padding:0 0 0 25px;
float:left;
}
/*-----------------------------menu-------------------*/
#menu{
width:550px;
clear:both;
float:left;
padding:10px 0 0 30px;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}
#menu ul{
display:block;
list-style:none;
margin:0px;
padding-left:2px;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
}
#menu ul li a{
display:block;
padding:0px 0 15px 0;
margin:0px 32px 0 0;
float:left;
text-decoration:none;
color:#fff;

}
#menu ul li.selected a{
display:block;
padding:0px 0 15px 0;
margin:0px 32px 0 0;
float:left;
text-decoration:none;
color:#fff;
background:url(images/theboat/menu_arrow.png) no-repeat center bottom;
}
#menu ul li a:hover{
background:url(images/theboat/menu_arrow.png) no-repeat center bottom;

}
/*--------------welcome_block-----------------*/
.welcome_block{
width:960px;
min-height:266px;
float:left;
background-image:url(images/theboat/bolle.png);
background-position:right;
background-repeat:no-repeat;

}

.welcome_info{float:left;
margin-left:25px;
margin-top:20px;
width:550px;}

.welcome_news{
background-color:#D5D5FF;
padding:5px 5px 8px 10px;
margin-bottom:10px;
width:450px;
}

.about{
width:400px;
float:left;}

.info{
width:500px;
padding-top:12px;
margin:0px;
}

.vaccin{
background-color:#D5D5FF;
padding:5px 5px 5px 20px;
margin-bottom:0px;
margin-left:0px;
width:200px;
margin-bottom:2px;
border-left:#5F76A0 8px solid;
float:left;
}
.pris p{text-align:center; font-style:italic; color:#FFFFFF;}


.pris{
background-color:#5F76A0;
padding:5px 5px 5px 10px;
margin-bottom:0px;
margin-left:0px;
width:200px;
margin-bottom:2px;
float:left;
}

img.request_quote{
float:right;
padding:10px 0 0 0;
}
img.read_more{
float:right;
padding:10px 0 0 0;
}
.user_icon{
float:right;
margin:0px;
padding:0px;
/*padding:30px 162px 0 0;
_padding:100px 35px 0 0;*/
}
.bolle{
float:right;
padding:30px 2px 0 0;
_padding:100px 0px 0 0;
}
/*--------------main_content-----------------*/
.main_content{
width:960px;
clear:both;
background:url(images/theboat/center_gradient.png) repeat-y center;
padding:10px 0 30px 0;
float:left;
}
.left_content{
width:550px;
float:left;
padding:0px 0 0 30px;
}
.services_block{
width:255px;
float:left;
padding:20px 15px 0 0;
}
.icon_left{
float:left;
width:57px;
}
.services_details{
float:left;
width:185px;
padding:0 0 0 10px;
}

.filer{
width:370px;
float:left;
padding:0px 0px 5px 0px;
margin-bottom:20px;
border-bottom:dashed 1px #8080FF;
}

.dokument{
width:370px;
float:left;
padding:0px 0px 0 0px;
margin-bottom:15px;
border-bottom:solid 2px #CCCCCC;
}

img.thumb{
float:left;
padding:10px 20px 0 0;
}



.right_content{
width:340px;
float:right;
padding:0 30px 0 0;
}
.news_block{
width:340px;
min-height:80px;
clear:both;
padding:5px 0 8px 0;
border-bottom:1px dotted #BF8153;

}



img.project{
float:left;
border:1px solid #BF8153;
margin:10px 10px 0 0;
}
/*--------------------footer-------------*/
.footer{
width:100%;
height:170px;
color:#FFFFFF;
background:url(images/theboat/footer.png) repeat;
float:left;
}
span.brown{
color:#d5a17c;
}
.footer h2{
color:#FFFFFF;
}
.footer_content{
width:960px;
margin:auto;
padding:10px 0px 0 0px;
}

.left_footer_content{
width:315px;
float:left;
padding:0 0 0 30px;
}
.footer_links{
width:195px;
float:left;
padding:0 0 0 30px;
}
.footer_links ul {
list-style:none;
padding:0px 0 0 10px;
margin:0px;
}
.footer_links ul li{
padding:4px 0 4px 0;
margin:0px;
}
.footer_links ul li a{
text-decoration:none;
padding:0 0 0 20px;
font-size:12px;
margin:0px;
color:#d5a17c;
background:url(images/footer_list_bullet.gif) no-repeat left;
}
.footer_links ul li a:hover{
text-decoration:underline;
}
.footer_network{
width:355px;
float:right;
}
.footer_network a{
padding:0 5px 0 0px;
}
img.csstemplatesmarket{
float:left;
clear:both;
padding:30px 0 0 0;
}
/*---------------LIGHTBOX------------*/
#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#2a5174;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border:none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url(lightbox/images/loading.gif) center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url(lightboximages/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url(lightbox/images/back.gif) left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url(lightbox/images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageDetails{ width: 70%; float: left; text-align: left; }	
#caption{ font-weight: bold;	}
#numberDisplay{ display: block; clear: left; }			
#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	}	
#prevLinkDetails { margin:0 8px 0 0; }		
#nextLinkDetails { margin:0 8px 0 0; }		
#closeLink {
	display:block;
	margin:0;
	padding:0 0 10px 0;
	text-decoration:none;
	float:right;
	width:66px;
	height:28px;
	background:url(lightbox/images/close.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #151410;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}