/*Universal Classes*/
body, html           { color: #666; font-size: small; font-family: "Lucida Grand", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; background-color: #000; margin: 0; padding: 0; height: auto }
#container     { background-color: #1b1b1b; background-image: url("../images/bkgImg.gif"); background-repeat: repeat-y; background-position: 0 100%; margin: 25px auto; padding: 0; position: relative; width: 750px }
/*Layout DIVs*/
#header       { background-image: url("../images/header.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; position: relative; height: 65px }
#header span {display: none }
#content { margin: 0; padding: 0 }
#footer     { background-image: url("../images/footer.gif"); background-repeat: no-repeat; background-position: 0 100%; margin: 0; padding: 0; height: 170px }
/*Top Nav*/
#navcontainer   { margin: 0; padding: 0; height: 50px }
#topnav    { height: 50px }
#topnav li    { list-style-type: none; display: inline; margin: 0; padding: 0 }
#topnav a    { margin: 0; padding: 0; width: 125px; height: 50px; float: left }
#topnav a:hover  { background-position: 0 -50px }
#topnav a#active { background-position: 0 -100px }
#thome a       { background-image: url("../images/tb_home.gif"); background-repeat: no-repeat; background-position: 0 0; width: 125px }
#tprint a       { background-image: url("../images/tb_print.gif"); background-repeat: no-repeat; background-position: 0 0; width: 125px }
#tweb a     { background-image: url("../images/tb_web.gif"); background-repeat: no-repeat; background-position: 0 0; width: 125px }
/*Project Box*/
#projectboxHome { background-image: url("../images/projectBox.gif"); margin-top: 15px; margin-left: 25px; padding: 0; width: 700px; height: 305px }
#projectbox      { background-image: url("../images/projboxBot.gif"); background-repeat: no-repeat; background-position: left bottom; margin-top: 15px; margin-left: 25px; padding: 0; width: 700px }
#projectbox h3 { margin: 0 0 10px; padding: 0 }
#slideshow   { margin: 0; padding: 35px 0 0 25px; width: 300px; height: 200px }
#web, #print, #write    { background-image: url("../images/projboxTop.gif"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 75px 0; position: relative; width: 100%; height: 100% }
/****Thumbnail****/
ul.thumbnail    { list-style-type: none; margin: 0 0 15px 10px; padding: 0 }
ul.thumbnail li { margin: 5px; padding: 0; position: relative; float: left }
ul.thumbnail li a img    { border: solid 5px #39c }
ul.thumbnail li a:hover img  { border: solid 5px #3cf }
ul.thumbnail li img.new { display: block; position: absolute; z-index: 1; top: -3px; right: -3px; border: none }
/****Footer****/
#footer ul  { margin: 0; padding-top: 100px; padding-left: 25px }
#footer li   { color: #727d81; font-size: 0.6em; list-style-type: none; display: inline; margin-right: 15px }
#footer li a { color: #727d81; text-decoration: none }
#footer li a:hover { color: #c93; text-decoration: underline }
/****Main Text****/
#maintext p    { margin: 15px 0 10px; padding-right: 100px; padding-left: 25px }
/****Inline Nav****/
#iconNav ul
     { list-style-type: none; margin: 15px 25px 0 0; padding: 0; position: relative; float: right }
#iconNav ul li
      { display: block; margin: 0; padding: 0; position: relative; float: left }
#iconNav ul li a
             { font-size: 10px; font-variant: normal; text-decoration: none; background-color: transparent; background-repeat: no-repeat; background-position: 5px 50%; text-align: center; text-transform: uppercase; letter-spacing: 2px; display: block; margin: 0; padding: 0 5px 0 25px }
#iconNav ul li a:hover
   { color: #c93; text-decoration: underline }
#iconNav ul li.about a   { background-image: url("../images/icon_about.gif") }
#iconNav ul li.contact a { background-image: url("../images/icon_email.gif") }
#iconNav ul li.links a { background-image: url("../images/icon_links.gif") }
#iconNav ul li.respect a { background-image: url("../images/icon_respect.gif") }
/****Various Tags****/
h3 { color: #3cf; font-size: 0.8em; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; margin-top: 15px; margin-bottom: 5px; padding-right: 25px; padding-left: 25px }
h4 { color: #73858c; font-size: 0.8em; margin-top: 15px; margin-bottom: 5px; margin-left: 15px }
p   { color: #6b6b6b; font-size: 0.8em; line-height: 1.6em }
p strong { color: #39c }
a, a:link { color: #39c; text-decoration: none }
a:hover { color: #c93; text-decoration: underline }
a:visited  { color: #39c; text-decoration: none }
.icon_sm      { margin-right: 5px; margin-left: 15px; padding: 0; float: left }
a img  { text-decoration: none; border: 0 }
.clearboth  { margin: 0; padding: 0; clear: both }
.logo  { position: absolute; top: 200px; right: 125px; border: 0 }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix {display: inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
* html .clearfix{ height: 1px; }