* { padding:0; margin:0; outline:0; }
body {
	background:#4281c8 url(images/probeer32.jpg) center top;
	font-family: MyCustomFont;
	font-size:20px;
	line-height:19px;
	color:#fff;
	font-weight: normal;
	 line-height: 130%;
}
#nomove { position:fixed; bottom:30px; z-index:100;
  left: 50%;

}


@font-face {
 font-family: MyCustomFont;
 src: url("http://www.interfiction.nl/css/myfont.eot") /* EOT file for IE */
 
}
@font-face {
 font-family: MyCustomFont;
 src: local(MyCustomFont), url("http://www.interfiction.nl/css/myfont.ttf") format('opentype');/* TTF file for CSS3 browsers */
}



#positie1 { position:absolute; left: -232px; top:0px;

}
#positie2 { position:absolute; left: -137px; top:0px;

}
#positie3 { position:absolute; left: 1px; top:0px;

}
#positie4 { position:absolute; left: 103px; top:0px;

}
#positie5 { position:absolute; left: -1544px; top:-10px;

}
#positie6 { position:absolute; left: -432px; top:0px;

}

#nomovelogo { position:fixed; z-index:98; 
  left: 50%;bottom:30px;
}

#bg { background:url(images/probeer32.jpg) center top;}
#bg2 { background:url(images/probeer32.jpg) center bottom;}


#howdy { padding-bottom:100px; width:900px;padding-top:60px;}
#portfolio { padding-bottom:80px;padding-top:20px;}
#contact {  padding-bottom:400px;padding-top:140px;}
#about {padding-top:20px;padding-bottom:430px;}

#copy {position:fixed; bottom:10px; left:5px;color:#062e44; font-size:50px;text-transform: uppercase;  font-weight: normal;}

