* {
	margin:0;
	padding:0;
	outline:none;
}
body,html {
	height:100%;
	width:100%;	
	background:url(images/bg.png);	
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#253e45;
}
p {
	line-height:22px;
}
#pagesContainer {
	min-width:980px;
	min-height:100%;
	position:relative;
	padding-bottom:20px;
}
#siteTop {
	background:url(images/topGreenBg.png);
	width:100%;
	height:55px;
	position:relative;
}
#siteTop p{
	line-height:55px;
	color:#a9c1c7;
	text-shadow: #1f3a41 1px 1px 1px;
	float:right;
}
#centerContent {
	width:980px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
#firstHeader {
	position:relative;
	height:210px;
	width:100%;
}
#topBg {
	background:url(images/topBg.png);
	height:231px;
	width:100%;
	position:absolute;
	left:0px;
	top:55px;
	z-index:0;	
}
#headerNoise {
	background:url(images/topBgNoise.jpg);
	width:890px;
	height:253px;
	position:absolute;
	right:-150px;
}
#baggrundtable td {
	border-bottom:1px dashed #B2B2B2;
	padding-top:2px;	
}
#logo {
	position:absolute;
	background:url(images/logo.png);
	width:732px;
	height:109px;
	position:absolute;
	right:0px;
	top:43px;
}
#menu {
	position:absolute;
	left:0px;
	top:20px;	
}
#menu ul, #subMenu ul {
	list-style:none;
}
#menu li{
	display:block;
	height:28px;
	position:relative;
	width:auto;
	margin-bottom:4px;
}
#menu a {
	display:block;
	width:100%;
	height:28px;
	color:#eeeee5;
	text-decoration:none;
	position:relative;
	text-shadow: #1f3a41 1px 1px 1px;
}
#menu #mid {
	background:url(images/topMenuBgMid.png);
	height:28px;
	position:absolute;
	left:9px;
	top:0px;	
	z-index:3;
}
#menu #left {
	background:url(images/topMenuBgLeft.png);
	width:9px;
	height:28px;
	position:absolute;
	left:0px;
	top:0px;	
	z-index:3;
}
#menu #right {
	background:url(images/topMenuBgRight.png);
	width:55px;
	height:28px;
	position:absolute;
	right:0px;
	top:0px;	
	z-index:3;
}
#menu #topMenuText {
	position:absolute;
	left:9px;
	height:28px;
	line-height:25px;
	font-size:13px;
	letter-spacing:1px;
	text-decoration:none;
	color:#eeeee5;
	z-index:4;
}



#passive #mid, #passive #left, #passive #right {
	display:none;
}

#passive #topMenuText {
	color:#375962;
	text-shadow: #fdfdf4 1px 1px 1px;
}

#passive:hover #topMenuText {
	color:#eeeee5;
	text-shadow: #1f3a41 1px 1px 1px;
}
#passive:hover #mid, #passive:hover #left, #passive:hover #right {
	display:block;
}

#breakLine {
	background:url(images/breakLine.png);
	height:8px;
	width:980px;
	z-index:4;
	position:relative;	
}
h1,h2 {
	color:#375962;
	font-size:28px;
	display:inline-block;
	height:30px;
	letter-spacing:1px;
	font-weight:normal;
	font-family:Franchise;
	text-shadow: #fffff6 1px 1px 1px;
	background:url(images/h1Line.png) repeat-x bottom;
	margin-bottom:0px;
}
h1 {
	font-size:47px;
	height:50px;
	z-index:5;
	position:relative;
	margin-bottom:30px;

}
#content {
	width:100%;
	position:relative;
	margin-top:30px;	
	z-index:6;
}
#helloworld p {
	width:650px;	
}
#hellowArrows {
	background:url(images/helloWorldArrows.jpg);
	width:978px;
	height:441px;
	margin-top:-90px;	
}

#subHeaderBg {
	position:absolute;
	top:-60px;
	left:-80px;
	background:url(images/newPage.jpg);
	width:1196px;
	height:272px;
	z-index:1;
}

