/**************************************/
/*              GLOBALS               */
/**************************************/

body {
 background: #cdcdcd url(/other_files/skyggnir/bg-body.gif) repeat-x 0 0;
}

div {
 position: relative;
}

.padding {
 padding: 5px 20px 5px 20px;
 background-color: transparent;
}

#sub .padding {
 padding: 5px 0 5px 10px;
}

.container a {
 color: #166994;
}

.right {
 float: right;
 margin-left: 10px;
 margin-bottom: 10px;
 margin-right:20px;
 padding-top: 5px;
 width:80px;
}

strong {
 line-height: 1.4em;
 color: #333;
}

#sub .last {
 margin-right: 0;
}

.item {
 min-height: 160px;
}

.noborder {  /* Turns off border */
 border: none !important;
 background: transparent;
}

#home ul li {
 color: #ffa000;
}

#home ul li span {
 color: #000;
}

/*** Headings ***/

.container h2 {
 color: #166994;
 margin: 0 0 .7em 0;
 font-size: 1.1em;
 _font-size: 1em; /* IE 6 */
 padding: 10px 10px 8px 20px;
 border-bottom: 1px solid #ccc;
}

.container h3, .container h4, .container h5 {
 color: #166994;
 font-size: 1.1em;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

.container h3 a {
 color: #166994 !important;
}

.container h4 {
 color: #555;
 font-size: 1em;
}

.container h5 {
 font-size: 1em;
 color: #555;
}

.container h5 span {
 width: 60px;
 float: left;
 font-weight: normal;
 color: #222;
}

.container a.more {
 line-height: 12px;
 margin: 5px 0;
 padding-left: 20px;
 color: #555;
 font-weight: bold;
 display: block;
 background: transparent url(/other_files/skyggnir/arrow-01.gif) no-repeat 0 1px; 
}

.container a.more.back {
 background: transparent url(/other_files/skyggnir/arrow-01-back.gif) no-repeat 0 1px; 
}

/*** Rounded Corners ***/

.rounded-tl {
 -moz-border-radius-topleft: .7em;  
 -webkit-border-top-left-radius: .7em;
}
.rounded-tr {
 -moz-border-radius-topright: .7em;  
 -webkit-border-top-right-radius: .7em;
}
.rounded-br {
 -moz-border-radius-bottomright: .7em;  
 -webkit-border-bottom-right-radius: .7em;
}
.rounded-bl {
 -moz-border-radius-bottomleft: .7em;  
 -webkit-border-bottom-left-radius: .7em;
}

/*** Min Height settings ***/
.height-44 {
 min-height: 44px;
 _height: 44px; /* IE 6 */
}
.height-184 {
 min-height: 183px;
 _height: 183px; /* IE 6 */
}
.height-190 {
 min-height: 190px;
 _height: 200px; /* IE 6 */
}
.height-200 {
 min-height: 200px;
 _height: 200px; /* IE 6 */
}
.height-278 {
 min-height: 278px;
 _height: 278px; /* IE 6 */
}
.height-304 {
 min-height: 304px;
 _height: 304px; /* IE 6 */
}


/**************************************/
/*              HEADER                */
/**************************************/

.span-24.header {
  background: transparent url(/other_files/skyggnir/bg-header.gif) no-repeat 0 0;
}

/*** Site Logo ***/

.header #logo {
 position: absolute;
 left: 12px;
 top: 73px;
}

/* For sub pages where logo is not wrapped in H1 */
#sub .header #logo, #sub-3col .header #logo {
 top: 73px;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/

/*** Main Navigation ***/

#main-navigation {
  position: absolute;
  _position: realtive;
  top: 146px;
  left: 12px;
  _left: -760px; /* IE 6 */
  background-color: transparent;
}

#main-navigation ul { float: left; margin: 0;  padding: 0; }
#main-navigation li { float: left; list-style: none; margin-left: .85em; }
#main-navigation li a { float: left; padding: 0; padding-right: 15px;}
#main-navigation li a span { display: block; padding: 7px 0px 7px 17px;}

