body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; color: white; overflow: hidden; }
img { border: none; }
#menu { position: absolute; width: 200px; height: 100%; border-right: 1px solid #444; background: #222; }
#menu #logo { position: absolute; top: 60px; left: 30px; }

#menu #menuitems { padding: 120px 0 0 0; left: 0px; width: 100%; }

#menu #menuitems ul { margin: 0; padding: 0;  }
#menu #menuitems li { margin: 0; padding: 0; list-style: none; }

#menu #menuitems a { padding: 3px 0 3px 30px; color: #333; text-transform: uppercase; text-decoration: none; font-family: arial; font-size: 14px; display: block; background: #111; color: white; margin: 0 0 2px 0;  }
#menu #menuitems a:hover { background: #ddd; color: black; }

#menu #social { margin: 30px 0 0 0;  }
#menu #social h1 {  font-family: arial; font-weight: bold; font-size: 13px; padding: 20px 0 0 30px; color: #aaa; }

#menu #social ul { margin: 0; padding: 0;  }
#menu #social li { margin: 0; padding: 0;  }

#menu #social a {  padding: 3px 0 3px 30px; color: #333; text-transform: uppercase; text-decoration: none; font-family: arial; font-size: 14px; display: block; background: #111; color: white; margin: 0 0 2px 0;}
#menu #social a:hover { background: #ddd; color: black;  }

#sectionmenu { position: absolute; width: 220px; height: 100%; left: 201px; border-right: 5px solid #444; background: }
#sectionmenu h1 { font-size: 18px; font-family: arial; margin: 60px 0 20px 0; padding: 0 0 0 30px; text-transform: uppercase; }
#sectionmenu ul { position: absolute; top: 120px;  margin: 0; padding: 0; width: 100%;  }
#sectionmenu li { margin: 0; padding: 0; list-style: none; }

#sectionmenu a {  padding: 3px 0 3px 30px;  text-transform: uppercase; text-decoration: none; font-family: arial; font-size: 14px; display: block; background: #222;  color: white; margin: 0 0 2px 0; }
#sectionmenu a:hover {background: #ddd; color: black;  }

#sectionmenu .address { position: absolute; top: 120px; border-top: 1px dotted #777; width: 100%;  }
#sectionmenu .address p { font-family: arial; font-size: 13px; padding: 0 0 0 30px; }
#sectionmenu .address ul { margin: 0 0 10px 0; border: none; position: relative; top: 0px;}
#sectionmenu .address a {  padding: 3px 0 3px 0px;  text-transform: uppercase; text-decoration: none; font-family: arial; font-size: 14px; display: inline-block; background: #222;  color: white; margin: 0 0 2px 0; }

#content { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 422px; background: #222; overflow: auto; font-family: arial; font-size: 12px;  }
#content.full { left: 201px; }
#content h1 { text-transform: uppercase; font-size: 18px; font-family: arial; margin: 60px 0 0px 0; padding: 0 0 0 30px; }
#content .meta { margin: 3px 0 0 0; padding: 0 0 0 30px; color: #aaa; }
#content h2 { padding: 3px 0 3px 30px; color: #aaa; background: #111; text-transform: uppercase;  font-weight: normal; font-family: arial; font-size: 14px;   clear: both; }
#content a { color: white; }
#content #images { position: absolute; top: 108px; width: 100%; }

#content .address { float: left; padding: 0 0 0 30px; height: 150px; }

#content .image { float: left; margin: 10px; width: 158px; height: 250px; cursor: pointer;  }
#content .image * { margin: 0; padding: 0; }
#content .image img { border: 4px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content .image .name {  font-family: arial; font-weight: bold; font-size: 13px; }
#content .image .keywords { color: #777; margin: 3px 0 0 0; }

#content .imageactive { float: left; margin: 10px; width: 158px; height: 250px; cursor: pointer; background: #111; }
#content .imageactive * { margin: 0; padding: 0; }
#content .imageactive img { border: 4px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content .imageactive .name {  font-family: arial; font-weight: bold;font-size: 13px; }
#content .imageactive .keywords { color: #777; margin: 3px 0 0 0; }