#subHeaderContainer {
	z-index:5;
	position:relative;
	width:100%;
	margin-top:60px;
}
#subMenu {
	position:absolute;
	top:10px;
	right:0px;
	z-index:6;
}

#subMenu li{
	display:inline-block;
	height:28px;
	position:relative;
	width:auto;
	margin-left:30px;
	margin-bottom:4px;
}
#subMenu a {
	display:block;
	width:100%;
	height:28px;
	color:#eeeee5;
	text-decoration:none;
	position:relative;
	text-shadow: #1f3a41 1px 1px 1px;
}
#subMenu #mid {
	background:url(images/subMenuMid.png);
	height:28px;
	position:absolute;
	left:15px;
	top:0px;	
	z-index:3;
}
#subMenu #left {
	background:url(images/subMenuLeft.png);
	width:15px;
	height:28px;
	position:absolute;
	left:0px;
	top:0px;	
	z-index:3;
}
#subMenu #right {
	background:url(images/subMenuRight.png);
	width:45px;
	height:28px;
	position:absolute;
	right:0px;
	top:0px;	
	z-index:3;
}
#subMenu #topMenuText {
	position:absolute;
	left:15px;
	height:28px;
	line-height:25px;
	font-size:13px;
	letter-spacing:1px;
	text-decoration:none;
	color:#FFF;
	z-index:4;
}
#subMenu #passive #mid, #subMenu #passive #left, #subMenu #passive #right {
	display:none;
}

#subMenu #passive #topMenuText {
	color:#203a41;
	text-shadow: #fdfdf4 1px 1px 1px;
}

#subMenu #passive:hover #topMenuText {
	color:#FFF;
	text-shadow: #1f3a41 1px 1px 1px;
}
#subMenu #passive:hover #mid, #subMenu #passive:hover #left, #subMenu #passive:hover #right {
	display:block;
}
#quote {
	position:relative;
	width:100%;
	height:103px;
	margin-bottom:30px;
}
#quote p {
	font-size:20px;
	color:#375962;
	width:100%;
	text-align:center;
	position:absolute;
	top:30px;
	left:10px;
}
#leftQuote {
	background:url(images/leftQuote.png);
	width:116px;
	position:absolute;
	left:0px;
	top:-10px;
	height:75px;	
}

#rightQuote {
	background:url(images/rightQuote.png);
	width:109px;
	position:absolute;
	right:0px;
	bottom:0px;
	height:75px;	
}


#portfolioContainer {
	position:relative;
	height:447px;
	width:100%;
	border-top:1px dashed #999;	
}
#firstRow,#thirdRow,#secondRow {
	width:323px;
	height:447px;
	position:absolute;
	top:0px;
}
#firstRow {
	left:0px;
	border-right:1px dashed #999;	
}
#secondRow {
	left:323px;
	width:334px;
	border-right:1px dashed #999;	
}

#thirdRow {
	left:657px;
}

#portfolioContainer #image {
	border-bottom:1px dashed #999;	
	padding-top:11px;
	padding-bottom:11px;
	position:relative;
	height:127px;
}
#portfolioContainer #image img {
	position:absolute;
	left:0px;
	cursor:pointer;
	top:11px;
}
#portfolioContainer #secondRow #image img {
	left:11px;
}
#portfolioContainer #thirdRow #image img {
	left:11px;
}




.newPage {
	padding-top:5px;	
}



