@charset "UTF-8";
/* CSS Document */

/* =============================================================================
   Basic Styling
   ========================================================================== */

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height:100%;
	font: 100%/1 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: 300;
	color: #424242;
	background: #fff url('img/bck.jpg') repeat;
}

* {
	margin:0px;
	padding:0px;
}

a img {
	border:none;
}

#wrapper {
	float: left;
	width: 100%;
	height: auto;
	background: #fff url('img/bck.jpg') repeat top;
	line-height: 24px;
}

div, section {
	display: block;
}

.dark_bck {
	background: #f4f4f4 url('img/bck_dark.jpg') repeat;
}

table, ul, li {
	color: #636363;
}


/* =============================================================================
   Typography
   ========================================================================== */
   
h1, h3 {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 1.75em;
	text-rendering: optimizelegibility;
	color: #555;
}

h2 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	text-rendering: optimizelegibility;
	color: #636363;
}

p {
	font-size: 1em;
	color: #424242;
	text-rendering: optimizelegibility;
}

a {
	font-size: 1em;
	color: #2aaae1;
	text-decoration: none;
	text-rendering: optimizelegibility;
}

a:hover {
	color: #555;
}

.blue {
	color: #61c6f1;
}

#wrapper ul {
	list-style: square;
	margin-left: 18px;
}

b, strong {
	font-weight: 700;
}

i {
	font-style: italic;
}


/* =============================================================================
   Main Sections
   ========================================================================== */
   
#top_holder {
	float: left;
	width: 100%;
	min-width: 100%;
	height: 100px;
	background: url('img/top_bg.png') repeat-x top;
	-moz-box-shadow: 0px 2px 4px #d2d2d2;
	-webkit-box-shadow: 0px 2px 4px #d2d2d2;
	box-shadow: 0px 2px 4px #d2d2d2;
	position: relative;
	z-index: 300;
}

#top {
	width: 1000px;
	height: auto;
	max-height: 100px;
	overflow: hidden;
	margin: auto;
	padding: 0 20px 0 20px;
}

#wrapper {
	float: left;
	width: 100%;
	height: 100%;
}

#row1 {
	float: left;
	width: 100%;
}

#samband {
	float: left;
	width: 100%;
	height: auto;
	min-height: 200px;
}

#services {
	float: left;
	width: 100%;
	height: auto;
	min-height: 200px;
}

#veitingar {
	float: left;
	width: 100%;
	height: auto;
	min-height: 200px;
}

#footer {
	float: left;
	width: 100%;
	height: auto;
	min-height: 200px;
	font-size: 0.867em;
}

.content {
	width: 1000px;
	height: auto;
	margin: auto;
}

.inner_content {
	float: left;
	width: 1000px;
	height: auto;
	margin: 70px 0 100px 0;
}

.shadow_top {
	float: left;
	width: 100%;
	height: 5px;
	position: relative;
	margin-top:-5px;
	background: url('img/shadow_top.png') repeat-x top;
}

.shadow_bottom {
	float: left;
	width: 100%;
	height: 5px;
	background: url('img/shadow_bottom.png') repeat-x top;
}

section .content {
	padding: 0 20px 0 20px;
}


/* =============================================================================
   Standard Values
   ========================================================================== */
   
.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.w490 {
	width: 490px !important;
}


/* =============================================================================
   Elements
   ========================================================================== */
   
#main_wrapper {
	display: inline;
	float: left;
	width: 100%;
	height: auto
}   

#logo {
	float: left;
	width: auto;
	height: auto;
	margin-top: 26px;
}

#logo img:hover {
	opacity: 0.9;
}

#utilities {
	float: right;
	width: auto;
	height: auto;
	max-height: 100px;
	overflow: hidden;
}

.utilities_menu {
	float: right;
	width: auto;
	height: auto;
	clear: both;
}

.phone {
	float: right;
	width: auto;
	height: auto;
	margin-top: 8px;
	position: relative;
	clear: both;
}

.phone img {
	display: block;
	float: left;
}

.phone span {
	float: right;
	font-size: 1.2em;
	font-weight: 400;
	color: #fff;
	position: relative;
	margin: 5px 0 0 10px;
	text-decoration: none !important;
}

.phone span a {
	color: #fff;
}

.frontpage #row1 .content {
	display: block;
	width: 1000px;
	background: url('img/imac.png') no-repeat bottom right;
	min-height: 625px;
	overflow: hidden;
}

.frontpage #row1 .inner_content {
	float: left;
	width: 50% !important;
	height: auto;
	margin-top: 120px;
}

.frontpage #row1 {
	background: url('img/boat_bg.png') no-repeat center bottom;
}

#samband .samband {
	float: left;
	width: 490px;
	height: auto;
}

.samband.samband {
	margin-top: 20px;
}

.staff_holder {
	float: left;
	width: 1024px;
	height: auto;
	margin-top: 55px;
	position: relative;
	margin-left: -12px;
	overflow: hidden;
}

