div.main { width: 980px; margin: 0 auto 0 auto; clear: both; }
.topbody { background: #fff; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 300; color: #516064; }

.topbody a { text-decoration: none; color: #405156;  }
.topbody a:hover { color: #B62F2F }
.topbody ul{ list-style-type: none; }

.excerpt a { text-decoration: none; color: #405156;  }
.excerpt a:hover { color: #B62F2F }

#heading { width: 100%; /* height: 20px; */}
#heading ul { padding-top: 0px; padding-left:5px; margin-left:15px;} 

#heading ul li { float: left; /*width: 100px;*/ display: block; /* height: 26px;  */ }
#heading ul li.last { *width: 24%; }

#heading ul li a { display: block; width: 92%; /*height: 68px;*/ font-size: 30px !important; letter-spacing: -1px; padding-left: 0%; padding-top: 28px;  color: #959EA1;  font-weight: light;text-shadow: 0 0 0 #fff;  }
#heading ul li.work a { text-indent: 0px }
#heading ul li.about a { text-indent: 0px }
#heading ul li a:hover { color: #B62F2F}
#heading ul li a.active { color: #405156; }


/* #content { padding-top: 50px; } */
#content { padding-top: 0px;  width:980px; }
#content .mainleft { float: left;padding-left: 20px; width: 690px; padding-right: 2px; }
#content .mainright { float: left; padding-left: 5px; width: 220px; padding-right: 5px; text-align:top;}

#content .text { width: 740px; float: left; height: 335px; }
#content .slogan { width: 740px; float: left; }


#content .text p { font-size: 20px; line-height: 30px; margin-bottom: 28px; width: 85%; }
#content .sidebar, #content .sidetext { width: 210px; float: right;  }
#content .samples {  width: 210px; float: right; height: 0; }
#content .samples p {  width: 210px; margin-top: -4px }



#content h1 { font-size: 102px; letter-spacing: -7px;  color: #D1D9DC; text-indent: -6px; margin-bottom: 36px; margin-top: -10px; text-shadow: 0 0 0 #fff;  }
#content .slogan h1 { margin: -10px 0 33px 0 !important}
#content .text h1#job { font-size: 196px; letter-spacing: -14px;  }
#content .sidebar h2, #content .sidetext h2 { font-size: 35px; letter-spacing: -1px;  color: #B62F2F; margin-top: 70px; font-weight: 300; margin-bottom: 3px; text-shadow: 0 0 0 #fff;  }
#content .sidetext h2 { color: #D1D9DC; margin-bottom: 20px; margin-top: 0px; font-weight: 300;  }
#content .sidebar h2 a {  color: #B62F2F }
#content .sidetext h3 { font-size: 18px; font-weight: 300; margin-bottom: 0; text-shadow: 0 0 0 #fff; }
#content .sidetext a { display: block; color: #B62F2F; padding: 4px 0 4px 10px; margin-left: -10px  }
#content .sidetext a:hover {  background:  #EDF0F1; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#content .sidetext { padding-bottom: 120px}
#content .sidetext ul { margin-bottom: 60px; }
#content .sidetext ul li {  }
#content .sidetext ul li p { margin-top: -3px; margin-bottom: 20px;  }
#content .sidebar p, #content .sidetext p { font-size: 16px; letter-spacing: 0px; line-height: 24px; color: #6A797D; }
#content .text p {  color: #6A797D; }
#in { display: block; margin-top: -32px; margin-bottom: 30px; background:  #EDF0F1; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#in img { padding-top: 3px }
#content .topics { height: 140px; clear: both; margin-bottom: 60px; }
#content .topics h2 { font-size: 35px;  font-weight: 300;  letter-spacing: -1px; margin-bottom: 3px; text-shadow: 0 0 0 #fff;  }
#content .topics p {font-weight: light; line-height: 22px; font-size: 16px; color: #6A797D;}
#content .topics .who, #content .topics .what, #content .topics .for { float: left; display: block; width: 220px; margin-bottom: 30px;  }
#content .topics .who p, #content .topics .what p { width: 95%}

#content .topics .who .bottomlinks { position:absolute;bottom:0; }
#content .topics .who .bottomlinks a { color:#d91c5c; }
#content .topics .who .bottomlinks a:hover { color: #a16789}

#content .topics .who {height: 300px; position:relative }
#content .topics .what { width: 338px; padding-left: 20px; }
#content .topics .for { padding-left: 20px; width: 210px; float: right; }
p.email,p.twitter  { margin-top: 14px; font-size: 16px !important;  color: #959EA1 !important; }
p.twitter { margin-top: 22px; }
p.email a { color:  #405156; }
p.twitter a { display: inline !important; }
#content p.pg { font-size: 16px !important}


#content p a {color:#d91c5c; }
#content p a:hover { color: #a16789}




#work h1 { padding-bottom: 45px; text-shadow: 0 0 0 #fff; }
#work { padding-bottom: 360px;}
#work img { border: 1px solid #ddd; margin-bottom: 30px; clear: both; display: block; width: 960px; }
#work h2 { font-size: 35px;  font-weight: 300;  letter-spacing: -1px; margin-bottom: 3px; color:  #D1D9DC; float: left;  width: 62%; line-height: 32px; margin-top: 5px }
#work h2 strong { clear: both; display: block;  color: #959EA1; }
#work p {  margin-bottom: 150px; float: right; width: 30%; font-size: 14px; line-height: 24px; padding-top: 6px;}
#work p a { color: #B62F2F }

#contact fieldset { border: 0; }
#contact form label, #contact form input { clear: both; }
#contact form label { display: block; margin: 0 0 10px 0; font-size: 35px; display: none; }
#contact form input, #contact form textarea { padding: 6px 12px 8px 12px;  width: 100%; border: 1px solid #E4E4E4; margin: 0 0 18px -16px; color: #B62F2F;  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 300; font-size: 22px;  -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#contact form textarea {  height: 142px; color: #B62F2F;  border: 1px solid #E4E4E4; font-size: 22px; width: 93.7%; padding-top: 14px; } 
#contact form #send { width: 236px; background: #B62F2F; border: 0; color: #fff; font-size: 22px; cursor: pointer !important;  -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 6px 12px 8px 16px; margin: 2px 0 18px -16px; text-align: left; }
#contact form #send:hover { background: #405156; cursor: pointer !important }


#mainjob { height: 370px !important; }
#mainjob .sidebar  { margin-right: 30px !important; margin-top: 20px; *margin-right: 20px !important }
#mainjob h1 { margin-top: 10px; text-shadow: 0 0 0 #fff; }
#mainjob a { display: block; width: 100%; width: 980px; height: 310px;  margin-left: -30px !important; padding-left: 30px; -moz-border-radius: 10px; -webkit-border-radius: 10px; *width: 970px;}
#mainjob a .text { width: 680px !important; }
#mainjob a .text  h1 {  background: transparent url(../img/twitter.png) no-repeat; height: 218px; display: block; width: 680px !important; text-indent: -9999px; }
#mainjob a:hover {  -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #F1F4F4 }
#mainjob a:hover h1 {  background-position: 0 -219px; }



#topheader {
	border-top:0px solid #fff000;
	width:100%;
	height:40px;
        background: #3c7fb9;
      	}



#topnav {
	margin:0 auto;
	margin-top:0px;	
	width:960px;
	text-align:center;
	}


#topnav .topnavleft { float: left;padding-left: 0px; width: 200px; padding-right: 0px; }

#topnav .topnavmiddle { float: right; padding-left: 0px; width: 150px; padding-right: 0px; }
#topnav .topnavright { float: right; padding-left: 0px; width: 720px; padding-right: 0px; }



#topheader h4 {
	float:left;
	margin:9px 0 6px 0;
	}



#topheader h4 a {
	float:left;
	margin:2px 0 0 5px;
	font-size:21px;
	line-height:22px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
        font-face: verdana;
        
	}

#topheader h4 a:hover { color:#ffffff; }

#topnav ul {
	margin:12px 0 6px 0;
	padding:0;
	list-style:none;
	float:right;
	}

 

#topnav li {
	float:right;
	margin:0;
	padding:0;
	background-image:none;
	line-height:normal;
	text-indent:0;
	}


 #topnav a {
        /*display:block;*/
	margin-left:31px;
	padding:0;
	font-size:12px;
	line-height:17px;
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
	font-weight:normal;
	}