#kompetence {
	float:left;
	width:291px;
	height:100px;
	position:relative;
	margin-left:51px;
}
#komp {
	position:absolute;
	left:54px;	
	top:0px;
	font-size:20px;
	color:#375962;
	text-shadow: #EEE 1px 1px 1px;
	
}
#kompDesc {
	position:absolute;
	left:55px;
	top:28px;
	font-size:10px;
	color:#375962;	
}
#kompBar {
	position:absolute;
	height:15px;
	width:280px;
	left:5px;
	top:50px;
	background:url(images/kompetencerBarWhiteBg.png);	
}
#kompBar #left {
	background:url(images/kompetencerBarLeft.png);
	width:5px;
	height:15px;
	position:absolute;
	left:-5px;
	top:0px;
}
#kompBar #right {
	background:url(images/kompetencerBarRight.png);
	width:5px;
	height:15px;
	position:absolute;
	right:-5px;
	top:0px;
}
#kompBar #skill {
	position:absolute;
	left:0px;
	height:15px;
	background:url(images/kompetencerBarGreenBg.png);
}
#subLine {
	background:url(images/subLine.png);
	width:980px;
	height:8px;	
}
#kompetencer p,#firma p ,#profil p {
	width:600px;
	margin-bottom:20px;
}
#kompetencer h2, #firma h2, #profil h2, #portfolio h2 {
	background:none;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
}
#flashPlayer {
	position:absolute;
	right:0px;
	text-align:right;
	top:0px;
}
#logos p {
	width:auto;
	margin:0px;
	padding:0px;
}
#logos {
	width:324px;
	position:absolute;
	right:0px;
	top:42px;
}
#logos img {
	margin-bottom:10px;
}
#logoLine {
	background:url(images/logoLine.png);
	width:324px;
	height:8px;
	margin-bottom:10px;
	margin-top:20px;
	
}
#logoArrow {
	position:relative;
	margin-left:-61px;
	background:url(images/firmaInnodiaLogo.png);
	width:486px;
	height:120px;
	cursor:pointer;
}
#logoArrowContinue {
	position:absolute;
	background:url(images/firmaInnodiaArrowBg.png) repeat-x 0px 22px;
	height:100%;
	top:0px;
	width:400px;
	left:-399px;
	cursor:pointer;
	
}
#bottomLine {
	background:url(images/profilBund.png);
	height:43px;
	width:100%;
	position:absolute;
	top:730px;
	line-height:40px;
	color:#a9c1c7;
	text-align:center;
	text-shadow: #2e4a53 1px 1px 1px;
}


#viewProject {
	position:absolute;
	left:0px;
	top:0px;
	z-index:7;
	width:100%;
	height:600px;
	display:none;
}
#viewProject #left, #viewProject #left p {
	width:300px;
}
#viewProject #left p {
	margin-bottom:15px;	
}

#imagesContainer {
	height:2000px;	
}

#imageLoader {
	position:fixed;
	display:none;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:100;	
}
#backgroundShadow {
	position:fixed;
	left:0px;
	top:0px;
	background:#000;
	width:100%;
	height:100%;
	text-align:center;
	z-index:100;	
}
#imageLoader img {
	position:fixed;
	left:140px;
	top:50px;
	z-index:101;
	max-height:90%;
	max-width:90%;
	border:1px solid #5E5E5E;
}

#imageLoader #leftButton,#imageLoader #rightButton,#imageLoader #closeButton {
	position:absolute;
	left:100px;
	top:100px;
	z-index:102;
	background:url(images/galleryLeft.png);
	background-position:top;
	width:49px;
	height:29px;
	cursor:pointer;	
}
#imageLoader #rightButton {
	background:url(images/galleryRight.png);
	top:150px;
}
#imageLoader #closeButton {
	background:url(images/galleryClose.png);
	top:190px;
}
#imageLoader #leftButton:hover,#imageLoader #closeButton:hover,#imageLoader #rightButton:hover {
	background-position:0px 30px;
}
#closeProject {
	cursor:pointer;
	font-size:14px;
	display:block;
	color:#D7090E;
	margin-top:14px;	
}
#bigScreenFrame {
	width:600px;
	height:390px;
	background-color:#A1A1A1;
	position:absolute;
	right:0px;
	top:0px;
}
#bigScreen {
	width:589px;
	height:376px;
	position:absolute;
	left:7px;
	text-align:center;
	margin:0 auto;
	top:7px;
	background:black;
}
#bigScreen img {
	max-height:376px;
	max-width:589px;
	cursor:pointer;
}
#projectGalContainer {
	height:89px;
	background-color:#A1A1A1;
	position:absolute;
	right:0px;
	top:400px;
	text-align:left;
	padding:7px;
	width:589px;
}
#projectGalContainer img {
	max-height:89px;
	cursor:pointer;
	float:left;
	margin-right:7px;
}