/* Globals */
    
    body {
        background: #121212 url(back.jpg) fixed center top no-repeat;
        font: normal 14px 'Century Gothic', Helvetica, sans-serif;
        line-height: 1.4;
        color: #444;
        margin: 0px;
        padding: 20px;
    }
    
    .wide {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    
    .ghost {color:#eee;}
        
    a img {
        border-width: 0px;
    }
    
    a {
        color: #444;
    }
    
    p, ul, blockquote {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    ul ul, ul ol, ol ul, ol ol {
        margin: 5px 0px;
    }
        
    form {
        margin: 0px;
        padding: 0px;
        display: inline;
    }
    
	*, *:active, *:focus {
	    outline: 0;
	    outline-style: none;
	    outline-width: 0px;
	    -moz-outline-width: 0px;
	}
    
    .clear {
        clear: both;
        height: 1px;
    }
    
    input, select {
        font: normal 13px 'Century Gothic', Helvetica, Arial, sans-serif;
        color: #444;
    }
    
    select {
        border: solid 1px #bbb;
    }
        
    input.text_field, textarea {
        padding: 7px;
        font: normal 17px 'Century Gothic', Helvetica, Arial, sans-serif;
        color: #673a8e;
        background: #fff;
        outline: 0;
        margin: 0px;
        border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
    }
    
    
        input.text_field:disabled, textarea:disabled {
            background: #f5f5f5;
	    }
	    
	    input.text_field.big {
	        font-size: 24px;
        }
        
        input.text_field.huge {
	        border-color: #eee;
	        font: bold 60px Century Gothic;
        }
        
        input.text_field.huge:focus {
            border-color: #fff;
        }


/* PAGE */
      
      div#container { 
      	 position: relative;
      	 z-index: 3;
      	 margin: 10px auto;
      	 width: 980px;
      	 }      
      	 
      	 
      div#scale { position: absolute; top: 0; left: 0; z-index: 2; }
      div#scale img { position: absolute; bottom: 0; left: 0; z-index: 1; }
      
      
      
     #header {margin: 20px 0px;}
     
     #header .logo {float: left; margin-right: 30px; text-shadow: #000 3px 2px;}
     #header .right {float: left; width: 660px;}
     #header .right .copy {margin:10px 0px; color: #ccc; font-size: 14px; font-weight: normal; letter-spacing: 1.5px; text-shadow: #000 1px 1px; margin-bottom: 20px;}
     #header .right .sorts {display: block;}
     
      .menubutton {float: left; margin-right: 20px;}
      
      .menubutton a{
        font-size: 16px;
        color: #000;
        font-weight: bold;
        cursor: pointer;
        padding: 7px 15px;
        border-radius: 8px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: #000 url(foil.jpg);
        text-decoration: none;
        letter-spacing: 1.1px;
  	    }
    
        .menubutton a:hover {
            -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;
        }
      
      
      
 /*PROJECT */     
      
      
      .block {
      	width: 100%;
      	min-height: 150px;
      	background: url(black.png);
      	margin: 60px 0px;
      	padding: 20px;
      	border: 2px solid #222;
      	border-radius: 12px;
   		-moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        position: relative;
      	}
      	
       .image {
       	position: absolute;
       	bottom: 0px;
       	left:30px;
       	}
      	
       .project {
       	width: 550px;
       	float: right;
       	}
       	
       	
      	.project p {color: #999; font-size: 14px; font-weight: normal; letter-spacing: 1.5px; margin: 5px 0px;}
      	.project p b {color: #fff; font-size: 24px; font-weight: normal; text-transform: uppercase;}
      	.project .link {margin-top:20px; text-align: left;}

      	.button {margin-top:20px;}
      	
      	.button a{
        font-size: 13px;
        color: #fff;
        cursor: pointer;
        padding: 5px 15px;
        border-radius: 8px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: #222;
        text-decoration: none;
        letter-spacing: 1.1px;
  	    }
    
        .button a:hover {
            background: #333;
            color: #fff;
        }
        
/* FOOTER */

#footer {width: 100%; margin-top: 30px; background: #000; border-top: 3px solid #111; position: relative; z-index: 3;}     
#footer .content {
	margin: 10px auto; 
	padding: 20px 0px;
	width: 980px; 
	text-align: center;       
	color: #7a7a7a; 
	font-size: 14px; 
	font-weight: normal; 
	letter-spacing: 1.5px;	 
    }   
        
 /* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}