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

/* Global settings */
html, body {
  margin: 0;
  padding: 0;
  background-color: #0e1118;
}
/* ancor */
a:active,a:focus {color:black;}
a,a:visited,a:link {color: white;}
a:hover,a:hover:visited {color: #ffe957;}
 
#page a {color:white;}
#page a:active {color:#ffe957;}
#page a:focus {color:#ffe957;}
#page a:visited {color: white;}
#page a:link {color:white;}
#page a:hover {color: #ffe957; }
#page a:hover:visited {color: #ffe957; }

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

/* main font setup */
#bgpage {text-align:center;}
.hd {text-align:center;}
body,#page,#content {font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;text-align:left;}

h1 {
    font-size: 2.3em;
    color:#555b69;
    font-weight:bold;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    margin:0px;
    text-align:left;
}
h2 {
    font-size: 1.3em; 
    color:#555b69;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    text-align:left;
}
h3  
{
	font-size: 1.3em; 
    color:#555b69;
    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;}

/* 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;
  background-image:url("../img/bgtop.png");
  background-repeat:repeat-x;
}
#hd 
{
	height:381px;
	width:760px;
	text-align:center; 
	margin-left: auto; 
	margin-right: auto;
}
#coverimage 
{

}
.logo 
{	position:absolute;
	margin-top:20px;
	background-image:url("../img/ejonssonlogo.png");
	background-repeat :no-repeat;
	height:27px;
	width:171px;
}
.frontpix 
{
	position:absolute;
	margin-left:-270px;
	height:381px;
	width:1300px;	
}
#frontpix1 {background-image:url("../img/frontpix7.png"); background-repeat :no-repeat;}
#frontpix2 {background-image:url("../img/frontpix5.png"); background-repeat :no-repeat;}
#frontpix3 {background-image:url("../img/frontpix3.png"); background-repeat :no-repeat;}
#frontpix4 {background-image:url("../img/frontpix4.png"); background-repeat :no-repeat;}
#frontpix5 {background-image:url("../img/frontpix2.png"); background-repeat :no-repeat;}
#frontpix6 {background-image:url("../img/frontpix6.png"); background-repeat :no-repeat;}
#frontpix7 {background-image:url("../img/frontpix7.png"); background-repeat :no-repeat;}

.hdcontent 
{
	width: 760px;
	height:381px;
}

.main {padding:0px 0px 0px 0px;}
.content {

  padding: 0px 0px 0px 0px;
  position: relative;
  text-align:justify;
  color:white;
}
#bd { 
	width:760px;
	text-align:center; 
	margin-left: auto; 
	margin-right: auto;
}
#ft 	
{
	height:107px;
	padding:130px 0px  10px 0px;
	margin-top:-90px;
	text-align:center;
	font-size:small; 
	color:white;
	background-image:url("../img/bgbottom.png");
	background-repeat:repeat-x;	
	background-position:top;
}
#ftcontent {width:760px; margin-left: auto; margin-right: auto;}
#ftmenubar { text-align:left;padding:0px 0px 0px 50px}
.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; }
.brandimage {margin-left:20px;}

.wp {margin-left:20px;margin-bottom:20px;}
.wp h3 {margin: 0px  0px 8px 12px;}
.wp h4 {margin: 0px  0px 3px 12px;}
.wpcontent 
{
    background-image:url(../img/part_middle.gif);
	background-repeat:repeat-y;	
	background-position:left top;
    color:White;
    margin-left:0px;margin-top:0px;
    
}
.wpcontent p {margin: 0px  0px 8px 12px;font-size:smaller;}
.wpcontent img {margin:0px 0px 10px 10px;}
.parttop 	
{
	background-image:url(../img/part_top.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:228px;
	height:12px;	
	padding-bottom:0px;margin-bottom:0px;
}
.parttop_dynamics 	
{
	background-image:url(../img/microsoftdynamics.png);
	background-repeat:no-repeat;	
	background-position:left top;
	margin-left:15px;
	margin-bottom:0px;
	margin-top:-20px;
	height:54px;
}
.partft 	
{
	background-image:url(../img/part_footer.gif);
	background-repeat:no-repeat;	
	background-position:left top;
	height:6px;
}
.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;}

.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 :470px;}
.main .content {/*width: 24%; */ width:290px;}
.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;}