#main-navigation a,
#main-navigation a:visited,
#main-navigation a:link,
#main-navigation ul li span {
  color: #000;
  font-size: 1.1em; 
  color: #fff; 
  font-weight: bold;
  text-decoration: none; 
}

#main-navigation a:hover, li.current_page a {
  text-decoration: none;
  background: transparent url(/other_files/skyggnir/bg-mnav_hover-r.gif) no-repeat right 0;
}

.skyggnir  #main-navigation li.c1 a,
.thjonusta  #main-navigation li.c2 a,
.why-iceland  #main-navigation li.c2 a,
.lausnir #main-navigation li.c3 a,
.thjonustuvefur #main-navigation li.c4 a,
.service-offering #main-navigation li.c4 a,
.namskeid #main-navigation li.c5 a,
.um-skyggni #main-navigation li.c6 a {
  text-decoration: none;
  background: transparent url(/other_files/skyggnir/bg-mnav_hover-r.gif) no-repeat right 0;
}



#main-navigation a:hover span, li.current_page a span {
  text-decoration: none;
  background: transparent url(/other_files/skyggnir/bg-mnav_hover-l.gif) no-repeat 0 0;
}

.skyggnir  #main-navigation li.c1 a span,
.why-iceland  #main-navigation li.c2 a span,
.thjonusta #main-navigation li.c2 a span,
.lausnir #main-navigation li.c3 a span,
.thjonustuvefur #main-navigation li.c4 a span,
.service-offering #main-navigation li.c4 a span,
.namskeid #main-navigation li.c5 a span,
.um-skyggni #main-navigation li.c6 a span {
  text-decoration: none;
  background: transparent url(/other_files/skyggnir/bg-mnav_hover-l.gif) no-repeat 0 0;
}


/*** Quick Navigation ***/

#qnav {
 height: 44px;
 position: absolute;
 _position: relative; /* IE 6 */
 right: 15px;
 _right: 45px; /* IE 6 */
 top: 8px;
 _top: -30px; /* IE 6 */
 width: auto;
 background-color: transparent;
}

#qnav ul { 
  float: left;
  height: 29px;
  margin: 0 0 0 0;
  _margin: 0 82px 0 0;
  padding: 7px 0 8px 32px;
}

#qnav li { 
  float: left; 
  list-style: none; 
}

#qnav ul li a { 
  line-height: 22px;
  float: left;
  font-size: .9em; 
  color: #aaa;
  font-weight: bold;
  cursor : pointer;
  _cursor : hand; 
  padding: 0 10px;
  border-left: 1px solid #ccc;
}

/* Font Sizer */

#qnav .font-sizer {
 display: none;
}

#qnav .font-sizer a {
 bottom: 0;
 color: #166994;
 border-left: none;
 padding: 0;
 padding-right: 10px;
 font-size: 1em;
}

#qnav .font-sizer a + a {
 font-size: 1.3em;
}

#qnav .font-sizer a + a + a {
 font-size: 1.6em;
}

/*** Quick Search ***/

#qsearch {
 position: absolute;
 right: 50px;
 top: 81px;
 width: 200px;
 background-color: transparent;
}

#qsearch form {
 position: relative;
}

#qsearch input {
 border: none;
 background: transparent;
}

#qsearch .portlet-form-input-field {
 font-size: 14px;
 width: 144px;
}

#qsearch .searchButton {
 text-indent: -7777px;
 line-height: 1px;
 overflow: hidden;
 color: transparent;
 width: 40px;
 height: 30px;
 position: absolute;
 right: 0;
 top: 0;
}

/*** Sub Navigation ***/

#sub-navigation {
 /*padding-bottom: 1em;*/
}

#sub-navigation ul, #sub-navigation li {
 list-style: none;
 margin: 0;
 padding: 0;
 _height: 1%;
}

#sub-navigation .level1 li a {
 line-height: 1.3em;
 overflow: hidden;
 background: transparent;
 display: block;
 color: #a6a6a6;
 padding: .5em 2em;
 text-decoration: none;
 font-size: .9em;
 font-weight: bold;
 border-bottom: 1px solid #ddd;
}

