* { margin: 0; padding: 0; }


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

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


body {
	background: #003c61 url('../img/bg.jpg') top left repeat-x;
	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: 200px;
width: 300px;
}
#homelink a span {
display: none;
}


#menu {
	height: 50px;
	background: url('../img/menu_bg.jpg') top left no-repeat;
}
#header {
	height: 160px;
	background: url('../img/header_bg.jpg') top left no-repeat;
}
#boxes {
	height: 155px;
}
#boxes.sub {
	height: 80px;
}

#boxes #topline,
#boxes #bottomline {
	height: 5px;
	line-height: 1px;
	font-size: 1px;
}

#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 {
	background-color: #FFF;
	color: #464646;
	height: 582px; /*582*/
}

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

#main #center {
	float: left;
	width: 320px;
	height: 582px; /*582*/
	background: url('../img/main_center_bg.jpg') top left no-repeat;
}

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

#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;
}
#submain #right {
	float: left;
	width: 325px;
	height: 100%;
}

#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: 50px;
	text-decoration: none;
	margin-left: 20px;
}
#menu ul li a {
	background-repeat: no-repeat;
	background-position: 0 0;
}

#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;}

#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: 49px; 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-bottom: 2em;
}
.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 .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 auto;
}
.form #submit {
	margin-top: 10px;
	width: 130px;
	height: 30px;
}


/* Schedule */

#schedule {
	float: right;
	width: 290px;
	height:135px;
	padding: 20px 10px;
	margin-bottom: -10px;
}
#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 */

#right .subnav {
	margin-top: 6px;
	list-style: none;
}
#right .subnav li {
	line-height: 40px;
	list-style: none;
}
#right .subnav li a {
	display: block;
	background: url('../img/subnav_bg.gif') top left no-repeat;
	height: 40px;
	padding-left: 20px;
	text-decoration: none;
	color: #f17c00;
	font-size: 1.3em;
	font-weight: bold;
}
#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;
	padding-left: 40px;
	text-decoration: none;
	color: #f17c00;
	font-size: 1.3em;
	font-weight: bold;
}

.newsdet p {
margin-left: 50px !important;
}
.newsdet h2 {
margin-left: 50px;
}

#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:190px;
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:16px; top:185px; z-index:2;}
#fanar li {float:left; width:22px; height:16px; list-style:none; margin-right:8px;}

/* Myndir í haus */
#tphotos {
	position: absolute;
	top: 62px;
	left: 330px;
	width: 400px;
	height: 200px;
	overflow:hidden;
}











/*---[ 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;
}