.legacy { color: #c00; background-color: #eee; border: 1px solid #ccc; padding: 1em; margin-bottom: 1em; }
@media all {
/*
palette
web #036
print #393
identity #f90
*/

/* Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a, a:visited { color: #666; text-decoration: none;  }
a:hover { color: #999; }
.clear { clear: both; height: 0; line-height: 0; }
#content p, #content ul { margin-bottom: 1em; }
#content { line-height: 1.4em; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 25px 0; font: 70% arial,verdana,sans-serif; color: #666; background: url(../images/bg.gif) top left no-repeat #fff; }
body#pageWeb { background-image: url(../images/bg-web.gif); }
body#pagePrint { background-image: url(../images/bg-print.gif); }
body#pageIdentity { background-image: url(../images/bg-identity.gif); }
#wrapper { width: 901px; margin: 0; min-height: 585px; height: auto; }
textarea, input, select { font: 1em Arial, Helvetica, sans-serif; color: #666; }
/** html #wrapper { height: 585px; }*/

/* Headings,text
================================================================*/
ul, li { list-style: none; }

/* Structure
================================================================*/
#branding { position: relative; width: 385px; height: 118px; margin-left: 321px; }

#contact { position: absolute; top: 0; right: 1px; /*width: 95px;*/ }
/*font-size keeps ie6 happy*/
#contact h3 { text-indent: -999em; float: right; display: inline; width: 76px; height: 10px; margin-bottom: 1px; background: url(../images/contact.gif) top left no-repeat; font-size: 1em; }
#contact a { clear: right; float: right; margin-right: 2px; padding: 0 1px 1px; letter-spacing: 1px; }
#contact a:hover { background-color: #666; color: #fff; }
/*fotn size keeps ie6 happy*/
#navHome { text-indent: -999em; position: absolute; top: 25px; left: 43px; width: 50px; height: 10px; background: url(../images/home.gif) top left no-repeat; outline: none; font-size: 8px; }
a#navHome:hover { background-position: bottom left; }

#nav { position: absolute; top: 91px; left: 0; }
#nav li { float: left; display: inline; height: 20px; margin-right: 7px; background: url(../images/divider.gif) top right no-repeat; }
#nav li.last { margin-right: 0; background: none; }
#nav li a { outline: none; text-indent: -999em; display: block; height: 18px; margin-right: 32px; background: top left no-repeat; }
#nav li.last a { margin-right: 0; }
#nav li a:hover, #pageHome #nav li a:hover, #pageWeb #nav li#navWeb a, #pagePrint #nav li#navPrint a, #pageIdentity #nav li#navIdentity a { background-position: center left; }
#pageHome #nav li a { background-position: bottom left; }

#nav li#navWeb a { width: 43px; background-image:url(../images/web.gif); }
#nav li#navPrint a { width: 77px; background-image:url(../images/print.gif); }
#nav li#navIdentity a { width: 125px; background-image:url(../images/identity.gif); }

#nav li a.inactive, #pageIndentity #nav li#navIdentity a.inactive, #pageWeb #nav li#navWeb a.inactive, #pagePrint #nav li#navPrint a.inactive { background-position: top left !important; }

#main { clear: both; }

#subnav, #content, #sidebar { float: left; display: inline; }

#subnav { width: 186px; margin: 127px 0 0 10px; }
/*font-size keeps ie6 happy*/
#subnav h2 { /*text-indent: -999em; font-size: 1em; width: 86px; height: 13px;  background: url(../images/client.gif) top left no-repeat;*/ margin: 0 0 5px 66px; font: 1.5em bold futura,"trebuchet ms",helvetica,sans-serif; text-transform: uppercase; letter-spacing: 1px; }
#subnav ul { border-top: 1px dashed #ccc; }
#subnav li { border-bottom: 1px dashed #ccc; line-height: 21px; }
#subnav li a { display: block; width: 156px; padding-right: 30px; text-align: right; color: #036; text-transform: uppercase; }
#subnav li a:visited { color: #036; }
#pagePrint #subnav li a, #pagePrint #subnav li a:visited, .sectionAdmin #subnav li a, .sectionAdmin #subnav li a:visited { color: #393; }
#pageIdentity #subnav li a, #pageIdentity #subnav li a:visited { color: #f90; }
#pageWeb #subnav li a:hover { background-color: #036; color: #fff; }
#pagePrint #subnav li a:hover, .sectionAdmin #subnav li a:hover, #pageProjects #subnav li#subnavProjects a:hover, #pagePictures #subnav li#subnavPictures a:hover, #pageClients #subnav li#subnavClients a:hover, #pagePages #subnav li#subnavPages a:hover { background-color: #393; color: #fff; }
#pageIdentity #subnav li a:hover { background-color: #f90; color: #fff; }
#subnav li.more a { text-transform: none; }
#subnav li.current a, #pageProjects #subnav li#subnavProjects a, #pageClients #subnav li#subnavClients a, #pagePictures #subnav li#subnavPictures a, #pagePages #subnav li#subnavPages a { background: url(../images/client-active.gif) 166px 6px no-repeat; }
#subnav li.current a:hover, #pageProjects #subnav li#subnavProjects a:hover, #pageClients #subnav li#subnavClients a:hover, #pagePictures #subnav li#subnavPictures a:hover, #pagePages #subnav li#subnavPages a:hover { background-image: none; }

#subnav li ul { display: none; }
#subnav li.current li a { text-transform: none; background: none; }
#subnav li li { border: 0; line-height: 18px; }
#subnav li.current ul { display: block; }
#subnav li li.currentsub { font-weight: bold; }

#content { overflow: hidden; width: 500px; height: 375px; background-color: #fff; border: 1px dashed #999; }
#pageHome #content, #pageLogin #content { /*float: none; display: block;*/ margin-left: 196px; }

#sidebar { width: 175px; margin: 72px 0 0 15px; font-style: italic; line-height: 1.3em; letter-spacing: 1px; }
 
#footer { clear: both; float: left; display: inline; width: 461px; margin: 0 0 0 235px; }
h1 { margin: 16px 0 0; font-size: 1.1em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; background-color: #fff; }
#details { font-size: 0.95em; background-color: #fff; }
#details li { padding-top: 0.3em; }
#details a { padding: 1px; }
#details li, #details a, #details a:visited { color: #036; }
#pagePrint #details li, #pagePrint #details a, #pagePrint #details a:visited { color: #393; }
#pageIdentity #details li, #pageIdentity #details a, #pageIdentity #details a:visited { color: #f90; }
#details li a:hover { background-color: #036; color: #fff; }
#pagePrint #details li a:hover { background-color: #393; color: #fff; }
#pageIdentity #details li a:hover { background-color: #f90; color: #fff; }

#paging { float: right; }
#paging li { float: left; margin-right: 7px; background: url(../images/page-divider.gif) right 20px no-repeat; }
#paging li.last { margin-right: 0; background: none; }
#paging a { display: block; margin-right: 16px; padding-top: 17px; }
#paging li.current a, #paging li a.active, #paging a:hover { background: url(../images/page-active.gif) top center no-repeat; }
#paging li a.inactive, #paging li.current a.inactive { background-image: none !important; } 

#pageWeb #paging li.current a, #pageWeb #paging a:hover { color: #036; }
#pagePrint #paging li.current a, #pagePrint #paging a:hover { color: #393; }
#pageIdentity #paging li.current a, #pageIdentity #paging a:hover { color: #f90; }

/* Special cases
================================================================*/

#content div { position: relative; } 
#content div p.caption { position: absolute; width: 490px; bottom: 0; left: 0; height: 25px; margin: 0; padding: 0 5px; line-height: 24px; color: #fff; text-align: right; background: url(../images/caption.png) bottom left no-repeat; letter-spacing: 1px; font-weight: normal; font-size: 1em; }
* html #content div p.caption { width: 500px; w\idth: 490px; }

p.error { margin: 1em; font-size: 1.1em; }

}