html, body{
margin:0px;
padding:0px;
}

#intro{
position:relative;
top:75px;
margin:0 auto 0 auto;
width:640px;
}

#page{
position:absolute;
left:0px;
top:-475px;
width:100%;
list-style:none;
text-align:center;
background:url(http://ithoughtu.nu/images/bars.gif)repeat-x;
background-position:0px 475px;
height:533px;
color:white;
z-index:0;
}

#page a:hover, #gallery a:hover img{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

#prevLink:hover{
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}

#nextLink:hover{
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}

#content{
background:#000;
}

#page{
font-family:verdana;
}

#drip-one{
visibility:hidden;
position:absolute;
top:513px;
left:50px;
}
#drip-two{
visibility:hidden;
position:absolute;
top:513px;
left:700px;
}
#drip-three{
visibility:hidden;
position:absolute;
top:513px;
left:800px;
}

#content{
height:475px;
}

#page ul{
margin:0px;
padding:0px;
margin-left:20px;
margin-top:4px;
}

#page li{
display:inline;
margin-right:20px;
}

#nav{
position:absolute;
width:645px;
top:475px;
left:275px;
}

a{
text-decoration:none;
color:white;
}

a:hover{
color:#ffb000;
}

#work-link{
background:url(images/work.jpg);
width:75px;
background-position:0 -32px;
}#work-link:hover{
background-position:0 0;
}

#info-link{
background:url(images/info.jpg);
width:60px;
background-position:0 -32px;
}#info-link:hover{
background-position:0 0;
}

#links-link{
background:url(images/links.jpg);
width:74px;
background-position:0 -32px;
}#links-link:hover{
background-position:0 0;
}

#shop-link{
background:url(images/shop.jpg);
width:67px;
background-position:0 -32px;
}#shop-link:hover{
background-position:0 0;
}
a.link, #name{
text-indent:-5000px;
display:block;
float:left;
margin-right:20px;
overflow:hidden;
height:30px;
}

#name a{
cursor:pointer;
position:absolute;
top:478px;
left:34px;
background:url(images/jakegalm.jpg);
width:156px;
height:34px;
background-position:0 -32px;
z-index:10;
}#name a:hover{
background-position:0 0;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

img{
border:none;
}

#gallery{
margin:0px;
padding:0px;
margin-left:15px;
height:310px;
width:900px;
overflow:auto;
position:absolute;
text-align:left;
margin-top:100px;
padding-right:20px;
filter:alpha(opacity=0);
-moz-opacity:0.0;
-khtml-opacity: 0.0;
opacity: 0.0;
z-index:0;
}

#content-container{
position:absolute;
padding-right:20px;
}

#gallery li{
padding:0px;
margin:0px;
}

#gallery a{
background:black;
}

#subnav{
position:absolute;
top:30px;
left:0px;
width:920px;
padding-left:20px;
}

#gallery1{
background:url(images/gallery-one.jpg);
width:190px;
background-position:0 -32px;
}#work-link:hover{
background-position:0 0;
}

#gallery2{
background:url(images/gallery-two.jpg);
width:195px;
background-position:0 -32px;
}#work-link:hover{
background-position:0 0;
}

#meander{
background:url(images/meander.jpg);
width:160px;
background-position:0 -32px;
}#work-link:hover{
background-position:0 0;
}

#opensource{
background:url(images/opensource.jpg);
width:190px;
background-position:0 -32px;
}#work-link:hover{
background-position:0 0;
}

#centered-content{
position:relative;
width:929px;
margin:0 auto 0 auto;
}

#centered-black{
position:absolute;
left:0px;
top:-125px;
width:100%;
background:black;
height:605px;
}

#text-accompany{
float:left;
margin-right:20px;
margin-top:-10px;
}

#outerImageContainer{
background:white;
}
#imageContainer{
background:white;
}
