* { margin: 0; padding: 0; }


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

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


body {
	background: url("../img/bg.jpg") repeat-x scroll left top #003C61;
	font-family: Verdana;
	font-size: 10px;
	color: #FFF;
}

p { margin-bottom: 10px; }
img { border: 0 }
a { color: #464646; text-decoration: none; }
hr { clear: both; visibility: hidden; }

#container {
	position: relative;
	width: 970px;
	margin: 0 auto;
}

#beams {
	background: url('../img/beams.jpg') top right no-repeat;
	position: absolute;
	top: 0px;
	right: 970px;
	width: 500px;
	height: 500px;
}

#photos {
	position: absolute;
	top: 40px;
	left: 320px;
	width: 330px;
	height: 200px;
	z-index: 10;
}
#homelink a {
position: absolute;
display: block;
height: 95px;
width: 191px;
    background: url("../img/logo.png") 0 0 no-repeat;
    top: 13px;
    z-index: 1000;
}
#homelink a span {
display: none;
}


#menu {
	height: 50px;
	background: url('../img/menu_bg.jpg') top left no-repeat;
}
#header {
	height: 285px;
}
.h-pages #header {
	height: 157px;
}
.h-pages #header img{
	height: 160px;
    width: 970px;
}
#boxes {
	height: 145px;
    margin: 0px 0 0;
}
#boxes.sub {
	height: 70px;
}

#boxes #topline,
#boxes #bottomline {
}

#boxes #topline {
	background: url('../img/topline_bg.jpg') top left no-repeat;
}
#boxes #bottomline {
	background: url('../img/bottomline_bg.jpg') top left no-repeat;
}
#boxes.sub #bottomline {
	background: url('../img/bottomline_sub_bg.jpg') top left no-repeat;
}

#boxes #box_container {
	height: 145px;
}
#boxes #box_container a {color:#fff;}
#boxes.sub #box_container {
	height: 70px;
}
#boxes.sub #box_container #box1 {
	width: 970px;
	height: 70px;
	background: url('../img/box_sub_bg.jpg') top left no-repeat;
	overflow: hidden;
}
#boxes.sub #box_container #box1 h1 {
	font-size:2em;
	line-height:70px;
	height: 20px;
	margin-left: 20px;
}
#boxes #box_container #box1 {
	position: relative;
	float: left;
	width: 325px;
	height: 145px;
	background: url('../img/box_left_bg.jpg') top left no-repeat;
}
#boxes #box_container #box2 {
	position: relative;
	float: left;
	width: 320px;
	height: 145px;
	background: url('../img/box_center_bg.jpg') top left no-repeat;
}
#boxes #box_container #box3 {
	position: relative;
	float: left;
	width: 325px;
	height: 145px;
	background: url('../img/box_right_bg.jpg') top left no-repeat;
}
#boxes #box_container h2 {
	margin-bottom: 10px;
}
#boxes #box_container #box1 .content,
#boxes #box_container #box2 .content,
#boxes #box_container #box3 .content {
	margin: 20px 15px;
}


#boxes #box_container .goto span { display: none; }


#boxes #box_container .goto a {
	position: absolute;
	display: block;
	height: 20px;
	bottom: 10px;
	right: 20px;
}

#boxes #box_container .goto .tours {
	/* background: url('../img/goto_tours.png'); */
	background: url('../img/goto_tours.gif');
	width: 80px;
}
#boxes #box_container .goto .boatpage {
	/* background: url('../img/goto_boatpage.png'); */
	background: url('../img/goto_boatpage.gif');
	width: 100px;
}
#boxes #box_container .goto .animalpage {
	/* background: url('../img/goto_animalpage.png'); */
	background: url('../img/goto_animalpage.gif');
	width: 115px;
}



#main {
    color: #464646;
    background: url("../img/main_center_bg.jpg") no-repeat scroll 325px bottom #fff;
    /*582*/
}

#main #left {
	float: left;
	width: 325px;
    /*582*/
}

#main #center {
	float: left;
	width: 320px;
    /*582*/
}

#main #right {
	float: left;
	width: 325px;
}

#main .content {
	margin: 25px 20px;
}

/* Main undirs��a */

#submain {
	color: #464646;
	background: #FFF  url('../img/main_line_bg.gif') top right repeat-y;
}

#submain #left {
	float: left;
	width: 645px;
	background: url('../img/submain_line_bg.jpg') top right no-repeat;
}
#submain #left .content {
	padding: 25px 20px;
    min-height: 360px;
}
#submain #left .content img{
    cursor: pointer;
}
#submain #right {
	float: left;
	width: 325px;
	height: 100%;
    background: #f7f7f7;
}

