body, html      { font-family: Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; height: 100%; background-image: url(images/bg.jpg); background-position: top center; background-repeat: no-repeat; background-color: #000000; color: #F5F5F5; }

a               { color: #ffff07; text-decoration: none; }
a:hover         { color: #0cc0f1; text-decoration: underline; }
a img           { border-style: none; }

#nav ul         { display: block; float: right; padding: 0; margin: 0; }
#nav li         { display: inline; padding: 0; margin: 0; }
#nav a          {  display: block; padding: 10px; float: left; color: #F5F5F5; }
#nav a:hover    { color: #0cc0f1; background-image: url(images/tp.png); }
#nav a.selected { color: #0cc0f1; background-image: url(images/tp.png); }

.wrapper        { width: 980px; margin-left: auto; margin-right: auto; height: 100%; }
#content        { clear: both; background-image: url(images/tp.png); min-height: 75%; padding-bottom: 50px; }
#header         { padding: 20px; }
#mainint        { padding: 0 10px 0 20px; }

div.contentwrapper { padding: 20px; }

div.contentwrapper h2.workh2 { margin-top: 0px;  }
div.contentwrapper h2 { margin-top: 40px; color: #0cc0f1; margin-bottom: 5px; }

div.contentwrapper p { margin: 0; padding: 10px 10px; display: block; position: relative; }
div.contentwrapper p.date { display: inline; font-style: italic; font-size: 75%; }
div.contentwrapper h3 { color: #c9eef7; margin-bottom: 0; display: inline; }
div.contentwrapper table { font-size: 75%; }
div.contentwrapper div.left { float: left; width: 460px; }
div.contentwrapper div.right { margin-left: 480px; }
div.contentwrapper p span.data    { position: absolute; left: 120px; }
div.contentwrapper img  {display: none;}
td.center       { text-align: center; }

#mainint p      { margin: 25px 0; }

#main           { float: left; width: 650px; }
#rightcol       { margin: 0 20px 0 660px; padding: 20px 0 0; }

h1              { font-size: 300%; }
h1, h1 a       { color: #f225e2;  padding: 0; margin: 50px 0 0; text-decoration: none;  }
 h1 a:hover     { text-decoration: none; }
#header p       { font-style: italic; padding: 0 0 0 200px; margin: -10px 0 0; }
#main h2        { color: #c9eef7; font-size: 500%; margin: 0; padding: 0; }

span.intro      { color: #0cc0f1; font-weight: bold; font-size: 200%; }

#badges         { background-image: url(images/tp.png); padding: 10px; margin-top: 20px;}
#badges p       { margin: 0; }
#badges a       { padding: 0; margin: 0; }
#badges a       { margin-right: 4px; }
#badges a.last  { margin-right: 0px; }

#xblbox h2      { color: #fe361d; font-size: 100%; padding: 0; margin: 0; }
#xblbox h3      { font-size: 90%; padding: 0; margin: 0; }
#xblbox h3 span { margin-left: 16px; }
#xblbox h3 img  { float: left; margin-top: 5px; }
#xblbox         { background-image: url(images/tp.png); padding: 10px; }
#xblbox p       { margin: 0 0 0 80px; padding: 0; position: relative; font-size: 80%; }
#xblbox p span  { position: absolute; left: 80px; }
div.XbcgcGames  { padding: 10px 0 0; margin-top: 5px; }
div.XbcgcGames a  { padding: 0 12px ; }
#picture        { background-image: url(images/tp.png); padding: 10px; margin-bottom: 20px; }

br.clearer        { clear: both; }

div.portfoliowrapper { padding: 10px; }

div.portfoliowrapper h2 { margin-top: 10px; margin-left: 10px; color: #0cc0f1; }

div.portfolioItem h3    { position: absolute; left: 10px; bottom: 30px; padding: 5px; z-index: 9; }
div.portfolioItem   { display: block; position: relative; width: 320px; float: left; }
div.portfolioItem span.overlay { display: block; position: absolute; bottom: 15px; height: 75px; left: 10px; background-image: url(images/tpd.png); width: 300px;  }
div.portfolioItem span span { display: block; position: absolute; top: 0px; padding: 5px; }
div.portfolioItem span span.title { display: block; position: static; padding: 0px; font-size: large; font-weight: bold; }
div.portfolioItem p { display: block; padding: 0px 10px; margin: 10px 0; }



div.sparewrapper    { padding: 20px;  }
div.sparewrapper h2 { margin-top: 0; color: #0cc0f1; }

div.skodawrapper    { padding: 20px; }
div.skodawrapper h2 { margin-top: 0; color: #0cc0f1; }
div.skodawrapper img.bigskoda { padding-bottom: 20px; }
div.skodawrapper img.miniskoda { margin-right: 16px; padding: 0; }

div.skodawrapper p  { font-style: italic; }

img.contactimg  { float: left; margin-right: 20px;}

span.telno      {display: none; }