/* --------------------------------------------------------------
    General styles
    By Roy Niels [royniels.nl]
---------------------------------------------------------------*/
body { background: #FFF url('../gfx/bg.jpg') no-repeat 0 0; position: relative;}

h1, h2 { font: normal 28px/33px Arial, Tahoma, Verdana; text-transform: uppercase; color: #acacb0; letter-spacing: -2px; padding: 5px 0 0 0;}
h2 { font-size: 20px; line-height: 25px;}

p { padding: 0 0 5px 0; color: #6b6b6e; font: normal 12px/17px Arial, Tahoma, Verdana; text-align: justify; width: 374px;}

a { color: #ef7e0f; text-decoration: none;}
a:hover { text-decoration: underline;}

a.icon_btn { display: block; height: 47px; width: 48px; background-position: 0 0; background-repeat: no-repeat; position: absolute; text-decoration: none;}
a.icon_btn:hover { background-position: 0 -47px;}
a.icon_visit { right: -28px; bottom: 30px; background-image: url('../gfx/link.gif'); }
a.icon_contact {left: 280px; top: 55px; background-image: url('../gfx/contact.gif'); }
a.icon_resume {left: 340px; top: 115px; background-image: url('../gfx/cv.gif'); }


div#container { width: 410px; margin: 30px 0 0 500px;}
div.module { padding: 7px 0;}
div.module div.item { margin: 15px 0;}

div.about p { font-size: 15px; line-height: 20px;}

div.flash_container { padding: 5px 0 0 0;}
p.no_flash { text-align: center; font-weight: bold; color: #000; font-size: 12px; padding: 25px 0;}

div.work { background: url('../gfx/line.gif') repeat-y right top; position: relative;}
div.work div.item { position: relative;}
div.work img.corner { position: absolute; right: 0; top: 0;}