* html #topnav a {
	width:1%;
	}

topnav #current a, #topnav a:hover {
 	color:#ffaaaa;
	}





#middle{border-top: 1px solid #dde1e2; clear: both; margin-top: 0px; margin-left: 20px;  /*margin-right: 20px; */ font-size: 16px !important; letter-spacing: -1px; padding-left: 0%; padding-top: 20px;  color: #959EA1;  font-weight: light;text-shadow: 0 0 0 #fff; line-height: 30px; width: 950px; }

#middle #left {float: left; height: auto; width: 50%; }
#middle #left #header {clear: both; }
#middle #left #content {/*padding-left: 17px; */padding-right: 17px; 
  display: inline; /* IE6 bug fix */
 }
#middle #right {float: right; height: auto;}
#middle #right #header {clear: both; }
#middle #right #content {
padding-right: 17px;
display: inline; /* IE6 bug fix */
text-align:right;
}
#middle .sub{clear: both; /* ratekhoj height: 123px; */ height: 33px; margin: 5px 0 -1px 0; padding: 3px 0 5px 0; /* ratekhoj border-top: 1px solid #eee; */}



#middlecontent { padding-top: 0px;   }
#middlecontent .mainleft { float: left;padding-left: 20px; width: 690px; padding-right: 2px; }
#middlecontent .mainright { float: right; padding-left: 5px; /*width: 180px;*/ padding-right: 5px; text-align:top;}

