@charset "utf-8";

/*--G E N E R A L--*/
body{padding:0; margin:0; font-family:Verdana, Geneva, sans-serif; font-size:75%; background-image:url('../images/icons/body-bckg.jpg');background-position:center; }

img{border:none}
a{font-weight:bold; text-decoration:none}
a:hover{text-decoration:underline}
p, h1, h2, h3, ul, li{padding:0; margin:0}

#background{ position:absolute; background-image:url("../images/icons/left-bckg.jpg"); background-position:right; background-repeat:repeat-y; background-color:#42bde9; height:750px; width:1500px; top:0; right:565px; z-index:0}

#cursorfix1{ width:200px; height:170px; position:absolute; z-index:20}
#cursorfix2{width:100%; height:500px; position:absolute; bottom:0; z-index:0}

h2{ font-size:17px}

.hide, .print{display:none; visibility:hidden}

/*--C U R S O R--*/

body{cursor:url(http://www.g33k.be/images/icons/cursor.cur),auto;}
body a, body input, div.info{cursor:url(http://www.g33k.be/images/icons/cursor-a.cur),auto;}
body textarea, body input.textarea, body p, body h2{cursor:url(http://www.g33k.be/images/icons/cursor-write.cur),auto;}

/*--S T R U C T U R E : P O S I T I O N & S I Z E--*/

#main{ position:relative; width:800px; margin:auto; z-index:1}
#container{width:800px; margin-top:-10px; position:relative; padding-bottom:30px;}
#header{ width:800px; margin-top:-15px; position:relative;}
#menu{ width:220px; float:left}
#scrollDiv{ width:500px; margin-left:230px; height:500px; overflow:hidden;}
.text{ height:500px;}
#textcontainer{ height:10000px}
#random{ margin-left:256px; width:440px; margin-top:-5px}
#copyright{position:fixed; bottom:3px; left:0; z-index:15; width:200px;}

/*--H E A D E R--*/

#logoflash{margin-left:60px; position:relative}

#header, #container{position:relative}

#title{height:110px; width:440px; background-image:url("../images/icons/title.png");background-position:right; position:absolute; margin-left:238px; margin-top:50px; z-index:40}

#topbar{text-align:right; color:#666; letter-spacing:0; position:fixed; right:0; top:3px; padding-right:1%; padding-bottom:4px; z-index:50; font-size:9px; background:#FFF}
#topbar a{color:#31c5f4;}

/*--E N   B R E F--*/

div.info{ position:relative; z-index:24; float:left; color:#31c5f4; font-weight:bold}
div.info:hover{z-index:25;}
/*div.info div{display: none;} */
#enbref{ display:none; position:absolute; top:2em; left:0; width:18em; border:1px solid #0099FF;background-color:#fff; padding:1px; text-align:left; padding:10px;}

div.info h2{ font-size:13px}

div.info ul li{ color:#666; font-weight:bold; list-style:none; padding-top:5px}

div.info ul li ul li{ font-weight:normal; padding-left:2em; padding-top:2px}

/*--N A V I G A T I O N--*/

#menu{ text-align:right; padding-top:1.2em; color:#FFF; position:relative}

#menu a{color:#FFF}

#menu h2{padding-bottom:15px}

#nav-home, #nav-web, #nav-pix, #nav-cine, #nav-contact{ height:40px; background-position:right top; background-repeat:no-repeat; position:absolute; right:20px}
#nav-home a, #nav-web a, #nav-pix a, #nav-cine a, #nav-contact a{ display:block; padding-right:40px; height:25px; padding-top:7px;}

#nav-home{ background-image:url(../images/icons/nav-home.gif); width:90px; top:60px}
#nav-web{ background-image:url(../images/icons/nav-web.gif); width:110px; top:120px}
#nav-pix{ background-image:url(../images/icons/nav-pix.gif); width:175px; top:180px}
#nav-cine{ background-image:url(../images/icons/nav-cine.gif); width:80px; top:240px}
#nav-contact{ background-image:url(../images/icons/nav-contact.gif); width:95px; top:300px}

#nav-home:hover{ background-image:url(../images/icons/nav-home-hover.gif); width:90px; top:60px}
#nav-web:hover{ background-image:url(../images/icons/nav-web-hover.gif); width:110px; top:120px}
#nav-pix:hover{ background-image:url(../images/icons/nav-pix-hover.gif); width:175px; top:180px}
#nav-cine:hover{ background-image:url(../images/icons/nav-cine-hover.gif); width:80px; top:240px}
#nav-contact:hover{ background-image:url(../images/icons/nav-contact-hover.gif); width:95px; top:300px}

#menu ul li{list-style:none;}

/*--C O N T E N T--*/

.text{ color:#666;}

.text h2{color:#098aba; padding-bottom:15px}

.text p{ letter-spacing:1px; color:#666; padding:5px 20px}

.text form{text-align:center; font-size:90%; line-height:3em}

.text form input, .text form textarea{ background-color:#EEE; border:1px solid #0099FF}
.text form input:focus, .text form textarea:focus{ background-color:#F4F8FF; border:1px solid #AAA}
.text form input.noformstyle{border:none; background-color:#fff}
.text form input.button:hover{ background:#098aba; color:#FFF; border:double #FFF; margin:-1px}

#txtFormSubmit{clear:both; margin:0 15px}
#divNewContactForm{text-align:center}

/*--F O O T E R--*/

#random{ background:url(../images/icons/tips.gif) left top no-repeat; padding-left:35px; font-size:80%; color:#666}
#random a{ color:#31c5f4;}
#random h2{color:#098aba;}

#txtRandom{padding-bottom:5px}

a#btnRandom {margin-left:350px;}

#randomize{ text-align:right}

#copyright{color:#FFF; font-size:11px; letter-spacing:3px; padding-left:1%;}