/* CSS Document */

* {
   	 	margin: 0;
    	padding: 0;
		}
html, body, p, div, h1, h2, h3, h4, ul, li, dl, dt, dd, ol, form, input, select, option, a, span, img, fieldset  {
		margin: 0;
		padding: 0;
		}
body {
		font: 76% Arial, Helvetica, sans-serif;
		color: #999;
		line-height: 1em;
		min-width: 980px;
		background: #00121e url(../images/bg.jpg) top center no-repeat;
		}
img {
		border: 0;
		}
ul {
		list-style:	none;
		}
a, a:visited { 
		color: #0033cc; 
		text-decoration: none; /* firefox image link outline fix */
		}
a:hover, a:active { 
		color: #336600;
		text-decoration: underline;
		outline: none;
		}
hr, .skiplink, .relatedlinks { 
		display: none;
		}
div.clear {
		float: none;
		clear: left;
		font-size: 0px;
		line-height: 0px;
		padding: 0px;
		margin: 0px;
		height: 0px;
		width: 0px;
		overflow: hidden;
		}
span.hide {
		display: none;
		}
strong, b {
		color: #000001;
		}


/* ----------------------------
	HEADER
---------------------------- */

#container {
		overflow: visible;
		width: 100%;
		min-width: 850px;
		text-align: center;
		/* background: url(../images/bgheader.gif) top center no-repeat; */
		}
#header {
		width: 850px;
		min-width: 850px;
		height: 121px;
		margin: 0 auto;
		overflow: visible;
		text-align: left;
		}

/* ----------------------------
	logo & subtitle 
---------------------------- */

#logo {
		height: 43px;
		width: 169px!important;
  		width /**/:194px;
		float: left;
		clear: left;
		margin: 39px 0px 0px 0px;
		padding: 0px 0px 0px 25px;
		overflow: hidden;
		}
#logo a { 
		display: block;
		height: 43px;
		width: 169px;
		background: url(../images/logo.gif) no-repeat top left;
		text-indent: -9999px;
		padding: 0px;
		overflow: hidden;
		}
#subtitle { 
		display: block;
		padding: 0px 25px 0px 0px;
		margin: 54px 0px 0px 0px;
		width: 500px;
		float: right;
		clear: none;
		color: #ddd;
		font: 1.35em Arial, Helvetica, sans-serif;
		font-weight: 600;
		text-align: right;
		}
#subtitle a, #subtitle a:visited {
		color: #ddd; 
		}
#subtitle a:hover, #subtitle a:active {
		color: #fff;
		text-decoration: none; 
		}
#bodycontainer {
		overflow: hidden;
		width: 100%;
		min-width: 830px;
		text-align: center;
		padding: 25px 0px 50px 0px;
		}
#body {
		width: 830px!important;
  		width /**/:850px;
		min-width: 830px;
		margin: 0 auto;
		text-align: left;
		overflow: hidden;
		padding: 20px 0px 0px 20px;
        }

/* ----------------------------
	main content
---------------------------- */

#content {
		float: left;
		width: 545px;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		}
#homeimage {
		width: 100%;
		height: 342px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		background: #040404;
		border-top: solid 1px #14252f;
		border-right: solid 1px #14252f;
		border-bottom: solid 1px #000;
		border-left: solid 1px #000;
		float: left;
		}
#homeimage div {
		width: 100%;
		height: 299px;
		padding: 0px;
		margin: 0px;
		border: none;
		}
#homeimage ul {
		display: block;
		float: left;
		clear: none;
		padding: 10px 0px 0px 30px;
		margin: 0px;
		}
#homeimage ul li {
		display: block;
		float: left;
		clear: none;
		text-align: center;
		padding-top: 0px;
		margin-left: 3px;
		background: #13212a;
		}
#homeimage ul li a, #homeimage ul li a:active {
		display: block;
		font: bold .9em Arial, Helvetica, sans-serif;
		color: #999;
		padding: 2px 6px 2px 6px;
		}
#homeimage ul li a:hover, #homeimage ul li a:active {
		background: #27333a;
		color: #ccc;
		text-decoration: none;
		border: none;
		}
#homeimage ul li a.current, #homeimage ul li a:active.current, #homeimage ul li a:hover.current, #homeimage ul li a:active.current {
		background: #666;
		color: #ddd;
		}


/* ----------------------------
	contact & extra info
---------------------------- */

#extra { 
		float: left;
		width: 537px!important;
  		width /**/:545px;
		padding: 8px 0px 8px 8px;
		margin-bottom: 30px;
		background: #040404;
		border-top: solid 1px #02121d;
		border-right: solid 1px #02121d;
		border-bottom: solid 1px #02121d;
		border-left: solid 1px #02121d;
		}