#sub-navigation li a:hover {
 color: #fff;
 background: #969696 url(/other_files/skyggnir/bg-snav_hover.gif) repeat-x 0 0;
}

#sub-navigation li.current_page,
#sub-navigation li.current_page_ancestor a 
 {
 color: #fff;
 background: #969696 url(/other_files/skyggnir/bg-snav_hover.gif) repeat-x 0 0;
}

#sub-navigation li.current_page a {
 color: #fff;
 background: transparent url(/other_files/skyggnir/arrow-02.gif) no-repeat 10px 9px;
}

#sub-navigation .level1 .level2 a {
 padding-left: 3em;
 color: #888;
 background: #e8f3f9;
 border-bottom: 1px solid #d9ebf5;
}

#sub-navigation .level2 li a:hover {
 background: #c2dfee;
}

#sub-navigation .level2 li.current_page a {
 background: #e8f3f9 url(/other_files/skyggnir/arrow-02-blue.gif) no-repeat 18px 9px;
}

#sub-navigation .level2 li.current_page a:hover {
 color: #777;
}

#sub-navigation li.last a {
 /*border-bottom: none;*/
}

#sub-navigation .level2 li.last a {
 border-bottom: 1px solid #d9ebf5;
}

/*** Breadcrumbs ***/

#tracer {
 position: absolute;
 top: 194px;
 height: 30px;
 padding: 10px 0;
 right: 2px;
 z-index: 1;
 background: transparent url(/other_files/skyggnir/bg-breadcrumbs.gif) no-repeat 0 0;
 display: none;
}

#tracer ul, #tracer li {
 list-style: none;
 float: left;
 margin-right: .4em;
 margin: 0 0 0 0;
 color: #555;
}

#tracer ul {
 margin-right: 10px;
}

#tracer a {

}

#tracer span {
 float: left;
 padding-right: 5px;
 padding-left: 3px;
 color: #777;
}

#tracer div {
 float: left;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

/*** SPAN 5 ***/

.span-5 {
 width: 188px;
 /*border: 1px solid #ccc;
 -moz-border-radius: .7em;  
 -webkit-border-radius: .7em;
 -moz-border-radius-topright: 0;  
 -webkit-border-top-right-radius: 0;
  background: #fff;*/
  background: url(/other_files/skyggnir/bg-span-5-corner.gif) no-repeat 0 0;
}

.span-5 h2 {
  margin-bottom: 0;
}

/* Nest Span-5 definitions for 3 column setup */

.span-5 .span-5 h2 {
 background: #ebebeb url(/other_files/skyggnir/bg-h2-gray.gif) repeat-x 0 0;
 -moz-border-radius-topleft: .7em;  
 -webkit-border-top-left-radius: .7em;
 padding: 5px 10px;
}

.span-5 .span-5 h2  a {
 color: #166994 !important;
 padding-left: 20px;
 display: block;
 background: transparent url(/other_files/skyggnir/arrow-01.gif) no-repeat 0 5px; 
}

.span-5 .span-5.attention {
 border: none;
 padding-top: 1em;
 color: #fff;
 line-height: 1.3em;
 background: #f9b000 url(/other_files/skyggnir/bg-span-orange.gif) repeat-x 0 bottom;
}

.span-5 .span-5.attention a.more {
 background: none;
 padding-left: 0;
 color: #fff;
 text-decoration: underline;
 margin-bottom: 1em;
}

/*** SPAN 6 ***/

.span-6 {
 border: 1px solid #ccc;
 width: 234px;
 _width: 224px; /* IE 6 */
 -moz-border-radius: .7em;  
 -webkit-border-radius: .7em;
 -moz-border-radius-topright: 0;  
 -webkit-border-top-right-radius: 0;
  background: transparent;
}

.span-6 h2 {
 background: #ebebeb url(/other_files/skyggnir/bg-h2-gray.gif) repeat-x 0 0;
 -moz-border-radius-topleft: .7em;  
 -webkit-border-top-left-radius: .7em;
 padding: 5px 10px;
}

.span-6 h2 a {
 color: #166994 !important;
 padding-left: 20px;
 display: block;
 background: transparent url(/other_files/skyggnir/arrow-01.gif) no-repeat 0 5px; 
}

