body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body {font:13px/1.5 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

body { background: #000 url(/images/cityscape-bg.jpg) top center no-repeat; color: #fff; text-align: center;   }

/* big pieces */
.main { width: 960px; margin: 0 auto 0 auto; text-align: left; position: relative;}
.main .header { position: absolute; top: 0px; left: 0px; width: 960px; height: 140px; }
.main .bodyContent { position: relative; top: 140px; left: 0;}
.main .snark { position: absolute; top: 38px; right: 0; }
.clr { margin: 0; padding: 0; height: 1px; font-size: 0; line-height: 0; clear: both; float: none; }
/* navigation */
.main .header .nav { background: #000 url(/images/topBar-h.gif) repeat-x; height: 41px;  display: block; position: relative; width: 960px;}
.nav ul li { display: block; font-size: 14px; line-height: 14px; display: block; float: left;  }
.nav ul li a:link, 
.nav ul li a:visited, 
.nav ul li a:active{ 	font-weight: normal;  text-decoration: none; color: #ddd; padding: 15px 0px 12px 0px; 
								margin: 0 20px 0 20px;  display: block; }
.nav ul li a:hover { background: url(/images/navHoverBg.gif) bottom repeat-x; color: #fff;}
.nav ul li a:active, 
.nav ul li a.active { background: url(/images/navActiveBg.gif) bottom repeat-x; }
.nav .l { 	position: absolute; top: 0; left: 0; background: url(/images/topBar-l.gif) top left no-repeat; z-index: 10;
					width: 16px; height: 41px;  }
.nav .r { 	position: absolute; top: 0; right: 0; background: url(/images/topBar-r.gif) top right no-repeat; z-index: 10; 
					height: 41px; width: 11px; }

/* bodyContent */
.bodyContent { width: 925px; padding: 0 15px 40px 20px; }
.bodyContent h1 { font-size:20px; color: #d99a56; margin-bottom: 14px;}
.bodyContent h2 { font-size:15px; color: #d99a56; margin-top: 10px; margin-bottom: 4px; font-weight: bold;  padding-left: 20px; 
						background: url(/images/h2Bullet.gif) top left no-repeat; }
.bodyContent .rw { width: 587px; float: left; margin-right: 30px; padding-bottom: 40px;}
.bodyContent .oi { font-size: 12px; line-height: 18px; width: 305px; float: left;  }
.bodyContent a:link, .bodyContent a:visited  { color: #7fc4da; text-decoration: underline; }
.bodyContent a:hover { color: #c99154; text-decoration: underline; }
.bodyContent strong { font-weight: bold; }
.bodyContent em { font-style: italic; }
.bodyContent p { margin-top: 5px; margin-bottom: 15px; }
.bodyContent ol { margin: 5px 25px 10px 25px; }
.bodyContent ol li { list-style: inside decimal; }

/* recent work feature */
#recentWork li { margin-bottom: 14px; }
#recentWork li a.trigger { text-decoration: none; color: #ddd; font-weight: bold; font-size: 14px; display: block; padding: 0 0 1px 22px; width: 565px; }
#recentWork li a:link.trigger, 
#recentWork li a:visited { background: url(/images/arrowClosed.gif) top  left no-repeat; }
#recentWork li a:hover.trigger { background: url(/images/arrowHover.gif) top left no-repeat; color: #fff; }
#recentWork li a:active.trigger,
#recentWork li.opened a.trigger { background: url(/images/arrowOpen.gif) top left no-repeat; color: #ddd; }

#recentWork .stage { width: 587px; background: url(/images/stage.jpg) no-repeat top left; position: relative; margin: 5px 0 5px 0; }
.stage .page { width: 587px; height: 295px; background: url(/images/stage.jpg) no-repeat top left; display: block; position: relative; }
.page h2 { width: 357px; height: 274px; position: absolute; top: 20px; left: 20px; text-align: center; }
.page div.content { position: absolute; top: 40px; right: 20px; width: 170px; font-size: 13px/1.22; }

.stage .stageControls { position: absolute; width: 587px; top: 267px; left: 0px; text-align: center;  z-index: 10; }

/* other info */
.oi div.section { margin-bottom: 40px; }
.oi div.section table { margin: 5px 0 5px 0; }
.oi div.section table tr td { vertical-align: top; padding: 2px 10px 2px 0; }
.oi div.section table tr td:first-child { font-weight: bold; white-space: nowrap;}
.contentCol { width: 290px; }

/* photos */
#gallery a { display: block; float: left; padding: 5px; width: 100px; height: 100px; }

/* links */
ul.links li { padding: 5px 0 15px 0px; }
ul.links li a,
ul.links li a:link { text-decoration: none !important; }


#recentWork h2 { background: none; margin: 0; padding: 0; }

.storytitle { font-size: 20px; font-weight: bold; }
.post { border-bottom: 1px #7fc4da solid; padding-bottom: 10px; margin-bottom: 15px; }
.post h3 { font-size: 20px; }