.staff {
	float: left;
	width: 1400px;
	height: auto;
}

.btn {
	float: left;
	width: 160px;
	height: 40px;
	line-height: 40px;
	background-color: #2dade3;
	border: 2px solid #fff;
	text-align: center;
	color: #fff;
	font-size: 1.067em;
	margin-right: 20px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-moz-box-shadow: 0px 0px 6px #9f9e9e;
	-webkit-box-shadow: 0px 0px 6px #9f9e9e;
	box-shadow: 0px 0px 6px #9f9e9e;
	background-image: linear-gradient(bottom, #2dade3 15%, #96d7f0 75%);
	background-image: -o-linear-gradient(bottom, #2dade3 15%, #96d7f0 75%);
	background-image: -moz-linear-gradient(bottom, #2dade3 15%, #96d7f0 75%);
	background-image: -webkit-linear-gradient(bottom, #2dade3 15%, #96d7f0 75%);
	background-image: -ms-linear-gradient(bottom, #2dade3 15%, #96d7f0 75%);
}

.btn:hover {
	color: #fff;
	background-image: linear-gradient(bottom, #2dade3 35%, #96d7f0 75%);
	background-image: -o-linear-gradient(bottom, #2dade3 35%, #96d7f0 75%);
	background-image: -moz-linear-gradient(bottom, #2dade3 35%, #96d7f0 75%);
	background-image: -webkit-linear-gradient(bottom, #2dade3 35%, #96d7f0 75%);
	background-image: -ms-linear-gradient(bottom, #2dade3 35%, #96d7f0 75%);
}

#services table h2 {
	color: #61c6f1;
}

#services table ul li {
	float: left;
	margin-right: 15px;
}

#footer .inner_content {
	margin-top: 45px !important;
}

#footer a, #footer p {
	font-size: 0.867em;
}

.footer_contact {
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 30px;
}

.subpage .content_right {
	float: right;
	width:470px;
	height: auto;
	overflow: hidden;
	padding: 0 10px 0 10px;
}

.subpage .content_right .img-fulltext-left img {
	max-width: 450px !important;
	height: auto;
	border: 5px solid #fff;
	-moz-box-shadow: 0px 0px 10px #d2d2d2;
	-webkit-box-shadow: 0px 0px 10px #d2d2d2;
	box-shadow: 0px 0px 10px #d2d2d2; 
}

ul.sigFreeClassic li.sigFreeThumb span.sigFreeLinkWrapper {
	border: none !important;
	padding: 5px !important;
	background-color: #fff !important;
	-moz-box-shadow: 0px 0px 10px #d2d2d2;
	-webkit-box-shadow: 0px 0px 10px #d2d2d2;
	box-shadow: 0px 0px 10px #d2d2d2;
}

ul.sigFreeClassic li.sigFreeThumb span.sigFreeLinkOuterWrapper {
	background: none !important;
}

.fancybox-title {
	display: none !important;
}


.subpage h2 a {
	float: left;
	width: 100%;
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 1.75em;
	text-rendering: optimizelegibility;
	color: #555;
	margin-bottom: 30px;
}

.back_holder {
	float: left;
	width:100%;
}

.sub_back {
	display: none;
}

.subpage .sub_back {
	display: inline;
	margin-top: 50px;
	color: #fff !important;
}

/* Joomla actions frontend */
.actions {
	display: none;
}

.copyright {
	float: left;
	width: 33%;
	height: auto;
	min-height: 10px;
}

.footer_menu {
	float: left;
	width: 33%;
	height: auto;
	min-height: 10px;
	text-align: center;
}

.footer_menu ul {
	list-style: none !important;
	text-align: center;
}

.footer_menu ul li {
	width: auto !important;
	display: inline;
	text-align: center;
	padding: 0 10px 0 10px;
}

.footer_menu ul li a {
	font-size: 1em !important;
	color: #6a6a6a;
}

.footer_menu ul li a:hover {
	color: #61c6f1;
}

.footer_logo {
	float: left;
	width: 33%;
	height: auto;
	min-height: 10px;
	text-align: right;
}

.footer_logo img {
	margin-top: -10px;
}

.made_by {
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 60px 0 40px 0;
}

.made_by a {
	font-size: 0.9em !important;
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #b2b3b3;
}

.made_by a:hover {
	color: #6a6a6a;
}


/* =============================================================================
   Menus
   ========================================================================== */
   
#mainmenu {
	float: left;
	width: auto;
	margin-left: 95px;
}

#mainmenu ul {
	float: left;
	list-style: none;
	border-right: 1px solid #81c4ec;
}

#mainmenu ul li {
	float: left;
}

#mainmenu a {
	float: left;
	width: auto;
	height: 100px;
	line-height: 100px;
	font-size: 1.2em;
	color: #fff;
	font-weight: 300;
	padding: 0 25px 0 25px;
	border-left: 1px solid #81c4ec;
}

#mainmenu a:hover {
	color: #fff;
	background: url('img/menu_hover.jpg') repeat-x top;
}

.utilities_menu ul {
	float: left;
	list-style: none;
	margin-top: 12px;
}

.utilities_menu ul li {
	float: left;
	margin-left: 14px;
}

.utilities_menu a {
	font-size: 0.8em;
	color: #fff;
	font-weight: 700;
}

.utilities_menu a:hover {
	text-decoration: underline;
}

#alt_menu {
	width: 350px;
	height: 50px;
	background: url('img/top_bg.png') repeat-x top;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 12px #d2d2d2;
	-webkit-box-shadow: 0px 0px 12px #d2d2d2;
	box-shadow: 0px 0px 12px #d2d2d2;
	margin-top:-10px !important;
	position: fixed;
	left:50%;
	margin-left: -175px;
	z-index: 290;
	opacity: 0.8;
	text-align: center;
}