#extracontainer {
		float: left;
		width: 527px!important;
  		width /**/:527px;
		padding: 18px 0px 20px 0px;
		background: #0a1318;
		border-right: solid 1px #000;
		border-bottom: solid 1px #000;
		border-left: solid 1px #000;
		}
#extra dl { 
		display: block;
		float: left;
        width: 140px!important;
  		width /**/:162px;
		padding: 0px 0px 0px 27px;
		font: .945em Arial, Helvetica, sans-serif;
		}
#extra dt { 
		display: block;
		margin: 0px 0px 5px 0px;
		color: #ccc;
		font-weight: bold;
		}
#extra dd { 
		display: block;
		}
#extra ul {
		display: block;
		margin: 0px;
		background: url(../images/linelists.gif) top left repeat-x;
		color: #666; 
		}
#extra li {
		display: block;
		padding: 6px 0px 6px 11px;
		background: url(../images/bgnav.gif) bottom left no-repeat;
		}
#extra li.email, #extra li.linkedin, #extra li.skype, #extra li.lastfm {
		background: url(../images/bgnav2.gif) bottom left no-repeat;
		}
		
#extra li a, #extra li a:visited {
		color: #666;
		text-decoration: none;
		}
#extra li a:hover, #extra li a:active {
		color: #fff;
		text-decoration: underline;
		}
		
/* ----------------------------
	main navigation
---------------------------- */

#navigation {
		float: left;
		width: 225px;
		clear: none;
		margin: 3px 0px 0px 30px;
		background: url(../images/linenave.gif) top left repeat-x;
		}
#navigation h4 {
		display: block;
		padding: 7px 0px 7px 0px;
		font: bold 1.25em Arial, Helvetica, sans-serif;
		background: url(../images/linenave.gif) bottom left repeat-x;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: .04em;
		}
#navigation ul {
		display: block;
		padding: 8px 0px 10px 0px;
		margin-bottom: 0px;
		background: url(../images/linenave.gif) bottom left repeat-x;
		width: 100%;
		overflow: hidden;
		}
#navigation li {
		display: block;
		padding: 0px;
		margin: 0px;
		float: left;
		clear: left;
		width: 100%;
		}
#navigation a, #navigation a:visited {
		display: block;
		padding: 3px 0px 3px 0px;
		margin: 0px;
		color: #ccc;
		font: 1em Arial, Helvetica, sans-serif;
		}
#navigation a:hover, #navigation a:active {
		display: block;
		text-decoration: none;
		color: #fff;
		}
		
/* ---------------------------- 
current page 
---------------------------- */

#section1 #navigation a.one, #section2 #navigation a.two, #section3 #navigation a.three, #section4 #navigation a.four, #section5 #navigation a.five, #section6 #navigation a.six, #section7 #navigation a.seven, #section8 #navigation a.one2, #section9 #navigation a.two2, #section10 #navigation a.three2, #section11 #navigation a.four2, #section12 #navigation a.five2 {
		color: #fff;
		font-weight: bold;
		}

/* ----------------------------
	footer
---------------------------- */		
		
#footercontainer {
		overflow: visible;
		width: 100%;
		min-width: 830px;
		text-align: center;
		background: url(../images/bgfooter.gif) top center repeat-x;
		}
#footer {
		width: 830px;
		min-width: 830px;
		height: 121px;
		margin: 0 auto;
		overflow: visible;
		text-align: left;
		}
#footer p {
		display: block;
		padding: 40px 0px 0px 12px;
		color: #a59885;
		float: left;
		clear: none;
		width: 50%;
		font-size: .9em;
		color: #333;
		}
#footer ul {
		display: block;
		padding: 40px 12px 0px 0px;
		color: #ccc;
		float: right;
		clear: none;
		width: 40%;
		text-align: right
		}
#footer li {
		display: inline;
		float: right;
		clear: none;
		padding: 0px 10px 0px 10px;
		}
#footer li.line {
		padding: 0px 0px 0px 8px;
		border-left: solid 1px #333;
		}
#footer a, #footer a:visited {
		display: block;
		font-size: .9em;
		color: #333;
		}
#footer a:hover, #footer a:active {
		color: #666;
		}
		
/* ----------------------------
	main content inside
---------------------------- */

 
#content p {
		line-height: 1.5em;
		}
body#section1 div.mainimage {
		height: 315px;
		width: 545px;
		margin: 15px 0px 0px 40px;
		background: #f1eedf url(../images/01.jpg) top left no-repeat;
		}