*{margin:0;padding:0}
body{font:14px/18px Georgia,"Times New Roman",Times,serif;
color:#111;text-align:center;overflow:scroll;
overflow-x:auto;overflow-y:scroll}

#wrapper,#content,#footer,#indiefever{margin:0 auto;min-width:920px;max-width:1200px;padding:30px 60px}

#background{background-color:#ffffff}.clear{clear:both}

img{border:none}h1{font-size:4em;font-weight:normal;padding:40px 0;letter-spacing:-3px;word-spacing:0.1em}

.space{letter-spacing:-10px;padding-right:5px}.space1{letter-spacing:-1px}.space2{letter-spacing:2px}

.tagline{line-height:30px;padding:20px 0;border-top:4px double #CCC;border-bottom:4px double #CCC}

.nav-grid{width:22%;float:left;margin:20px 4% 20px 0}
.nav-grid-right{width:22%;float:right;margin:40px 0 20px 0}

#products_layer{padding-top:20px}.product-left{width:30%;float:left;margin-right:5%}
.product-right{width:30%;float:right}.product-right a{margin-top:20px;float:left}
.product-right a:hover{color:#baff00}.product-right img{background-color:#baff00;padding:;float:left;margin-top:22px;margin-right:10px}
.icon{display:block;background-color:#FFF;border:4px double #CCC}.icontitle{font-size:1.4em;text-align:center}
.slogan{color:#CCC;font-size:0.8em}#products_layer p{margin:4px 0 16px 0;color:#4D4D4D}

#products_layer 
.intro{font-size:0.8em;padding-bottom:10px;color:#111}.product-full{width:65%;float:right;border-bottom:1px dashed #CCC}

.nasty_placeholder{display:block;width:100%;height:580px}#work_layer h3{margin-bottom:20px}#work_layer p{margin-bottom:20px}
.work-grid-3-left{width:22%;float:left;margin-right:4%}
.work-grid-3-middle{width:48%;float:left;margin-right:4%;padding:6px 0 60px 0}
.work-grid-3-right{width:22%;float:right;font-style:italic;height:350px}
.image-bg{background-color:#FFF}.image-border{border:4px double #CCC;height:350px;overflow:hidden}
.side-title{font-size:1em;font-style:normal}.side-note{font-size:0.6em;color:#999;height:200px}
.next-button{margin-top:55px;cursor:pointer;float:left;font-size:0.9em;color:#111;font-style:normal}
.next-button:hover{cursor:pointer;color:#baff00}#company_layer h3{margin-bottom:20px}

#company_layer h4{font-weight:normal;font-size:0.8em;line-height:1.5em;text-align:left;margin-left:90px}
#company_layer p{margin-bottom:20px}
#company_layer img{float:left;background-color:#FFF;border:1px solid #CCC;padding:4px;margin-top:2px}
.picture-note{font-style:italic;font-size:0.6em;color:#999;margin-left:90px}.minheight{min-height:120px}
.background-press{width:48%;float:left;margin-right:4%}.people{width:48%;float:right}
.background-left{width:46%;float:left;margin-right:8%}.background-right{width:46%;float:right}
.people-left{width:46%;float:left}.people-right{width:46%;float:right}.press{line-height:1.2em}
.press ul{text-align:left;font-size:0.7em}.press ul li{margin-bottom:20px}
.press a{border-bottom:dotted 1px #111}.blog-left{width:48%;float:left;margin-right:4%}
.blog-right{width:48%;float:right}p{font-size:0.7em;text-align:left;line-height:1.5em}

h2{font-weight:normal;font-size:1.5em;text-align:left;padding-bottom:10px}h3{font-weight:normal;font-size:1.3em;text-align:left}
a{text-decoration:none;color:#111}a:hover{color:#baff00}.lucida{font-family:"Lucida Grande",Tahoma;color:#CCC}
a.nav-grid,a.nav-grid-right{color:#111;padding-bottom:30px}a.nav-grid.selected,a.nav-grid-right.selected{color:#ccc;cursor:pointer}
a.nav-grid.selected:hover,a.nav-grid-right.selected:hover{color:#111}a.nav-grid.selected:hover h2,a.nav-grid-right.selected:hover h2{color:#baff00}
a.nav-grid.selected:hover p,a.nav-grid-right.selected:hover p{color:#111}a.nav-grid.selected:hover span,a.nav-grid-right.selected:hover span{color:#FFBFBE}

a.nav-grid.initial:hover,a.nav-grid-right.initial:hover{cursor:pointer}
a.nav-grid.initial:hover h2,a.nav-grid-right.initial:hover h2{color:#baff00}
a.nav-grid.initial:hover p,a.nav-grid-right.initial:hover p{color:#111}
a.nav-grid.initial:hover span,a.nav-grid-right.initial:hover span{color:#e1ff90}

.post{width:70px;float:left;margin-right:20px}.blog-right .post{width:50px}.day{font-size:2em}.month{font-size:1em;margin-bottom:0px}#blog_layer h3{margin-bottom:20px;color:#CCC}#blog_layer h4{font-weight:normal;text-align:left}.blog-left h4{font-size:1.8em;margin-bottom:20px}.blog-right h4{font-size:1em}.blog-right p{font-size:0.7em;margin-left:70px}.blog-left p{margin-bottom:12px}.blog-left p a{border-bottom:1px dotted #555}.blog-right .single{margin-bottom:40px;color:#000;cursor:pointer}.blog-right .single.selected{cursor:auto}.blog-right .single:hover h4{color:#b9ff00}.blog-right .selected:hover h4{color:#000}.blog-right .selected .post{border-bottom:3px double #CCC}#blog_layer img{float:left;padding:4px;margin:0 40px 10px 0}#blog_layer .border{border:1px solid #CCC}#author{text-align:left;margin:0px;border-top:1px solid #BFBFBF;padding-top:10px;margin-top:30px;font-size:0.75em}#author img{margin:0px;margin-right:10px;background-color:#FFF;border:1px solid #CCC;padding:2px;margin-top:2px}#author a{font-style:italic;color:#7F7F7F}.author{font-style:italic;color:#BFBFBF;font-size:.75em}.blog-left h1{font-size:1em}.blog-left h2{font-size:0.8em}.blog-left .image-bg{background-color:#FFF}.blog-left .image-border{border:4px double #CCC;overflow:hidden}.blog-left .image-center{margin-left:auto;margin-right:auto}.blog-left .image-caption{text-align:center;font-size:0.6em;font-style:italic}#paginator{display:inline;list-style-type:none}#paginator li{display;block;float:left;background-color:#E5E5E5;margin-right:3px;border:1px solid #CCC;color:#999;padding:1px 8px}#paginator li.selected{color:#000}#paginator li:hover{background-color:#D8D8D8}#background{display:none}

#products_layer{display:none}#work_layer{display:none}#company_layer{display:none}#blog_layer{display:none}

#highlight{font-size:0.8em;color:#999}

#highlight:hover{color:#d5ff68}#highlight:hover span{color:#baff00}#highlight span{font-size:1.2em;margin-right:12px;color:#111}
#highlight img{margin-bottom:-8px;margin-right:10px}
#highlight-blue{font-size:0.8em;color:#999}
#highlight-blue:hover{color:#98BBFF}
#highlight-blue:hover span{color:#3887FF}
#highlight-blue span{font-size:1.2em;margin-right:12px;color:#111}
#highlight-blue img{margin-bottom:-8px;margin-right:10px;border:none}
#fever-left{width:48%;float:left;margin-right:4%}#fever-right{width:48%;float:right}
#fever-left p,#fever-right p{margin-bottom:12px}#indiedownload{margin:70px 0 60px 0}
#fever-right em{color:#989898;font-size:0.9em}#fever-right em span{color:#111}
#fever-right p a,#fever-left p a{border-bottom:1px dotted #555}#fever-right p a:hover,
#fever-left p a:hover{color:#3887FF}#footer p,#footer-background p{color:#CCC;font:0.5em/1.6em "Lucida Grande",Tahoma;text-align:center}#footer-background{margin:0 auto;min-width:920px;max-width:1200px;padding:30px 0px}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 150;
}

.thumbnail:hover{
background-color: transparent;
z-index: 150;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed #777777;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: 0px; /*position where enlarged image should offset horizontally */

}