#submain #left .content .formed p {
margin-left: 150px;
}
#submain #left .content .formed p img {
	margin-left: -150px;
	float: left;
	margin-right: 20px;
	padding: 10px 0px;
}

#submain #left .content table.schedule {
border-collapse: collapse;
clear: both;
width: 400px !important;
}
#submain #left .content table.schedule strong {
color: #f17c00;

}
#submain #left .content table.schedule tr td {
border-bottom: 1px solid #494949;
height: 16px;
line-height: 16px;
}


/* F�tur */


#footer {
	/*background: url('../img/footer_bg.jpg') top left no-repeat; */
	height: 60px;
	width: 940px;
	padding: 15px;
color: #bfced7;
clear: both;
}
/*#footer span{ position:absolute;font-size:1px;width:1px;height:1px;overflow:hidden;left:-9999px;}*/
#footer .company {
float: left;

}
#footer .credits {
float: right;

}

/* VALMYND */

#menucontainer {
text-align: right;
float: right;
width: 700px;
height: 50px;
overflow: hidden;
}

#menu ul {
float: right;
	list-style: none;
	padding-right: 20px;
}
#menu ul li {
	list-style: none;
	float: left;
}
#menu ul li a {
	display: block;
	height: 38px;
	text-decoration: none;
	margin-left: 20px;
}
#menu ul li a {
	background-repeat: no-repeat;
	background-position: 0 0;
    height: 38px;
}

#menu ul li a span{ position:absolute;font-size:1px;width:1px;height:1px;overflow:hidden;left:-9999px;}

#menu ul li.selected a {background-position: 0 -50px;
    border-bottom: 4px solid #fc9f3c;
}

#menu ul li a.whalewatching { width: 121px; background-image: url('../img/menu_whalewatching.gif'); }
#menu ul li a.safety { width: 55px; background-image: url('../img/menu_safety.gif'); }
#menu ul li a.tours { width: 50px; background-image: url('../img/menu_tours.gif'); }
#menu ul li a.schedule { width: 75px; background-image: url('../img/menu_schedule.gif'); }
#menu ul li a.boats { width: 47px; background-image: url('../img/menu_boats.gif'); }
#menu ul li a.aboutus { width: 74px; background-image: url('../img/menu_aboutus.gif'); }
#menu ul li a.whalewatchingdiary { width: 90px; background-image: url('../img/menu_whalediary.gif'); }


/* FR�TTIR */

#main h2 {
	color: #003b61;
	font-size: 1.2em;
	margin-bottom: 10px;
}

.news {
position: relative;
padding-bottom: 20px;
margin-bottom: 15px;
background: url('../img/news_line.gif') bottom center no-repeat;
}

.news h3 {
	font-size: 1em;
	color: #f17c00;
font-weight: normal;
margin-bottom: 1em;
}
.news h3 a {
color: #f17c00;
text-decoration: none;
}

.news h3 .date {
	color: #7f9db0;
}

.news .goto {
	position: static;
}
.news .goto a span { display: none; }

.news .goto a.more {
	position: absolute;
	display: block;
	height: 12px;
	right: 10px;
	/* background: url('../img/news_more.png'); */
	background: url('../img/news_more.gif');
	width: 80px;
	height: 12px;
}


/* Fr�ttir details */
.newsdet h3 {
    margin: 0 0 3px 74px;
    font-size: 19px;
}
.newsdet p p {
margin-left: 0px;
}

/* ABOUT */

#main h1 {
	color: #003b61;
	font-size: 2em;
	margin-bottom: 10px;
}


/* Book Form */


.form input {
	border: 0;
	width: 100%;
	height: 18px;
}
.form textarea {
	border: 0;
	width: 100%;
}
.form {

}
.form .formname,
.form .formemail,
.form .formtel,
.form #formtext {
	border: 1px solid #bfced7;
}

.form label {
	font-weight: bold;
	color: #464646;
}

.form .formname {
	margin-bottom: 5px;
}

.form #emailcontainer {
	float: left;
	width: 145px;
}
.form #telcontainer {
	float: right;
	width: 130px;
	margin-bottom: 10px;
}
.form .formtext {
	clear: both;
}
.form #submitcontainer {
	width: 130px;
	margin: 0 0 0 154px;
}
.form #submit {
	margin-top: 10px;
	width: 130px;
	height: 30px;
}


/* Schedule */

#schedule {
	float: right;
	width: 266px;
}
#schedule h1 {
	font-size: 2em;
	margin-bottom: 10px;
}