#alt_menu ul {
	list-style: none !important;
}

#alt_menu ul li {
	display: inline;
	width: auto;
	margin: 0 10px 0 10px;
	list-style: none !important;
}

#alt_menu a {
	color: #fff;
	line-height: 50px;
}

#alt_menu a:hover {
	color: #000;
}


/* =============================================================================
   Staff
   ========================================================================== */
   
.staff .moduletable {
	float: left;
	width: 240px;
	height: 440px;
	background: #fff;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 0px 12px #d2d2d2;
	-webkit-box-shadow: 0px 0px 12px #d2d2d2;
	box-shadow: 0px 0px 12px #d2d2d2;
	margin: 12px 71px 12px 12px;
	padding: 0 18px 22px 18px;
	overflow: hidden;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.staff .moduletable h3 {
	float: left;
	width: 100%;
	height: 65px;
	line-height: 65px;
	font-size: 1.2em;
	color: #61c6f1;
	font-weight: 400;
	text-align: center;
}

.staff .moduletable img {
	position: relative;
	margin-left: -18px;
}

.staff .moduletable table {
	font-size: 0.867em;
	color: #555;
	line-height: 20px;
}

.staff table tr > td:first-child {
	color: #767676;
}


/* =============================================================================
   News
   ========================================================================== */
   
#nsp-veitingar .nspArt div {
	float: left;
	width: 288px !important;
	height: 425px;
	background-color: #fff;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 0px 8px #101010;
	-webkit-box-shadow: 0px 0px 8px #101010;
	box-shadow: 0px 0px 12px #d2d2d2;
	margin: 12px 0 12px 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 0 15px 18px 15px !important;
}

#nsp-veitingar a {
	color: #61c6f1 !important;
}

#nsp-veitingar .nspHeader {
	float: left;
	width: 100%;
	height: 62px;
	line-height: 62px;
	text-align: center;
	font-size: 1.2em;
	text-align: center;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
}

#nsp-veitingar .nspImage {
	position: relative;
	margin-left: -15px;
	margin-bottom: 20px;
}

#nsp-veitingar .readon {
	float: left;
	width: 116px;
	height: 30px;
	line-height: 30px;
	background-color: #2dade3;
	border: 2px solid #fff;
	text-align: center;
	color: #fff !important;
	font-size: 0.933em !important;
	margin-right: 20px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-moz-box-shadow: 0px 0px 6px #9f9e9e;
	-webkit-box-shadow: 0px 0px 6px #9f9e9e;
	box-shadow: 0px 0px 6px #9f9e9e;
	background-image: linear-gradient(bottom, #2dade3 15%, #96d7f0 75%);
	background-image: -o-linear-gradient(bottom, #2dade3 15%, #96d7f0 75%);
	background-image: -moz-linear-gradient(bottom, #2dade3 15%, #96d7f0 75%);
	background-image: -webkit-linear-gradient(bottom, #2dade3 15%, #96d7f0 75%);
	background-image: -ms-linear-gradient(bottom, #2dade3 15%, #96d7f0 75%);
	margin: 25px 0 10px 80px;
}

#nsp-veitingar .readon:hover {
	color: #fff;
	background-image: linear-gradient(bottom, #2dade3 35%, #96d7f0 75%);
	background-image: -o-linear-gradient(bottom, #2dade3 35%, #96d7f0 75%);
	background-image: -moz-linear-gradient(bottom, #2dade3 35%, #96d7f0 75%);
	background-image: -webkit-linear-gradient(bottom, #2dade3 35%, #96d7f0 75%);
	background-image: -ms-linear-gradient(bottom, #2dade3 35%, #96d7f0 75%);
}


.nspLinks .nspList {
	width: 964px !important;
	margin-top: 30px !important;
}

.nspLinks .nspList li {
	float: left !important;
	width: 30% !important;
	padding-bottom: 30px !important;
}

.more_veitingar {
	width: 160px !important;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -85px;
	margin-top: 30px;
	cursor: pointer;
	height: 30px !important;
	line-height: 30px;
	font-size: 1em;
}

.veitingar_close {
	display: none;
}