a img { border:0; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

a { color:#fff; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }

h2 { color:#234173;font-family: MyCustomFont, "Trebuchet MS", Arial, Helvetica, sans-serif;  font-size:50px; text-transform: uppercase; font-weight: normal;padding-top:80px;}
h3 { font-size:16px;text-transform: uppercase; padding-bottom:20px;}
h4 { color:#234173; font-size:16px; text-transform: uppercase; font-weight: normal;}
h5 { color:#234173; font-size:50px; line-height:130px; text-transform: uppercase; padding-bottom:0px; font-family: MyCustomFont, "Trebuchet MS", Arial, Helvetica, sans-serif;;font-weight: normal;}
h6 { font-size:16px;text-transform: uppercase; }
hi7 { font-size:67px; line-height:130px; text-transform: uppercase; padding-bottom:20px;font-weight: normal;}
hi8 { font-size:16px;text-transform: uppercase; }





#shell { width:960px; margin:0 auto; position:relative;}

#header { height:170px; position:relative; z-index:99; }


h1#logo { font-size:0; line-height:0; width:465px; height:134px; padding:30px 0 20px 0;margin-left: auto; margin-right: auto; }
h1#logo a{ display:block; height:134px; background:url(images/logo.png); text-indent: -4000px;}
.site-info {  font-size:22px; text-transform: uppercase; font-family: MyCustomFont, "Trebuchet MS", Arial, Helvetica, sans-serif;}
.tab {  margin-left: 0px;}
.tab2 {  margin-left: 200px;}
.portfoliologo { color:#234173; font-size:70px; text-transform: uppercase; font-weight: normal;}

.intgadgets {color:#468bb6; font-size:16px; text-transform: uppercase; font-weight: normal; padding-left:470px;position:relative;top:33px;}


#container p { padding-bottom:15px;}
#container { position:relative; width:100%;}


.projects { height:200px; position:relative; }
.projects ul{ list-style-type: none; height:300px; overflow:hidden; position:relative; }
.projects ul li{ float:left; display:inline; width:960px; height:300px; }
.projects ul li .project{ float:left; display:inline; width:203px; height:136px; font-size:0; line-height:0; position:relative;  margin:0 30px 20px 0;}
.projects ul li .project-bg{ background:url(images/project.png) no-repeat 0 0; width:197px; height:130px; padding:6px 0 0 6px;}
.projects ul li .project a{ position:relative; }


.projects ul li .project a.plus{ font-size:0; line-height:0; width:32px; height:32px; background:url(images/plus.png) no-repeat 0 0; text-indent: -4000px; position:absolute; top:99px; left:166px; z-index:5;}

.projects2 { height:200px; position:relative; }
.projects2 ul{ list-style-type: none; height:300px; overflow:hidden; position:relative; }
.projects2 ul li{ float:left; display:inline; width:960px; height:300px; }
.projects2 ul li .project{ float:left; display:inline; width:203px; height:136px; font-size:0; line-height:0; position:relative;  margin:0 30px 20px 0;}
.projects2 ul li .project-bg{ background:url(images/project.png) no-repeat 0 0; width:197px; height:130px; padding:6px 0 0 6px;}
.projects2 ul li .project a{ position:relative; }


.projects2 ul li .project a.plus{ font-size:0; line-height:0; width:32px; height:32px; background:url(images/plus.png) no-repeat 0 0; text-indent: -4000px; position:absolute; top:99px; left:166px; z-index:5;}

.projects3 { height:200px; position:relative; }
.projects3 ul{ list-style-type: none; height:300px; overflow:hidden; position:relative; }
.projects3 ul li{ float:left; display:inline; width:960px; height:300px; }
.projects3 ul li .project{ float:left; display:inline; width:203px; height:136px; font-size:0; line-height:0; position:relative;  margin:0 30px 20px 0;}
.projects3 ul li .project-bg{ background:url(images/project.png) no-repeat 0 0; width:197px; height:130px; padding:6px 0 0 6px;}
.projects3 ul li .project a{ position:relative; }


.projects3 ul li .project a.plus{ font-size:0; line-height:0; width:32px; height:32px; background:url(images/plus.png) no-repeat 0 0; text-indent: -4000px; position:absolute; top:99px; left:166px; z-index:5;}

.projects4 { height:200px; position:relative; }
.projects4 ul{ list-style-type: none; height:300px; overflow:hidden; position:relative; }
.projects4 ul li{ float:left; display:inline; width:960px; height:300px; }
.projects4 ul li .project{ float:left; display:inline; width:203px; height:136px; font-size:0; line-height:0; position:relative;  margin:0 30px 20px 0;}
.projects4 ul li .project-bg{ background:url(images/project.png) no-repeat 0 0; width:197px; height:130px; padding:6px 0 0 6px;}
.projects4 ul li .project a{ position:relative; }


.projects4 ul li .project a.plus{ font-size:0; line-height:0; width:32px; height:32px; background:url(images/plus.png) no-repeat 0 0; text-indent: -4000px; position:absolute; top:99px; left:166px; z-index:5;}

#howdy .left { width:470px;}
#howdy .right { padding-left:0px;}
input, textarea, select { font-size:14px; font-family: "Trebuchet MS", sans-serif; padding:5px; color:#fff; border:0; }

#howdy label { display:block; padding-bottom:5px;}
#howdy .field { background:url(images/field.png); display:block; width:390px; margin-bottom:15px;}
#howdy textarea.field { height:130px; width:390px; }



#about .right { width:400px; padding-bottom:600px;}
input, textarea, select { font-size:14px; font-family: "Trebuchet MS", sans-serif; padding:5px; color:#fff; border:0; }

#about label { display:block; padding-bottom:5px;}
#about .field { background:url(images/field.png); display:block; width:390px; margin-bottom:15px;}
#about textarea.field { height:130px; width:390px; }

a.submit { font-weight: normal; text-transform: uppercase;}

.abs-span { position:absolute; font-size:0; line-height:0; background-repeat:no-repeat; background-position:0 0; z-index:1; top:0; left:0;}

.island { background-image:url(images/island.jpg); width:658px; height:144px; top:154px; left:166px;}
.ships { background-image:url(images/ships.jpg); width:71px; height:47px; top:256px; left:850px; }
.animals { background-image:url(images/animals.jpg); width:833px; height:801px; left:-130px; top:-32px; }
.animal2 { background-image:url(images/animal2.jpg); width:201px; height:119px; left:789px; top:-49px; }
.bottle { background-image:url(images/bottle.jpg); width:84px; height:214px; top:-202px; left:83px;}
.dir { background-image:url(images/dir.png); width:118px; height:53px; top:50px; left:540px;}

.rel-content { position:relative; z-index:2;}

.buttons { font-size:0; line-height:0; }
.buttons a{ position:absolute; color:#333; text-decoration: none; z-index:20;}
.buttons a em{ position:absolute; width:32px; height:32px; background:url(images/plus.png); top:7px; left:6px; z-index:2;}
.buttons a span{ display:block; width:135px; height:45px; background:url(images/button.png) no-repeat 0 0; font-size:16px; line-height:46px; font-weight: normal; text-transform: uppercase; padding:0 0 0 45px; display:none; float:left; z-index:1 !important; position:relative; }
.buttons a.about-link{ top:63px; left:583px; }
.buttons a.portfolio-link{ top:147px; left:496px; }
.buttons a.contact-link{ top:230px; left:130px; }
.buttons a.top-link{ top:-120px; left:550px; }

.top-holder { position:absolute; bottom:0; left:0;}

#top { font-size:0; line-height:0; position:absolute; top:0; left:0;}



.copy { text-align: left; position:relative; width:100%; left:0; color:#062e44; padding-bottom:50px;padding-top:20px;}
.copy a{ color:#062e44; }

textarea { overflow:auto;}