.schedulebtn {
	display: block;
	background: url('../img/schedule_btn.jpg') top left no-repeat;
	width: 200px;
	height: 30px;
	margin: 0 auto;
	margin-top: 20px;
}
.schedulebtn span {
	display: none;
}

/* Undirs��a subnav */
.b-submenu{

}
.b-submenu-link{
    color: #F17C00 !important;
}
#right .subnav {
	margin-top: 6px;
	list-style: none;
}
.b-submenu li.selected{
    background: none!important;
    width: 237px !important;
    color: #d2710a;
}
#right .subnav li {
	line-height: 39px;
	list-style: none;
    position: relative;
    width: 288px;
    padding: 0 29px 0 22px;
    left: -3px;
}
#right .subnav li.selected {
    background: url("../img/bg-subnav-item-current.png") 0 0 no-repeat;
    /*height: 44px;*/
    margin-bottom: -7px;
    top: -1px;

    padding-bottom: 10px;
}
#right .subnav li a {
	display: block;
	background: #f7f7f7;
	height: 34px;
    text-decoration: none;
	color: #003d62;
	font-size: 13px;
	font-weight: bold;
    border-bottom: 1px dashed #c6c6c6;
}

#right .subnav li.selected a{
    background: none;
    border-bottom: none;
    color: #fff;
}
#right .subnav li ul {
}
#right .subnav li ul li {
	height: 40px;
	line-height: 40px;
	list-style: none;
}
#right .subnav li ul li a {
	display: block;
	background: url('../img/subnav_bg.gif') top left no-repeat;
	height: 40px;
    text-decoration: none;
    color: #F17C00 !important;
	font-size: 1.3em;
	font-weight: bold;
}

.newsdet p {
margin-left: 74px !important;
}
.newsdet h2 {
margin-left: 76px;
    font-size: 18px;
}

#submain #left .content .staff table tr td {
border: 0px !important;
width: 33%;
}
#submain #left .content p img {
padding: 5px;
}

.mailform label {
float: left;
width: 80px;
line-height: 18px;
}

#Starfsmenn {
width: 450px;
margin: 0 auto;
} 

.sBox{
width:200px;
float: left;
margin:5px;
min-height: 200px;
height:auto !important;
height:190px;
border: 1px solid #DDD;
text-align: center;
}

/* Texti */
.texti li {margin-left:16px;}

/* Tenglar / Links */
.links {float:left; list-style:none; margin-left:20px; }
.links li { line-height:26px; font-size:1.3em; }
.links li a{ color:#f17c00; font-weight:700; }

/* F�nar */
#fanar {position:absolute; width:122px; height:16px; display:inline; left: 281px; top: 16px; z-index:2;}
#fanar li {float:left; width:22px; height:16px; list-style:none; margin-right:8px;}

/* Myndir � haus */
#tphotos {
	position: absolute;
	top: 49px;
	left: 0;
	width: 704px;
	height: 286px;
	overflow:hidden;
}
#blandamynd{

    width: 704px;
}
.b-baner-title{
    font-size: 25px;
    font-family: calibri;
    font-weight: normal;
    border-left: 5px solid #fc9f3c;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 226px;
    left: 12px;
    padding: 4px 14px 5px 9px;
}
.b-baner-title p{
    margin: 0;
}
.b-subpage-banner{
    position: relative;
}
.b-subpage-banner .b-baner-title{
    border-left: none;
    border-right: 5px solid #fc9f3c;
    left: auto;
    right: 12px;
    top: 100px;

}









/*---[ LIGHTBOX ]---*/

#overlay{
	background-color:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
}
#lightboxImage{
	border:4px solid #fff;
}
#lightbox{
	position:absolute;
	top:30px;
	left:35%;
	width:65%;
	z-index:100;
	text-align:center;
	line-height: 0;
}
#lightbox a img {border:none;}
#outerImageContainer {
	position:relative;