/* Icons */
.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 {}
#menubar {padding-top:5px; height:26px; position:relative; float:right;width:auto;}
#main-nav  
{
	margin:15px -2px 5px 0px;
	padding:0px;
	font-size:0.0em;  
	direction:rtl;
	color: #0e1119;
	direction:rtl;
}
#main-nav li
{
	list-style-type: none;
	margin:0px;
	padding:0px; 
	height:22px;
	direction:ltr;
}

#main-nav a {display:block; height:22px; text-indent: -9009px; margin-bottom:4px;font-size:0.01em; color: #0e1119;  }

.btnhome {width:39px; background:transparent url(../img/menu/home_hover.png) no-repeat 0 0;}
.btnhome a,.btnhome a:visited { width:39px; background:transparent url(../img/menu/home_rest.png) no-repeat 0 0;}
.btnhome a:hover,.btnhome a:visited:hover {background:none;}
.btnhomeselect,.btnhomeselect a  { width:240px; background:transparent url(../img/menu/home_select.png) no-repeat 0 0;}
.btnhomeselect a:hover,.btnhomeselect a:visited:hover  { background:none;}

.btncv {width:107px; background:transparent url(../img/menu/cv_hover.png) no-repeat 0 0;}
.btncv a,.btncv a:visited { width:107px; background:transparent url(../img/menu/cv_rest.png) no-repeat 0 0;}
.btncv a:hover,.btncv a:visited:hover { background:none;}
.btncvselect,.btncvselect a  { width:240px; background:transparent url(../img/menu/cv_select.png) no-repeat 0 0;}
.btncvselect a:hover,.btncvselect a:visited:hover  { background:none;}

.btnms {width:168px; background:transparent url(../img/menu/ms_hover.png) no-repeat 0 0;}
.btnms a,.btnms a:visited { width:168px; background:transparent url(../img/menu/ms_rest.png) no-repeat 0 0;}
.btnms a:hover,.btnms a:visited:hover { background:none;}
.btnmsselect,.btnmsselect a  { width:240px; background:transparent url(../img/menu/ms_select.png) no-repeat 0 0;}
.btnmsselect a:hover,.btnmsselect a:visited:hover  { background:none;}

.btndesign {width:129px; background:transparent url(../img/menu/design_hover.png) no-repeat 0 0;}
.btndesign a,.btndesign a:visited { width:129px; background:transparent url(../img/menu/design_rest.png) no-repeat 0 0;}
.btndesign a:hover,.btndesign a:visited:hover { background:none;}
.btndesignselect,.btndesignselect a  { width:240px; background:transparent url(../img/menu/design_select.png) no-repeat 0 0;}
.btndesignselect a:hover,.btndesignselect a:visited:hover  { background:none;}

.btnrec {width:113px; background:transparent url(../img/menu/rec_hover.png) no-repeat 0 0;}
.btnrec a,.btnrec a:visited { width:113px; background:transparent url(../img/menu/rec_rest.png) no-repeat 0 0;}
.btnrec a:hover,.btnrec a:visited:hover { background:none;}
.btnrecselect,.btnrecselect a  { width:240px; background:transparent url(../img/menu/rec_select.png) no-repeat 0 0;}
.btnrecselect a:hover,.btnrecselect a:visited:hover  { background:none;}

.btncontact {width:74px; background:transparent url(../img/menu/contact_hover.png) no-repeat 0 0;}
.btncontact a,.btncontact a:visited { width:74px; background:transparent url(../img/menu/contact_rest.png) no-repeat 0 0;}
.btncontact a:hover,.btncontact a:visited:hover { background:none;}
.btncontactselect,.btncontactselect a  { width:240px; background:transparent url(../img/menu/contact_select.png) no-repeat 0 0;}
.btncontactselect a:hover,.btncontactselect a:visited:hover  { background:none;}

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