#middlecontent .text { width: 740px; float: left; height: 335px; }
#middlecontent .slogan { width: 740px; float: left; }


#middlecontent .text p { font-size: 20px; line-height: 30px; margin-bottom: 28px; width: 85%; }
#middlecontent .sidebar, #content .sidetext { width: 210px; float: right;  }
#middlecontent .samples {  width: 210px; float: right; height: 0; }
#middlecontent .samples p {  width: 210px; margin-top: -4px }



#middlecontent h1 { font-size: 102px; letter-spacing: -7px;  color: #D1D9DC; text-indent: -6px; margin-bottom: 36px; margin-top: -10px; text-shadow: 0 0 0 #fff;  }
#middlecontent .slogan h1 { margin: -10px 0 33px 0 !important}
#middlecontent .text h1#job { font-size: 196px; letter-spacing: -14px;  }
#middlecontent .sidebar h2, #content .sidetext h2 { font-size: 35px; letter-spacing: -1px;  color: #B62F2F; margin-top: 70px; font-weight: 300; margin-bottom: 3px; text-shadow: 0 0 0 #fff;  }
#middlecontent .sidetext h2 { color: #D1D9DC; margin-bottom: 20px; margin-top: 0px; font-weight: 300;  }
#middlecontent .sidebar h2 a {  color: #B62F2F }
#middlecontent .sidetext h3 { font-size: 18px; font-weight: 300; margin-bottom: 0; text-shadow: 0 0 0 #fff; }
#middlecontent .sidetext a { display: block; color: #B62F2F; padding: 4px 0 4px 10px; margin-left: -10px  }
#middlecontent .sidetext a:hover {  background:  #EDF0F1; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#middlecontent .sidetext { padding-bottom: 120px}
#middlecontent .sidetext ul { margin-bottom: 60px; }
#middlecontent .sidetext ul li {  }
#middlecontent .sidetext ul li p { margin-top: -3px; margin-bottom: 20px;  }
#middlecontent .sidebar p, #content .sidetext p { font-size: 16px; letter-spacing: 0px; line-height: 24px; color: #6A797D; }
#middlecontent .text p {  color: #6A797D; }
#middlecontent .topics { height: 140px; clear: both; margin-bottom: 60px; }
#middlecontent .topics h2 { font-size: 35px;  font-weight: 300;  letter-spacing: -1px; margin-bottom: 3px; text-shadow: 0 0 0 #fff;  }
#middlecontent .topics p {font-weight: light; line-height: 22px; font-size: 16px; color: #6A797D;}
#middlecontent .topics .who, #content .topics .what, #content .topics .for { float: left; display: block; width: 220px; margin-bottom: 30px;  }
#middlecontent .topics .who p, #content .topics .what p { width: 95%}

