/* the stastic
dark grey= #141414


*/
html { background-color:#141414; }
body {font-family: 'News Cycle', arial, serif; background-color:#141414; position:relative; }
h1 { }
h2 { }
h3:hover {background-color:#C60;  }
#contact h4 { margin-top:20px; margin-bottom:5px; text-decoration:none; text-transform:capitalize;  font-weight:lighter; font-size:12px; letter-spacing:.15em; font-family: 'Pontano Sans', sans-serif; color:#ffffff; }
#contact p { color:#ffffff; text-decoration:none; font-weight:lighter; font-size:12px;  font-family: 'Pontano Sans', sans-serif; }
#main h4 { margin-top:20px; margin-bottom:5px; text-decoration:none; text-transform:capitalize;  font-weight:lighter; font-size:12px; letter-spacing:.15em; font-family: 'Pontano Sans', sans-serif; color:#ffffff; }
#main p { text-decoration:none; font-weight:lighter; font-size:12px;  font-family: 'Pontano Sans', sans-serif; }
p {font-family: 'News Cycle', arial, serif; }
a {text-decoration:none;  }
img {max-width:100%; }
#footer { margin-bottom:20px; }
#container { margin-left:auto; margin-right:auto; width:900px; }
#header { width:900px; margin-top:2.2222222222%; margin-bottom:2.2222222222%; height:25px; }
#topNav { width:160px; float:right; margin-top:3px; }
#topNav a:link, #topNav a:visited { margin-left:2.2222222222%; color:#999; text-decoration:none;  float:right; font-weight:lighter; font-size:12px; letter-spacing:.15em; font-family: 'Pontano Sans', sans-serif; display:block;}
#topNav a:hover, #topNav a:active { color:#ffffff; }

#logo {float:left; width:240px; }

#item { float:left; margin-right:15px; margin-left:15px; margin-bottom:40px; position:relative; }
#item a:link, #item a:visited { opacity:.80; color:#999;  }
#item a:hover, #item a:active { opacity:1; color:#ffffff; }
.imgName {   text-decoration:none;   font-weight:lighter; font-size:9px;  font-family: 'Pontano Sans', sans-serif; display:block; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;  margin-right:2px; margin-bottom:4px;   text-align:left;  width:180px; /*z-index:100; position:absolute; bottom:0; opacity:.75; background-color:#000;*/ }
.imgName a:hover { } 
#imgBox { position:relative; }
#projectMenu {position:absolute; z-index:100; width:900px;}
#projectID {color:#666; text-decoration:none; text-transform:uppercase;  font-weight:lighter; font-size:12px; letter-spacing:.15em; font-family: 'Pontano Sans', sans-serif; display:block; padding-left:20px; padding-right:10px; padding-top:5px; padding-bottom:5px; background-color:#ffffff; opacity:.75; margin-right:2px; width:250px; }

.projectAuthor { color:#ffffff; text-decoration:none;   font-weight:light; font-size:12px;  font-family: 'Pontano Sans', sans-serif; text-align:left; }

#drop {width:880px; height:100px; overflow:hidden; float:left; position:absolute; z-index:50; top:40px; background-color:#000000; opacity:.75; padding-top:40px; padding-left:10px; padding-right:10px; padding-bottom:40px;}
#xout { position:absolute; bottom:10px;}
#imgNum { float:left;  }
#imgNum ul {  }
#imgNum li { float:left; }
#imgNum a:link, #imgNum a:visited {color:#666; text-decoration:none; text-transform:uppercase;  font-weight:lighter; font-size:12px; letter-spacing:.15em; font-family: 'Pontano Sans', sans-serif; display:block; padding-left:20px; padding-right:5px; padding-top:5px; padding-bottom:5px; background-color:#ffffff; opacity:.75; margin-right:2px;  width:40px; text-align:right; }
#imgNum a:hover, #imgNuma:active {background-color:#C60; }
#projectImg {position:absolute; z-index:1;  }
.white { color:#ffffff; }