body { background: #000; color: #eee; margin: 0; padding: 0; font-family: Verdana, Tahoma, sans-serif; font-size: 0.75em; /* sets default to 12px */ }
#container { margin: 30px 0 0 15px; }

#header { width: 740px; height: 40px; float: left;}
h1 a { width: 98px; height: 10px; float: left; margin-left: 112px; background: url(/img/icn/logo.gif) 0 0 no-repeat; overflow: hidden; text-indent: -5000px;}

#pagebody { width: 750px; float: left; margin: 30px 0 0 0; clear: left; padding-bottom: 30px;}
#leftcol { float: left; width: 210px; text-align: right;}
#thumbs { width: 70px; float: left; margin-left: 20px;}
#gallery { width: 420px !important; float: right; margin-right: 10px;}
#content { width: 530px; float: left; margin-left: 220px;}
.projects #content { margin-left: 10px;}
.col { width: 245px; float: left; margin: 0 10px 20px 10px;}
.col2 { width: 510px;}
.col img { float: left; margin: 0 20px 10px 0;}

body.home { background: #000 url(/img/icn/home_splash.gif);}
.home #container { margin: 0;}
.home #header, .home #pagebody { background: #000; width: 210px; padding: 0 20px 0 15px;}
.home #header { padding-top: 30px; height: 65px;}
.home #pagebody { background: #000; height: 1000px; top: 95px; left: 0; margin: 0; position: absolute;}
.home #main_nav { position: relative; width: 61px; top: 160px; left: 126px; z-index: 100;}
.home #main_nav li { margin-bottom: 3px;}
.home #main_nav li a { width: 65px;}
.holding #main_nav { display: none;}

/* Menus */
ul, li { padding: 0; margin: 0; list-style: none; }
img { border: 0;}

#main_nav { width: 400px; height: 12px; float: left; margin: 0 0 0 20px;}
#main_nav li { float: left;}
#main_nav li a { height: 12px; float: left; margin-right: 20px; background-position: 0 0; background-repeat: no-repeat; text-indent: -5000px; overflow: hidden;}
.home #home a, .projects #projects a, .studio #studio a, .contact #contact a,
#main_nav li a:hover { background-position: 0 -12px;}

#projects a { background-image: url(/img/icn/nav_projects.gif); width: 57px; }
#probono a { background-image: url(/img/icn/nav_probono.gif); width: 65px;}
#studio a { background-image: url(/img/icn/nav_studio.gif); width: 45px;}
#awards a { background-image: url(/img/icn/nav_awards.gif); width: 51px;}
#contact a { background-image: url(/img/icn/nav_contact.gif); width: 57px;}

.home #projects a { background-image: url(/img/icn/nav_hm_projects.gif);}
.home #probono a { background-image: url(/img/icn/nav_hm_probono.gif);}
.home #studio a { background-image: url(/img/icn/nav_hm_studio.gif);}
.home #awards a { background-image: url(/img/icn/nav_hm_awards.gif);}
.home #contact a { background-image: url(/img/icn/nav_hm_contact.gif);}

#project_nav a, #project_nav a:visited { text-decoration: none;}
#project_nav { margin-top: 28px; }
.overview #project_nav { margin: 0;}
#overview #project_nav { margin-top: 0; }
#project_nav ul { margin: 0; padding: 0;}
#project_nav li li a { color: #aaa; font-size: 0.8333em; line-height: 1.33em;}
#project_nav li a.active { color: #333;}
#leftcol #project_nav h3 { margin: 0; color: #eee; font-size: 1em; line-height: 1.33em;}
#project_nav ul li a:hover { color: #999; }
#project_nav ul li li a:hover { color: #fff; }
#project_nav em { color: #aaa; font-style: normal;}

#thumbs ul li { float: left; margin-bottom: 7px;}
#thumbs ul li a { width: 70px; height: 70px; float: left; overflow: hidden; position: relative;}
#thumbs ul li a img { width: 70px; height: 140px; top: -70px; left: 0; position: absolute; border: 0;}
#thumbs ul li a:hover img { padding-top: 70px;}

#fancybox-title { display: none !important;}

#overview { width: 465px; float: left; margin-left: 20px;}
#overview li { width: 140px; height: 140px; float: left;  margin: 0 15px 15px 0; position: relative;}
#overview img { width: 140px; height: 140px; position: absolute; top: 0; left: 0; border: 0;}
.hover { cursor: pointer;}

.awards { margin-bottom: 30px; }
.awards dt { margin-top: 10px; font-size: 0.92em; font-weight: normal;}
.awards dt a { color: #666; }
.awards dt a:hover { color: #fff;}
.awards dd { margin: 0; padding: 0;}
.awards dd + dd { margin-top: 0.5em;}
.awards li, .awards dd { font-size: 0.92em; line-height: 1.25em;}
.awards li { margin-bottom: 1em;}
.press li { margin: 0;}

#text_pages, #text_pages div { width: 210px; float: left;}
#page_links, #page_links a { color: #666;}
#page_links a:hover { color: #fff;}

/* Typography */
a:link, a:visited { color: #fff; text-decoration: none; }
a:hover { color: #666;}

h2 { font-size: 1em; font-weight: normal; margin-top: 0; }
#leftcol h3, h4 { font-size: 0.92em; font-weight: normal; line-height: 1.25em; color: #666; margin: 0;}
h4 { color: #fff; margin-top: 5px;}
.contact h4 { color: #666;}
#content h3 { color: #666; font-size: 1.083em; font-weight: normal; margin: 0 0 0.5em 0;}
#content h3 strong { font-weight: normal; text-transform: uppercase;}
.contact h2, .awards h2 { font-size: 1.17em; font-weight: normal;}
.contact h2 { margin-bottom: 0;}
.contact #content h3 { color: #fff; font-size: 1em; margin-bottom: 1em;}

p { font-size: 0.92em; line-height: 1.25em; margin-top: 0;}
#singlecol h2 { font-size: 1.17em; font-weight: normal; margin: 0 0 28px 0;}
strong { font-weight: bold;}