/* RESET */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, a img, ins, kbd, q, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-size: 100%;}
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
 
/* BASE */
body{text-align:left;/* font-family:georgia,serif;*/
font-family:helvetica,arial,sans-serif;color:#333;font-weight:400;letter-spacing:.05em;}
strong{font-weight:bold;}
em{font-style:italic;}
ul,ol{margin-bottom:18px;}
.clear{clear:both;}
.small{font-size:0.75em;}

/* LINKS */
a,a:visited{/* color:#7f7f7f;*/
text-decoration:none;outline:none;}
a:hover{/* color:#b8b8b8;*/}

/* TEXT */
h1{font-size:24px;line-height:2em;font-weight:300;text-transform:uppercase;}
h1 a,h1 a:visited{color:#333;}
h1 a:hover{color:#333;}
h2{font-size:120px;line-height:1em;position:fixed;color:#e2e2e2;left:20px;bottom:0;width:90%;font-weight:600;text-transform:uppercase;}
h3{font-size:18px;line-height:1.5em;}
p{font-size:12px;line-height:1.5em;margin-bottom:18px;}

/* STRUCTURE */
#wrapper{margin:0;width:100%;}
#top{position:absolute;top:10px;right:10px;margin:0;text-align:center;padding:10px;margin-bottom:10px;}
#container{margin:0 auto;width:96%;min-height:700px;padding:80px 2% 0 2%;}
.box{cursor:move;min-width:100px;min-height:100px;float:left;margin:10px;z-index:1;}
.box:hover{z-index:100;}
#footer{position:absolute; bottom:20px; right:20px; width:100%;}
#footer p{text-align:right;margin:0 20px;}

/* NAV */
#nav{/* width:300px;*/
top:20px;left:20px;padding:0 10px 10px 10px;margin:0;line-height:1;position:absolute;z-index:50;background-color:#FFF;opacity:.9;border:2px dashed #333;}
#nav:hover{border:2px dashed #FF4600;background-color:yellow;}
#nav li{float:left;margin:0 0 0 0;padding-right:20px;}
#nav li a{display:block;width:300px;font-weight:lighter;text-transform:uppercase;font-size:12px;line-height:1em;padding:10px 0;}
#nav li a:hover{/* border-bottom:6px solid #d9d9d9;*/}
#nav li.current a{cursor:default;color:#333;}

/* IMAGES*/
a img{margin:0 2px 2px 0;border:2px solid #FFF;}
img.home{border:10px solid #FFF;}
a img:hover,a img:focus{}

/* SAFARI BONUS ANIMATIONS */
a,input[type="text"],textarea{-webkit-transition :all 0.25s linear;}
a img{-webkit-transition:all 0.25s ease-out;}