#middlecontent .topics .who .bottomlinks { position:absolute;bottom:0; }
#middlecontent .topics .who .bottomlinks a { color:#d91c5c; }
#middlecontent .topics .who .bottomlinks a:hover { color: #a16789}

#middlecontent .topics .who {height: 300px; position:relative }
#middlecontent .topics .what { width: 338px; padding-left: 20px; }
#middlecontent .topics .for { padding-left: 20px; width: 210px; float: right; }
#middlecontent p.pg { font-size: 16px !important}
#middlecontent p a {color:#d91c5c; }
#middlecontent p a:hover { color: #a16789}



#bottom{border-top: 1px solid #dde1e2;  clear: both; margin-top: 0px; margin-left: 20px;  /*margin-right: 20px; */ font-size: 16px !important; letter-spacing: -1px; padding-left: 0%; padding-top: 20px;  color: #959EA1;  font-weight: light;text-shadow: 0 0 0 #fff; line-height: 30px; width: 950px; }

#bottom #left {float: left; height: 300px; width: 50%; }
#bottom #left #header {clear: both; }
#bottom #left #content {/*padding-left: 17px; */padding-right: 17px; 
  display: inline; /* IE6 bug fix */
 }
#bottom #right {float: right; height: 300px;}
#bottom #right #header {clear: both; }
#bottom #right #content {
padding-right: 17px;
display: inline; /* IE6 bug fix */
text-align:right;
}





#twitter_div { width: 450px; padding: 0px 0px 0px 0px; margin: 0; background-color: #ffffff; text-align: left;} 
ul#twitter_update_list { padding: 0; margin: 0; list-style: none; line-height: 17px;}  
ul#twitter_update_list li { font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #406169; padding: 0 0 11px 0; margin: 0px 0 0px 0; background-color: #ffffff; }
ul#twitter_update_list li a { font-size: 12px; color: #F39; } 




<?php
include ("globals.php");
?>

