/* Coded by Erlingur Jonsson */
/* W3 valided CSS 2.1 */

/* Global settings */
html, body {
  margin: 0;
  padding: 0;
  background-color: #909090;
}
body {background-image:url("../img/bg.png"); background-repeat :no-repeat; background-position:top center;padding-top:10px;background-attachment:fixed;}
body,#page,#content {font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;text-align:left;}

/* ancor default */
a:active,a:focus {color:#5a0000;}
a,a:visited,a:link {color: #5a0000;}
a:hover,a:hover:visited {color: #5a0000;}

/* ancor link */
a.link:active,a.link:focus {color:#5a0000;}
a.link,a.link:visited,a.link:link {color: #5a0000;}
a.link:hover,a.link:hover:visited {color: white;background-color:#5a0000;}



#main-nav a:hover,#main-nav a:hover:visited {background:none;}

/* main font setup */
#bgpage {text-align:center;}
.hd {text-align:center;}


h1 {
    font-size: 3em;
    color:#5a0000;
    font-weight:bold;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    margin:0px;
    text-align:left;
}
h1 span {padding:2px 6px 2px 0px;}
h2 {
    font-size: 2.2em; 
    color:#5a0000;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-weight:bold;
    text-align:left;
}
h2 span {padding:2px 6px 2px 0px;}

h3  
{
	font-size: 1.3em; 
    color:#5a0000;
    font-family: Arial,Verdana,Helvetica,sans-serif;	
    font-weight:lighter;
    text-align:left;
}
h4  
{
	font-size: 1em; 
    color:white;
    font-family: Arial,Verdana,Helvetica,sans-serif;	
    font-weight:normal;
    text-align:left;
}
h5 {
    color:white;
    font-family: Arial,Verdana,Helvetica,sans-serif;	
    font-weight:normal;
    text-decoration:underline;
    cursor: hand; 
    margin:0px;padding:0px;
}
h6 {
    color:white;
    font-size: 1.6em; 
    font-family: Arial,Verdana,Helvetica,sans-serif;	
    font-weight:normal;
    margin:0em 0em 1em 0em;padding:0px;
    text-transform:uppercase;
}
h1,h2,h3,h4 {margin: 0.5em 0em 0.2em 0em;}
h5,strong,dt { font-weight: bold;}
.bd {font-size:90%;}
p {margin-top:3px;margin-bottom:10px;}

/* tags */
em {font-style: italic;}
del {text-decoration: line-through;}

blockquote,ul,ol,dl {margin: 1em;}
dt {font-weight:normal;}
ol,ul,dl {margin-left: 2em;font-weight:normal;}
ol li {	list-style: decimal outside;}
ul li {	list-style: disc outside;}
dl dd {	margin-left: 1em;font-weight:normal;}
th,td {	padding: 0.2em;padding-right:0.4em;}
th { font-weight: bold; text-align:left;color:#707070;}
ul {margin:0px;}


sup {/* to preserve line-height and selector appearance */	vertical-align: super;}
sub {/* to preserve line-height and selector appearance */ vertical-align: sub;}

p,fieldset,table,pre { /* So things don't run into each other. */ margin-bottom: 1em;}

/* Opera requires 1px of passing to render with contemporary native chrome */
button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"] { padding:1px;}

/* framework */
#bgpage {}
#page {
  margin: 0;
  margin-left: auto;
  margin-right: auto;

}
#hd 
{
	width:900px;
	text-align:right; 
	margin-left: auto; 
	margin-right: auto;
}
#innerpage 
{
    border:2px solid #e5e5e5;
    width:900px;
    text-align:center; 
	margin-left: auto; 
	margin-right: auto;
	background-color:White;
	}
#coverimage 
{

}
.logo 
{	position:absolute;
	margin:28px 0px 0px 20px;
	height:72px;
	width:220px;
}
.logo img {	height:72px; width:220px;border:0px;}
.logo a, .logo a:visited, .logo a:hover, .logo a:link, .logo a:visited:hover, .logo img {background-color:white; text-decoration:none;color:white;} 
.ttulogo 
{	position:absolute;
	margin:20px 0px 0px 785px;
	height:68px;
	width:94px;
}
.ttulogo img {	height:68px; width:94px;border:0px;}
.ttulogo a, .ttulogo a:visited, .ttulogo a:hover, .ttulogo a:link, .ttulogo a:visited:hover, .ttulogo img {background-color:white; text-decoration:none;color:white;} 

.frontpix 
{}
#frontpix1 {}
#frontpix2 {}

.banner { }

.hdcontent 
{
	height:166px;
}

.main {padding:0px 15px 0px 15px;}
.content {
  padding: 0px;
  position: relative;
  text-align:justify;
  color:#606060;
 
}
#bd { 
	width:900px;
	text-align:center; 
	margin-left: auto; 
	margin-right: auto;
}
#ft 	
{
	padding:10px 0px  10px 0px;
	margin-top:20px;
	text-align:center;
	font-size:small; 
	color:#606060;
	background-color:#1d1d1d;
}
#ftcontent {width:900px; margin-left: auto; margin-right: auto;margin-top:5px;}
#ftmenubar { text-align:left;padding:0px 0px 0px 0px}
.fticons {text-align:left;margin:10px 0px 10px 20px;}
.fticons img {margin:0px 20px 0px 0px;border:0px;}
.ftgroup 
{
	width:250px; /*253*/
	height:120px;
	float:left;
	background-image:url("../img/ftline.gif");
	background-repeat:no-repeat;	
	background-position:right top;
	text-align:left;
	padding-right:10px;
}
.ftgroup-right 
{
	width:182px; /*253*/
	height:120px;
	float:right;
	text-align:left;
	padding:0px 0px 0px 50px
}
#ft-nav {padding:0px 0px 0px 0px}
#ft-nav li 
{
	list-style-type: none;
	margin:0px;
	padding:0px 0px 5px 0px;
}
.ftnotes {color:#7a7a7a; font-size:x-small;margin-top:70px; }
.brandimage {margin-left:20px;}


.contactform {margin:0px;padding:0px;}
.contactform_body {margin:0px;padding:0px;}
.contactform .contactform_name,.contactform .contactform_email
{
    
    background-image:url("../img/inputbg.gif");
	background-repeat:no-repeat;	
	background-position:left top;
	height:30px;
	width:218px;
	border:1px solid #e8e8e8;
	padding:4px;
}
.contactform_div {height:40px;}

.wp {margin-left:20px;margin-bottom:20px;}
.wp h3 {margin: 0px 0px 8px 0px;}
.wp h4 {margin: 0px;}
.wpcontent 
{
    color:#606060;
    margin-left:0px;margin-top:0px;
    padding:15px;
    background-color:#fafafa;
    border:2px solid #f1f1f1;
}
.wpcontenttwitter
{
    color:#606060;
    margin-left:0px;margin-top:0px;
    padding:15px;
    background-color:#fafafa;
    border:2px solid #f1f1f1;
    background-image:url("../js/twitter/twitter_logo.png");
	background-position:right top;
	background-repeat:no-repeat;
}
.wpcontent p {margin: 0px  0px 8px 0px;}
.wpcontent img {margin:0px 0px 0px 0px;border:0px;}
.parttop 	
{
	padding-bottom:0px;margin-bottom:0px;
}

.partbottom	
{
}
.wp-pocket 
{
	background-image:url(../img/pocket.png);
	background-repeat:no-repeat;	
	background-position:right bottom;
	height:123px;
	margin-right:-10px;
}
.icon1 img,.icon2 img,.icon3 img,.icon4 img  {margin:0px;padding:0px;}
.icon1 {margin:0px 0px 0px 54px;padding:0px;}
.icon2 {margin:0px 0px 0px 0px;padding:0px;}
.icon3 {margin:0px 0px 0px 8px;padding:0px;}
.icon4 {margin:0px 0px 0px 0px;padding:0px;}

.wp .readmorelink {font-size:0.75em; float:right; width:auto;}

.customers {margin-top:20px;position:absolute;}

.list {  text-align:left; font-size:0.75em; margin:0px;padding-left:25px;}
.list li { margin-bottom:10px; padding-right:0px; text-align:justify; }

.listdownload {text-align:left; font-size:0.75em; margin:0px;padding-left:13px;list-style-type: none; }
.listdownload li {margin-bottom:5px; padding-right:5px; list-style-type: none;}

.listwplink {  text-align:left; font-size:0.75em; margin:0px;padding-left:26px;}
.listwplink li { margin-bottom:3px; padding-right:3px;list-style-type: circle; }

.morelink {float:right;margin-right:17px;width:auto; }

/* Float units (and sub grids) to the right */
.main .content {float: right;width:auto;}

/*Float units (and sub grids) to the left */
.main div.first {float: left;width:auto;}
.main div.first {/*width: 74.2%;*/ width :570px;}
.main .content {/*width: 24%; */ width:300px;}
.main #content-second {height:100%;}
.space {font-size:xx-small;height:4px;}

.frontpagemain .content {float: right;width:auto; }
.frontpagemain div.first {float: left;width:auto;}
.frontpagemain div.first {/*width: 74.2%;*/ width :375px;}
.frontpagemain .content {/*width: 24%; */ width:375px;}

.numberlist {margin-left:0px;padding-left:15px;}
.numberlist li {list-style-type:none;margin:10px; }
.numbers {background-color:#5a0000;color:White;padding:1px;font-weight:bold;padding:2px 4px 2px 4px;}

.downloadpanel {height:38px;background-color:#f0f0f0;padding:8px 5px 0px 5px;margin-bottom:5px;}
.downloadpanel p {margin-top:1px;margin-left:10px;text-align:left;}
.downloadpanel IMG {margin-right:5px;}
/* Icons */
.downloadicon 
{
   
}
.pdficon 	
{
	background-image : url(../img/pdf.png);
	background-position : bottom  left ;
	background-repeat : no-repeat;
	padding-left:22px;
}
.wordicon 	
{
	background-image : url(../img/word.png);
	background-position : bottom  left ;
	background-repeat : no-repeat;
	padding-left:22px;
}
.excelicon 	
{
	background-image : url(../img/excel.png);
	background-position : bottom  left ;
	background-repeat : no-repeat;
	padding-left:22px;
}
.ppticon {
	background-image : url(../img/ppt.png);
	background-position : bottom  left ;
	background-repeat : no-repeat;
	padding-left:22px;
}
.linkedin {margin:5px 0px 0px 46px;}

/* Navigation buttons */
#globalmenu {}

#languagebar 
{
    position:absolute;
    top:123px;
	margin:8px 0px 0px 640px;
}
#lang-nav {}
#lang-nav li
{
	list-style-type: none;
	margin:0px;
	padding:4px 4px 0px 8px; 
	display: inline;
	z-index:auto;
}
#lang-nav img {border:0px;}

#menubar {margin-top:110px; height:55px; position:relative; float:left; width:900px;background-color:#1d1d1d;}
#main-nav  
{
	margin: 5px 4px 5px 4px;
	padding:15px 0px 0px 10px;
	font-size:1.0em;  
	color: white;
	text-align:left;
}
#main-nav li
{
	list-style-type: none;
	margin:0px;
	padding:6px 8px 5px 8px; 
	display: inline;
	z-index:auto;
}
#main-nav a {padding:5px 5px 13px 5px;text-decoration: none;}

#main-nav a:link {color:white;}
#main-nav a:focus {color:white;}
#main-nav a:hover {border-bottom: 4px solid #000000;border-top: 15px solid #000000;background-color:#000000;color:white;}
#main-nav a:visited {color:white;}
#main-nav a:hover:visited {border-bottom: 4px solid #000000;border-top: 15px solid #000000;background-color:#000000;color:white;}

#main-nav a:link.select {border-bottom: 4px solid #5b0000;border-top: 15px solid #5b0000;color:white;background-color:#5b0000;}
#main-nav a:focus.select {border-bottom: 4px solid #5b0000;border-top: 15px solid #5b0000;color:white;background-color:#5b0000;}
#main-nav a:hover.select {text-decoration: none;color:white;background-color:#5b0000;}
#main-nav a:visited.select {border-bottom: 4px solid #5b0000;border-top: 15px solid #5b0000;color:white;background-color:#5b0000;}
#main-nav a:hover:visited.select {text-decoration: none;color:white;background-color:#5b0000;}

.thumbsweb img {margin:10px;padding:5px;border:1px solid #2d3341;}
.thumswebitem {margin:0px;padding:0px;float:left;width:auto;}

.subtitle {color:#7c8998;padding:0px;margin:0px;}
.frontpagemain p.subtitle {margin:0px;padding:0px;}
.serviceitem {padding:4px 20px 25px 20px;background-color:#1c242f;margin:10px  0px 0px 0px;background-image:url(../img/frontwpbg.png);background-repeat:no-repeat;background-position:top left;}
.serviceitem h3 {margin-top:-3px;padding-bottom:8px;}
.serviceitem p {padding-bottom:2px;margin-bottom:3px;}
.moreinfotext {color:red;}
.morelessbtn {margin-top:7px;float:right;border:0px;}  
.serviceitem .subtitle {font-size:x-small;text-transform:uppercase;}
.frontpagebox {padding:4px 20px 25px 20px;}
.serviceitem ol {margin-left:0px;padding-left:25px;}
ol ul {margin-left:0px;padding-left:20px;}

/* Group Clearing */
#lb:after, 
#co:after,
#lb-co:after,
#hd:after,
#bd:after,
#ft:after,
#gr:after,
.thumbsweb:after,
.ftgroup:after,
.main:after,
.frontpagemain:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* iframe */
iframe {border:0;padding:0px;margin:0px;}
.regform {border:0;padding:0px;margin:0px;width:250px;height:120px;margin-left:-2px;}
.newsletterframe {background-color:#fafafa;margin:0px;padding:0px;}
.newsletterframe 

/* Table */
.pricetable {border:0px;padding:0px;margin:0px;}
.pricetable TD {border-bottom:1px solid #e0e0e0;}
.pricetable_number {text-align:right;}

/* popup language */
.popuplang {padding:10px;background-color:White;
            border:5px solid #e0e0e0;text-align:left;color:Black;
            width:210px;height:260px;
            font-size:smaller;
            position:absolute;
            left:-150px;
            top:35px;
            }
.tmb {padding:5px;margin:5px;    background-color:#fafafa;
    border:2px solid #f1f1f1;
    float:left;
    }
a:hover .tmb { background-color:#fafafa;
               border:2px solid #5a0000;
}    
.advanced .tmb {padding:5px;margin:4px;    background-color:#fafafa;
    border:2px solid #f1f1f1;
    float:left;
    }
.clearall {clear:both;}
.dlsection {border:1px solid #5a0000;background-color:#f8f8f8;padding:10px;}
.dlsection .tmb {padding:5px;margin:4px;margin-right:10px; background-color:#fafafa;
    border:2px solid #f8f8f8;
    float:left;}
    
.nlist {margin:1px;padding-left:25px;}
.nlist li {padding-bottom:8px;}
.bulletlist {margin:1px;padding-left:25px;}
.bulletlist li {padding-bottom:8px;}

/* Countdown counter */

#countdown_dashboard {
	height: 110px;
	float:right;
	position:absolute;
	top:178px;
	margin-left:480px;
	background: transparent url('../images/bg.png') 0 0 no-repeat;
}
.countertitle 
{
	position: relative;
	display: block;
	bottom: 0px;
	right: 6px;
	font-weight:bold;
	font-size: 9pt;
	color: #EEE;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align:left;
	padding:6px 0px 6px 15px;
}

.dash {
	width: 75px;
	height: 80px;
	background: transparent url('../images/dash.png') 0 0 no-repeat;
	float: left;
	margin-left: 8px;
	position: relative;
}

.dash .digit {
	font-size: 35pt;
	font-weight: bold;
	float: left;
	width: 35px;
	text-align: center;
	font-family: Times;
	color: #555;
	position: relative;
}

.dash_title {
	position: absolute;
	display: block;
	bottom: 0px;
	right: 6px;
	font-weight:bold;
	font-size: 7pt;
	color: #EEE;
	text-transform: uppercase;
	letter-spacing: 2px;
}