.span-6 + .span-6 + .span-6 + .span-6 {
 clear: left;
}

.span-6 + .span-6 + .span-6 + .span-6 + .span-6 {
 clear: none;
}

.span-6 + .span-6 + .span-6 + .span-6 + .span-6 + .span-6 + .span-6 {
 clear: left;
}

.span-6 + .span-6 + .span-6 + .span-6 + .span-6 + .span-6 + .span-6 + .span-6 {
 clear: none;
}

#sub .span-6 .padding {
 padding: 5px 10px;
}

#sub .span-6 .padding ul {
 padding: 0 0 0 0;
 margin-left: 2em !important;
}

/*** SPAN 8 ***/

.span-8 {
 border: 1px solid #ccc;
 width: 308px;
 -moz-border-radius: .7em;  
 -webkit-border-radius: .7em;
 -moz-border-radius-topright: 0;  
 -webkit-border-top-right-radius: 0;
  background: #ebebeb url(/other_files/skyggnir/bg-span-8-gray.gif) repeat-x 0 0;
}

.span-8 h2 {
 background: #ebebeb url(/other_files/skyggnir/bg-h2-gray.gif) repeat-x 0 0;
 -moz-border-radius-topleft: .7em;  
 -webkit-border-top-left-radius: .7em;
 padding: 5px 20px;
}

.span-8 h2 a {
 color: #166994 !important;
 padding-left: 20px;
 display: block;
 background: transparent url(/other_files/skyggnir/arrow-01.gif) no-repeat 0 6px; 
}

#home .span-8.last-8 {
 width: 311px;
 margin-right: 0;
}

/* Lists */

.span-8 ul ul li {
 float: left;
}

.span-8 ul ul li a {
 display: inline;
 _position: static;
 padding: 0;
}

/*** SPAN 12 ***/

div.span-12 {
 margin-right: -1px;
 margin-bottom: 0;
 width: 475px;
 border-right: 1px solid #dedede;
 background: transparent;
}

div.span-12.last {
 border-left: 1px solid #dedede;
 border-right: 0;
 width: 474px;
}

.span-12 h2 {
 background: #ebebeb url(/other_files/skyggnir/bg-h2-gray.gif) repeat-x 0 0;
 -moz-border-radius-topleft: .7em;  
 -webkit-border-top-left-radius: .7em;
}

.span-12.partners h2 {
 -moz-border-radius-topleft: 0;  
 -webkit-border-top-left-radius: 0;
}

/* Testimonials */

p.signature {
 padding-bottom: 40px;
}

.icelandair {
 background: transparent url(/other_files/skyggnir/icon-icelandair.gif) no-repeat bottom right;
}

/*** SPAN 13 ***/

.span-13 {
 width: 538px;
 _width: 515px; /* IE 6 */
}

.span-13 .padding {
 padding-left: 40px;
}

.span-13 strong {
 color: #077ebc;
}

/*** SPAN 19 ***/

.span-19 {
  width: 748px !important;
  _width: 746 !important;
  border: 1px solid #ccc;
 -moz-border-radius-topleft: .7em;  
 -webkit-border-top-left-radius: .7em;
 -moz-border-radius-bottomright: .7em;  
 -webkit-border-bottom-right-radius: .7em;
  background: #fff url(/other_files/skyggnir/bg-span-12-gray.gif) repeat-x 0 bottom;
  =z-index: -1; /* IE 7 */
}

.span-19 h1 {
 line-height: 1em;
 color: #a6a6a6;
 font-size: 3em;
 padding: .5em 0 .6em 1em;
 background: #fff url(/other_files/skyggnir/bg-h1-gray.gif) repeat-x 0 bottom;
}

#sub .span-19 .padding {
 float: left;
 padding: 5px 0 5px 10px;
}

#sub .span-19 p {
 padding-left: 2em;
 padding-right: 2em;
}

/* Span 19 Um-Skyggni search results list */

#sub.um-skyggni .span-19 .padding .search-result,
#sub.namskeid .span-19 .padding .search-result {
 margin-left: -10px;
}