#content .editorial { float: left; margin: 10px; width: 204px; height: 370px; cursor: pointer;  }
#content .editorial * { margin: 0; padding: 0; }
#content .editorial img { border: 2px solid #aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content .editorial .name { font-family: arial; font-weight: bold; font-size: 13px; }
#content .editorial .keywords { color: #777; margin: 3px 0 0 0; }

#content .editorialactive { float: left; margin: 10px; width: 204px; height: 370px; cursor: pointer; background: #ffffaa; }
#content .editorialactive * { margin: 0; padding: 0; }
#content .editorialactive img { border: 2px solid #aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content .editorialactive .name { font-family: arial; font-weight: bold; font-size: 13px; }
#content .editorialactive .keywords { color: #777; margin: 3px 0 0 0; }

#imagedetails { position: absolute; z-index: 1; left: 40px; right: 40px; bottom: 40px; top: 40px; border: 3px solid #555; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px;  box-shadow: 10px 10px 5px #888; display: none;  background: black url(/images/ajax-loader.gif) no-repeat center center; }
#imagedetails #imagebox { position: absolute; left: 0px; right: 251px; top: 0px; bottom: 0px;   }

#imagedetails #previous { position: absolute; top: 0px; left: 0px; width: 50px; height: 100%; background: transparent url(/images/arrowl.png) no-repeat center center;  z-index: 100; cursor: pointer; }
#imagedetails #next { position: absolute; top: 0px; right: 250px; width: 50px; height: 100%; background: transparent url(/images/arrowr.png) no-repeat center center;  z-index: 100; cursor: pointer; }


#imagedetails #info { position: absolute; right: 0px; top: 0px; bottom: 0px; border-left: 1px solid #333; width: 250px; overflow: auto; font-size: 13px; font-family: arial; background: black;  }
#imagedetails #info * { margin: 0; padding: 0; }

#imagedetails #info .name { font-family: arial; font-weight: bold; font-size: 15px; padding: 30px 0 0 30px; }
#imagedetails #info .collection { color: #777; margin: 3px 0 0 0; font-size: 12px; padding: 0 0 0 30px; }

#imagedetails #info .meta { margin: 10px 0 10px 0; padding: 0 20px 0 30px; font-family: arial; font-size: 12px; color: #777;  }
#imagedetails #info h2 { margin: 20px 0 10px 0; padding: 3px 0 3px 30px; color: #aaa; text-transform: uppercase;  font-weight: normal; font-family: arial; font-size: 12px;  border-top: 2px solid #333;  }

#imagedetails #info .product { padding: 0 0 0 30px; margin: 0 0 15px 0; }

#imagedetails #info li { list-style: none; padding: 3px 0 3px 30px; background: transparent url(/images/download.png) no-repeat 15px 6px; }
#imagedetails #info a { color: white; }

#closebtn { position: absolute; z-index: 2; background: #000; padding: 5px; top: 35px; right: 65px; font-family: Helvetica; color: white; font-size: 20px; font-weight: normal;  cursor: pointer; display: none; border: 3px solid #444; }


#doccontainer { position: relative; padding: 20px; }
#doccontainer table { position: relative; border-style: none;   }
#doccontainer table * { position: relative; vertical-align: middle;  margin:  0; }
#doccontainer td.edit { position: relative; }
#doccontainer p.edit { position: relative; border: 1px solid #aaa; background: #FFFFAA; padding: 2px; cursor: text;  }
#doccontainer img { border: 1px solid #eee; cursor: pointer; }

#formdiv { text-align: left; padding: 0 180px 0 0; position: relative; border-top: 1px solid black; margin: 40px 0 0 0; padding: 20px 0 0 0;  } 
#formdiv input { width: 200px; }
#formdiv input.text { background: #ffffdd; color: black; font-weight: bold; border: 1px solid #666; font-size: 14px; padding: 5px;  margin: 2px 0 0 0;}
#formdiv input.submit { margin: 10px 0 0 0; padding: 3px; }
#formdiv label { display: inline-block; width: 100px; text-align: left; }
#formdiv textarea { position: absolute; top: 0px; visibility: hidden; }
#formdiv #demail { position: absolute; top: 0px; left: 350px; }
#formdiv p { margin: 0px; padding: 0px; line-height: 30px; }
#formdiv #validate { position: absolute; left: 305px; width: 490px; height: 61px; background: transparent url(/images/excelcheck3.gif) no-repeat top left; top: 20px; display: none; }