/*	background-color:transparent;  #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;
/*	background:url("../img/lightbox/loading.gif") no-repeat center center;*/
}
#loading img {
	display:none;
}
#myndir {
	float:left;
	width:600px;
	margin-right:3px;
	padding-top:8px;
	padding-left:10px;
}
#myndir .imgbox {
	float:left;
	width:130px;
	height:145px;
	text-align:center;
}
#myndir a img{
	vertical-align:middle;
}
#myndir img {
	border:0;
	max-width:154px;
	max-height:154px;
}
.b-create-order{
    background: url("../img/bg-order.jpg") 0 0 no-repeat;
    width: 256px;
    height: 286px;
    padding: 0 0 0 10px;
    overflow: hidden;
    margin-top: -1px;
}
.b-create-order h1{
    opacity: 0;
    height: 65px;
}
.b-label{
    font-size: 13px;
    color: #fff;
    float: left;
    width: 128px;
}
.b-label-date{
    float: left;
    width: 126px;
    margin: 18px 0 11px 2px;
    background: url("../img/bg-calendar-icon.png") no-repeat scroll 93px 23px transparent;
    cursor: pointer;
}
.b-label-small{
    width: 70px;
    float: left;
    margin-left: 17px;
}
.b-label-small.first{
    margin-left: 4px;
}
.b-create-type{
    margin: 0 0 13px 0;

}
.b-label-small div.selector select{width: 70px;
    min-width: 40px;
}
.b-label-small div.selector {width: 59px;
    margin: 4px 0 0 0;
}
.b-label-small div.selector span{width: 33px;
    text-align: center;
}


 div.selector select{width: 249px;
    background: #fff;
}
 div.selector select option{
    background: #fff;

}

.b-create-type div.selector {width: 241px;}
.b-create-type div.selector span{width: 211px;}
.b-label-date input{
    background: #062b47;
    border: 1px solid #183d59;
    width: 83px;
    color: #fff;
    font-size: 13px;
    margin: 3px 0 0 3px;
    padding: 4px 0;
    cursor: pointer;
}
#ui-datepicker-div{
    background: #183D59;
    color: #fff;
    border: 1px solid #062B47;
}
.ui-datepicker-calendar a.ui-state-default{
    color: #fff;
}
.ui-datepicker-calendar a.ui-state-default:hover{
    background: #062B47;
}
#timepicker-result,
.b-timepicker-result{
    background: url("../img/bg-timepicker-result.png") 0 0 no-repeat;
    width: 116px;
    height: 27px;
    border: none;
    color: #fff;
    margin: 0 0 0 -4px;
    padding: 3px 0 3px 11px;
    cursor: pointer;
}
.b-label-set-time{
    position: relative;
    width: 116px;
    margin: 0 0 0 12px;
    height: 55px;

}
#timepicker{
    position: absolute;
    display: none;
    height: 4px;
    width: 155px;
    right: 7px;
    top: 51px;

    background: #062B47;
    border: 1px solid #183D59;
}
.b-order-next{
    background: url("../img/bg-createorder-next.png") 0 0 no-repeat;
    width: 96px;
    height: 47px;
    font-size: 0;
    text-indent: -9999px;
    display: block;
    margin: 26px 0 0 78px;
    border: none;
}
.b-order-next:active{
    position: relative;
    top: 1px;

}
.b-feedback-form{
    background: url("../img/bg-feedback-form.png") no-repeat scroll 195px 69px #F7F7F7;
    padding: 56px 13px 20px 18px;
}
.news-navigation h2,
.b-feedback-form h2{
    color: #f17700;
    border-bottom: 1px dashed #C6C6C6;
    padding: 0 0 3px 0;
    margin-bottom: 3px;
}
.b-newsdet-date{
    background: url("../img/bg-newsdet-date.png") 0 0 no-repeat;
    height: 57px;
    width: 81px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    float: left;
    margin: 0 0 0 -15px;
    text-transform: uppercase;
}
.b-back-news{
    background: url("../img/bg-back.png") 0 0 no-repeat;
    display: block;
    width: 140px;
    height: 22px;
    font-size: 0;
}
.news-navigation{
    padding: 5px 13px 5px 18px;
}
.news-navigation li{
    float: left;
    list-style: none;
    margin: 2px 8px 0 0;

}
.news-navigation-year{
    font-size: 14px;
    color: #000;
    clear: left;
    margin: 3px 0;
}
.news-navigation-months{
    font-size: 13px;
    color: #F17700;
}
.b-newsdet-date strong{
    font-size: 28px;
}
.b-newsdet-link{
    background: url("../img/bg-newsdet-link.png") no-repeat scroll -20px 0 transparent;
    float: right;
    width: 200px;
    padding: 8px 0 0;

}
.b-newsdet-link-more{
    background: url("../img/bg-newsdet-link-more.png") 0 0 no-repeat;
    width: 115px;
    height: 22px;
    font-size: 0;
    text-indent: -999px;
    float: right;
}

.b-senda-fb{
    font-size: 13px;
    color: #333;
    padding: 0 0 0 39px;
    display: block;
    line-height: 26px;
    margin-left: 5px;
    float: right;
    background: url("../img/icon-facebook-large.png") no-repeat scroll 0 0 transparent;
}
.b-facebook {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 5px 0;
    margin: 19px 0 11px 73px;
}
.b-facebook-button {
    float: left;
}