#sub.um-skyggni .span-19 .padding .search-result h2,
#sub.namskeid .span-19 .padding .search-result h2 {
 margin-left: 1.7em;
 font-size: 1.3em;
 border-bottom: none;
 padding: 0;
}

#sub.um-skyggni .span-19 .padding .search-result h3,
#sub.namskeid .span-19 .padding .search-result h3 {
 margin-left: 2.4em;
 font-size: .9em;
 color: #777;
}

#sub .span-19 .padding .search-result ul {
 margin-left: 2.4em;
 font-size: 1.1em;
}

/* Span 19 Sitemap portlet */

#sub .span-19 .sitemap {
 margin-left: 3em;
}

#sub .span-19 .sitemap h2 {
 display: none;
}

#sub .sitemap ul {
 font-size: 16px !important;
 margin-left: 0 !important;
 padding-left 0 !important;
 margin-bottom: 15px;
 font-weight: bold;
}

#sub .sitemap ul ul {
 margin-left: 20px !important;
 font-weight: normal;
 margin-bottom: 0px;
}

#sub .sitemap ul ul ul {
 margin-left: 40px !important;
}


/*** SPAN 24 ***/

/* Splash */

/*.span-24.splash {
  background: #010101 url(/other_files/skyggnir/bg-black.gif) repeat-x 0 0;
}*/

.splash {
 position: relative;
 background-color: transparent;
}

/*.splash a {
 width: 950px;
 height: 274px;
 top: 0px;
 left: 0px;
 position: absolute;
 text-indent: -7777px;
 background: transparent url(/other_files/skyggnir/splash-02.png) no-repeat 0 0;
}*/


/* News */

.span-24.news {
  border: 1px solid #ccc;
  background: #fff url(/other_files/skyggnir/bg-span-12-gray.gif) repeat-x 0 bottom;
}

/**************************************/
/*               FOOTER               */
/**************************************/

.span-24.footer {
  text-align: center;
  border: 1px solid #ccc;
  margin-bottom: 0;
  padding-bottom: 1em;
  background: #ebebeb url(/other_files/skyggnir/bg-h2-gray.gif) repeat-x 0 0;
}

.span-24.footer p {
  margin: .5em 0 0 0;
  padding: 0 .5em;
  color: #777;
  font-size: 11px;
  line-height: 1.5em;
}

.span-24.footer hr {
  background: #399bb6;
  color: #399bb6;
  height: 1px;
  margin-top: .5em;
  margin-bottom: .5em;
  =margin: 0;
}

.span-24.footer span.divider {
  color: #166994;
  display: inline;
  padding: 0 5px;
  font-size: 14px;
}

/**************************************/
/*               FORMS                */
/**************************************/

.form-container {
 margin-top: -10px;
 margin-bottom: 30px !important;
 padding: 20px;
 float: left;
 width: 93%;
 _width: 685px; /* IE 6 */
  border: 1px solid #bbb;
 -moz-border-radius-topleft: .7em;  
 -webkit-border-top-left-radius: .7em;
 -moz-border-radius-bottomright: .7em;  
 -webkit-border-bottom-right-radius: .7em;
 background: #ececec url(/other_files/skyggnir/bg-span-12-gray.gif) repeat-x 0 0;
}

.form-container label {
 float: left;
 width: 40%;
 =width: 290px; /* IE 7 */
 _width: 290px; /* IE 6 */
}

.form-container input,
.form-container select,
.form-container textarea {
 width: 90%;
 float: left;
 font-size: 1.2em;
}

.form-container label,
.form-container span {
 text-align: right;
 padding-right: .5em;
 font-weight: normal;
}

.form-container span {
 float: left;
}

.form-container div {
 float: left;
 width: 100%;
}

.form-container div div {
 float: right;
 width: 56%;
 =width: 370px; /* IE 7 */
 _width: 370px; /* IE 6 */
}