body { 
 text-align: left;

}
#mainContainer { width: 100%; margin: 0 auto; text-align: left; padding-top: 14; }
#topContent big { padding-left: 10px; font-size: 1.1em; font-weight: bold; color: #397DBD; font-family: Verdana; }
#topContent medium { padding-left: 10px; font-size: 1.0em; font-weight: bold; color: #397DBD; font-family: Verdana; }
#topContent leftmenu { font-size: 0.3em; font-weight: bold; color: #ff0000; font-family: Verdana; }
#topContent span a { font-size: .68em; color: #FF0000; font-family: Verdana; padding-left: 15px; }
#qlrt { float: right; margin-top: 0; font-family: Verdana; font-weight: bold; font-size: 10px; color: #0956A6; text-align: right; }
#whcptabs { float:left; border-bottom: 1px solid #337EB7; font-family: Verdana; font-size: 10px; width: 100%; padding-left: 10px; margin-top: 10px }
#whcptabs ul { margin: 0; padding: 0; bottom: -1px; left: 20px; display: inline; list-style: none; width: 55em; }
#whcptabs li { display: inline; list-style: none; }
#whcptabs li.selected { margin: 0 4px 0 0; font-weight: bold; color: #337EB7; }
#whcptabs a { display: block; float: left; padding: 3px 10px 4px 10px; margin-top: 3px; margin-right: 4px; text-align: center; text-decoration: none; font-weight: bold; color: #0055A3; background-color: #DEEFFF; border-bottom: none; border-top: 1px solid #337EB7; border-left: 1px solid #337EB7; border-right: 1px solid #337EB7; }
#whcptabs a.selected { float: left; display: block; padding: 4px 13px 6px 10px; font-weight: bold; color: #FFF; border-top: 1px solid #FFF; border-left: 0px; border-right: 1px solid #FFF; background: url(<?php echo $HREFDIR."scripts/"; ?>tab_shad_1.gif) no-repeat right; margin-top: 0; margin-right: 2px; background-color: #337EB7; }
#whcptabs a:hover { text-decoration: underline; }
.triclr { clear: both; margin: 0 0 -10px 0; padding: 0; width: 45em; }
#triclr_manage { background: url(<?php echo $HREFDIR."scripts/";  ?>tab_arw_1.gif) no-repeat 273px 0px; }
#vmsite_pending { position: relative; top: 26px; font-weight: normal; margin-top: -15px; color: #c8c8c8; }
#vmsite_pending a { text-decoration: underline; font-family: Verdana; color: #c8c8c8; font-size: 10px; }
#vmsite_pending span { font-size: 10px; font-family: Verdana; color: #FF0000; }
.yfitabs {float:left;border-bottom: 1px solid #337EB7;font-family: Verdana;font-size: 10px;width: 100%;padding-left: 10px;margin-top: 10px; margin-bottom:0px;}
.yfitabs .yfitt {height:auto;  }
.yfitabs .yfitt ul {float:left;margin:0;padding:0;list-style:none;width:100%; position:relative; top:7px;}
.yfitabs .yfitt li {float:left;display:block;padding-bottom:7px; padding-top:0px; margin-right:0px;}
.yfitabs .yfitt li a {float:left;display:block;text-decoration:none;padding: 3px 2px 4px 2px;margin:3px 4px 0 0;font-weight: bold; color: #0055A3; background-color: #DEEFFF; 	border-top: 1px solid #337EB7;border-left: 1px solid #337EB7;border-right: 1px solid #337EB7; cursor:pointer}
.yfitabs .yfitt li em {float:left;margin-right:0;padding:0; font-style:normal;}
.yfitabs .yfitt li.on {background:url(<?php echo $HREFDIR."scripts/";  ?>tab_arw_1.gif)  bottom center no-repeat; }
.yfitabs .yfitt li.on a {background-color:#337EB7;padding:4px 13px 7px 10px;margin:0 2px 0 0;text-decoration:none; background-image:url(<?php echo $HREFDIR."scripts/"; ?>tab_shad_1.gif); background-repeat:no-repeat; background-position:right; border-right:none; border-top:none;}
.yfitabs .yfitt li.on em { color:#FFF; }



a {
        color: #00526f;  text-decoration:none;
}


a.leftmenu {
 color: #00526f; text-decoration:none;
}


a.fdSubmit {
        color: #fff;
        padding: 2px 5px;
        border: 2px solid;
        border-color: #7bf #07c #07c #7bf;
        background-color: #6699ff;
        font-family: Georgia, ..., serif;
        font-size: 12px;
        display: block;
        height: 18px;
        width: 200px;
        text-decoration: none;
        text-align: center;
        font-weight:bold;
}

a.fdSubmit:hover {
background-color: #cc9966;
border-color: #7bf #07c #07c #7bf;

}


#footer{border-top: 1px solid #dde1e2;  clear: both; margin-top: 0px; margin-left: 20px;  /*margin-right: 20px; */ font-size: 16px !important; letter-spacing: -1px; padding-left: 0%; padding-top: 20px;  color: #959EA1;  font-weight: light;text-shadow: 0 0 0 #fff; line-height: 30px; width: 950px; text-align:center;}