body {color:#555; font:normal normal normal .9em/1.4em Helvetica, Arial, Sans-Serif;}
* {margin:0; padding:0; border:0; outline:0;}
a {color:#84b8d0; text-decoration:none; cursor:pointer;} .active a {cursor:default;} li a:hover {text-decoration:underline;} li.active a:hover {text-decoration:none;}
 a.btn {background:#fff url(../img/sprite-btn.gif) left center no-repeat; display:-moz-inline-box; display:inline-block; padding:0 0 0 .4em; color:#fff; } 
 a.btn:hover {text-decoration:none;}
 a.btn > * {background:#fff url(../img/sprite-btn.gif) right center no-repeat; color:#fff; line-height:16px; height:16px; display:block; padding:0 .4em 0 0;}
 a.deactivated {color:#ddd!important; cursor:default!important;} a.deactivated:hover {text-decoration:none!important;}
li {list-style:none none outside;}
em {font-style:normal;}
p {margin:0 0 1em 0;}
 p strong {color:#444;}
h1 {color:#84b8d0; margin:0 0 1em 0; position:relative; z-index:2; width:10em; font-size:1.3em; line-height:1em;} h1 em {color:#555;}
	#content h1 {font-size:3.2em; width:auto; line-height:1.1em; font-weight:normal;} #content h1 em {display:block; font-weight:bold;}
h3 {font-size:1.1em; margin:0 0 .5em 0; line-height:normal;}
#container {max-width:73em; min-width:66em; margin:2em 0 0 0; position:relative; padding:0 2em; overflow:hidden;}
#content {position:relative; margin:3em 0; width:42em; float:left; display:inline;}
ul.navigation {text-transform:uppercase; position:absolute; width:42em; text-align:right; top:0; left:2em; line-height:1em;}
 .navigation li {display:inline; margin:0 0 0 3em; font-size:.7em;}
 .navigation li.active {border-bottom:solid 3px #aad5e9; position:relative;}
dl.section {width:46%; display:inline; float:left;}
 .section.knowledge {margin:0 0 0 5%; float:right;}
 .section dt {border-bottom:solid 1px #efefef; color:#84b8d0; font-size:.8em; padding:0 0 .5em 0; font-weight:bold; text-transform:uppercase; margin:0 0 1em 0;}
 .section dd p {font-size:.9em;}
ul.portfolio {padding:0 0 0 2em; margin:-2.6em 0 2em 44em; line-height:normal;}
 .portfolio > li {position:relative; padding:0 0 0 155px;}
	.portfolio > li.linear {height:110px; margin:0 0 1em 0; padding:0 155px 0 0;}
	.portfolio li.portfolio-navigation {padding:0; margin:0 0 1em 0; overflow:hidden;}
 .portfolio li dt {width:120px; height:90px; border:solid 10px #efefef; position:absolute; left:0; text-indent:-900em;}
 	.portfolio li.linear dt {left:auto; right:0; top:0;}
 .portfolio li dd {position:relative;}
 	.portfolio li.linear dd {position:absolute; bottom:0; margin:0; right:0; padding:0 155px 0 0; text-align:right;}
 .portfolio li h2 {color:#84b8d0; text-transform:uppercase; font-size:.8em; white-space:nowrap; position:relative; margin:0 0 0 -20px; padding:.3em 0 .3em 20px; line-height:1.3em; background:url(../img/sprite-arrows.png) left top no-repeat;}
	.portfolio li.linear h2 {margin:0 -20px 0 0; padding:.3em 20px .3em 0; background-position:right -42px;}
 .portfolio li h2 a {color:#acc18a;  text-transform:lowercase; font-size:.9em; display:block; white-space:nowrap; line-height:normal; font-weight:normal;}
 .portfolio li p {font:oblique normal normal .8em/1.1em Times, Times New Roman, Serif;}
 	.portfolio li.linear p {margin:0;}
 .portfolio-navigation ul li {display:inline; margin:0 1em 0 0;}
 .portfolio-navigation ul li a {font-size:.7em;}
	.portfolio-navigation ul li.active a {background:#ccc; color:#fff;}
.modal {display:none; position:fixed; top:17%; left:50%; margin-left:-300px; width:600px; background-color:#eee; border: 1px solid #fff;}
.jqmOverlay {background:#000;}
ul.footer {border-top:solid 1px #efefef; line-height:normal; position:relative; padding:.4em 0 0 0; width:42em; color:#999; text-align:right; clear:both;}
 .footer li {font-size:.7em; display:inline;}
 .footer li.contact {position:absolute; left:0;}