.submitbutton input, .save {
 overflow: visible;
 -moz-border-radius-topleft: .7em;  
 -webkit-border-top-left-radius: .7em;
 -moz-border-radius-bottomright: .7em;  
 -webkit-border-bottom-right-radius: .7em;
 border: none;
 color: #fff;
 font-weight: bold;
 width: auto;
 padding: .7em 3em;
 margin-left: 150px;
 background: transparent url(/other_files/skyggnir/bg-button.gif) repeat-x 0 0;
}

.submitbutton input:hover, .save:hover {
 background: #e36700 url(/other_files/skyggnir/bg-button_hover.gif) repeat-x 0 0;
}

.save {
 margin-left: 10px;
}

/* Button position in Hafdu Samband and Postlist signup forms */
.form-container .submitbutton input {
 margin-left: 400px;
}

/* Validation */
#validationErrors {
 color: #f00;
}

/**************************************/
/*               Tables               */
/**************************************/
/* Don't forget inline table defintiions for IE: border, cellpadding, cellspacing. */
table {
 line-height: 24px;
 border-top: 1px solid #aaa; 
 border-left: 1px solid #aaa;
 font-size: 11px;
}
td, th {
 padding: 0 10px;
 border-bottom: 1px solid #aaa;
 border-right: 1px solid #aaa;
}
th, caption {
 background: #e8f3f9; 
 padding: 2px 10px;
 border: 1px solid #aaa;
 border-bottom: none;
 font-weight: bold;
 text-transform: uppercase;
}

/**************************************/
/*        Photos and captions         */
/**************************************/

.item-display img {
 float: right;
 padding: 0 10px 5px 10px;
}

.photo-with-text {
 float: right;
 margin: 0 20px 0 10px;
 width: 220px;
 clear: right;
}

.photo-with-text strong {
 font-size: .9em;
}

.photo-with-text p {
 line-height: 1.2em;
 padding-left: 0 !important;
 font-size: .9em;
}

.photo-with-text img {
 width: 220px; 
}
.photo-with-text a.more {
 float: left;
}

/**************************************/
/*        Extras                      */
/**************************************/
.contact-info h3 {
 border-top: 1px solid rgb(223,223,223);
 margin: 15px 0 5px;
 padding: 10px 0 0;
 float: none; 
 clear: both; 
 color: rgb(0, 130, 197); 
 font-size: 18px;
}
.contact-info p {padding-left: 0 !important;}

/*** Namskeidid_TSM_Update ***/
#p3447I table {
 border: none;
 width: auto;
}
#p3447I table td {
 padding: 0;
 border: none;
}
#p3447I table td p {
 margin-bottom: 0;
}
#p3447I strong {
 display: inline;
 color: #000;
}

/**** Addons ****/
.contentWrapper { float: left; background: url(/other_files/skyggnir/bg-content-wrapper.gif) repeat-y 0% 0%; }

.bottom-fix { 
  position: absolute; 
  bottom: 0; 
  left: 0; 
  width: 188px; 
  height: 14px; 
  background: url(/other_files/skyggnir/bg-bottom-fix.gif) no-repeat 0% 0%; 
}

/**************************************/
/*          Thumbnails                */
/**************************************/
.thumbnails {
 overflow: auto;
 padding: 10px;
 padding-right: 0;
 padding-bottom: 0
}
.thumbnails .item {
 background: #f1f1f1;
 float: left;
 max-width: 140px;
 _width: 140px;
 margin-right: 18px;
 margin-bottom: 15px;
}
.thumbnails .item img {
 display: block;
 margin: -5px 0 0 0;
}
.thumbnails .item a {
 display: block;
 text-align: right;
}
.thumbnail .icon {
 float: left;
 padding-right: 5px;
}
.thumbnails .item .k-size {
 float: right;
 clear: right;
 padding: 0 0 0 0 ;
 margin: 0 0 0 0;
}
.thumbnails br {
 clear: left;
}
.thumbnail table,
.thumbnail table td {
 border: none;
}

/**************************************/
/*          Sameining fyrirtaekja     */
/**************************************/
.header #logo span{
 color: #02466b;
 position: absolute;
 width: 300px;
 margin: 15px 0 0px 15px;
 float: right;
 top: 0px;
 left: 170px;
 =float: none;
 font-size: 20px !important;
 font-weight: bold;
}