body  { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0; padding: 0 }
p {}

.hiddenstructure  { visibility: hidden; display: none }
div.clear  { width: 100%; height: 1px; clear: both }
hr  { display: none }

#sitecontent   { margin: 2em auto; padding: 0; width: 670px; border: solid 1px #ccc; display:block; }

#dougmasthead   { background-image: url(images/DWgraphic_top.gif); background-repeat: no-repeat; background-position: 445px 10px; margin: 15px; padding: 0; width: 640px; height: 60px; border: solid 1px #ccc }
#dougmasthead h1   { font-size: 100%; margin: 10px 0 0 20px; padding: 0; width: 201px; height: 46px }
#dougmasthead h1 a   { text-decoration: none; background-image: url(images/DWlogo_top.gif); background-repeat: no-repeat; display: block; width: 201px; height: 46px }

ul#mainmenu     { background-image: url(images/menu_background.gif); background-repeat: repeat-y; margin: 0 15px 15px; padding: 0.3em }
ul#mainmenu li  { display: inline; margin: 0; padding: 0 }
ul#mainmenu li a    { color: #fff; font-size: 80%; text-decoration: none; margin: 0; padding: 0 0.5em }
ul#mainmenu li a:hover    { color: #666 }
ul#mainmenu li a:active  {}





ul.submenu   { margin: 0; padding: 0; height: 1.35em; border: solid 1px #ccc }
ul.submenu li  { display: inline }
ul.submenu li a    { color: #666; font-size: 80%; text-decoration: none; text-transform: lowercase; display: block; margin: 0; padding: 0.4em 0.5em 0.1em; height: 1.2em; float: left }
ul.submenu li a:hover   { color: #333333; background-color: #eeeeee }
ul.submenu li a:active {}


#pagecontent    { display: block; margin: 0 15px 15px; padding: 1em; border: solid 1px #ccc }

#pagecontent h2, #imagearray h2    { color: #999; font-size: 100%; font-weight: normal; margin: 15px 0; padding: 0; border-bottom: 1px dotted #ccc }
#pagecontent h3  { color: #f89d34; font-size: 85%; font-weight: normal; margin: 0.75em 0 0; padding: 0 }

#pagecontent p, #pagecontent ul.inline li   { color: #999; font-size: 75%; margin: 0 0 0.5em; padding: 0 }
#pagecontent span.client {}
#pagecontent span.projectname  { font-style: italic; font-weight: bold }
#pagecontent span.projectype {}
#pagecontent span.duration {}

#pagecontent p a, #pagecontent ul.inline li a  { color: #f89d34; text-decoration: none }
#pagecontent p a:hover, #pagecontent ul li a:hover  { text-decoration: underline }
p.frontpageblurb   { margin: 0; padding: 0 }
img.bigimage   { margin: 0 1em 0 0; padding: 0; width: 315px; height: 185px; float: left; border: solid 2px #333 }

#showreelbox     { display: block; margin: 0 15px 15px; padding: 0; height: 400px; border: solid 1px #ccc }
#showreelbox h2  { color: #999; font-size: 100%; font-weight: normal; margin: 15px; padding: 0; border-bottom: 1px dotted #ccc }
#showreelbox object.movie, #showreelbox img   { margin: 0 15px 15px; padding: 0; float: left }
#showreelbox p   { color: #999; font-size: 75%; margin: 15px 0 0; padding: 0 }
#showreelbox a  { color: #f89d34; text-decoration: none }
#showreelbox a:hover { text-decoration: underline; width: 250px }
#showreelbox ul   { font-size: 75%; margin: 15px 0 0; padding: 0 }
#showreelbox ul li  { display: block; margin: 0; padding: 0.3em }


#imagearray    { margin: 15px 0 0 15px; padding: 0 }
#imagearray ul   { margin: 0 0 15px; padding: 0; width: 660px }
#imagearray ul li  { display: inline; margin: 0; padding: 0 }
#imagearray ul li.column1 {}
#imagearray ul li.column2 {}
#imagearray ul li.column3 {}
#imagearray ul li.column4 {}
#imagearray ul li.column5 {}
#imagearray img  { margin: 0 0.1em 0 0; padding: 0 }




#dougfooter    { margin: 0 15px 15px; padding: 1em; border: solid 1px #ccc }
#dougfooter p  { color: #999; font-size: 70%; margin: 0; padding: 0 }

p.footeremail  { float: left }
p.footerphone  { float: left }
p.footercopyright  { text-align: right }
p.footercredit  { text-align: right }

#dougfooter a  { color: #ccc; text-decoration: underline }
#dougfooter a:hover  { color: #666 }

#dougfooter span.label  { color: #f89d34 }