@import url(blankcanvas.css);

* { font-family: arial, verdana; }
body { background: url(../images/bg.png) no-repeat -11em -8em #000000; color: #FFFFFF; width: 61em; position: relative; margin: 0 auto; }

#accessibility { position: absolute; top: 0em; left: 0em; text-indent: -9999px; }
#skip_content a { display: block; width: 12em; height: 6.3em; background: url(../images/cone-sm.png) no-repeat left; }
#skip_content { display: block; width: 12em; height: 6.3em; position: absolute; left: -3em; top: 1em; background: url(../images/cone-sm-mo.png) no-repeat left; }
#skip_content a:hover { background: none; }

h1 a { float: left; width: 61em; height: 8.5em; background: url(../images/logo.png) no-repeat 1em 0.5em; text-indent: -9999px; }
h2 { font-size: 1em; letter-spacing: -0.05em; color: #FFFFFF; margin-bottom: 0.5em; }
h2 span { color: #555555; }

#description { position: absolute; text-indent: -9999px; top: 0em; left: 0em; }
#contact { position: absolute; top: 8.7em; left: 5.5em; font-size: 0.7em; letter-spacing: 0.2em; color: #696969; text-transform: lowercase; }
#contact a { text-decoration: none; color: #999999; }
#contact a:hover { border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; }

#navigation { float: left; width: 53em; font-size: 0.9em; }
#navigation li { display: block; float: left; padding-bottom: 0.065em; }
#navigation li a { display: block; font-size: 0.8em; background: url(../images/navbg.gif) repeat-x top #f74b00; border-bottom: 2px solid #f74b00; padding: 1em; padding-left: 1.5em; padding-right: 1.5em; color: #FFFFFF; text-decoration: none; text-transform: lowercase; letter-spacing: 0.1em; }
#navigation li a:hover { background: url(../images/navbg50.gif) repeat-x top #c83d00; }
#navigation li.current a { background: url(../images/navbg50.gif) repeat-x top #c83d00; }
#navigation li.cv a { background: none; }
#navigation li.cv a:hover { color: #696969; }



#content { float: left; padding-top: 2em; padding-bottom: 2em; padding-right: 1em; padding-left: 0.5em; border: 1px solid #696969; border-left: none; border-top: 2px solid #696969;; width: 45.45em; }

#content li { font-size: 0.7em; letter-spacing: 0.1em; margin-bottom: 1em; padding-left: 2em; background: url(../images/list2.gif) no-repeat left; }

#content #media_gallery li { background: none; padding: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; float: left; border-top: 2px solid #696969; border: 1px solid #696969; }
#content #media_gallery li.portrait { clear: left; }

#content a { color: #FFFFFF; text-decoration: none; color: #FFFFFF; }
#content a:hover { border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; }
#content p { margin-bottom: 1em; font-size: 0.8em; line-height: 1.2em; }

#content p.email { display: block; padding: 1.5em; padding-left: 6em; background: url(../images/icon-at.png) no-repeat left; }
#content p.phone { display: block; padding: 1.5em; padding-left: 6em; background: url(../images/icon-phone.png) no-repeat left; }

#gallery li { float: left; width: 11.9em; height: 7em; padding: 0.5em; margin-left: 1em; text-indent: -9999px; }
#gallery a { display: block; width: 11.95em; height: 7em; }

#gallery #gallery1 { border-top: 2px solid #696969; border-left: 1px solid #696969;  }
#gallery #gallery2 { border-top: 1px solid #696969; border-right: 1px solid #696969; border-bottom: 1px solid #696969; }

#gallery #gallery4 { border-top: 2px solid #696969; border-left: 1px solid #696969;  }
#gallery #gallery5 { border-top: 1px solid #696969; border-right: 1px solid #696969; border-bottom: 1px solid #696969; }

#gallery #gallery6 { border-top: 1px solid #696969; border-right: 1px solid #696969; border-bottom: 1px solid #696969; }
#gallery #gallery7 { border-left: 1px solid #696969; border-bottom: 1px solid #696969; }

#gallery #gallery8 { border-right: 1px solid #696969; border-bottom: 1px solid #696969; }


#gallery #gallery1 a { background: url(../images/gallery1.jpg) no-repeat; }
#gallery #gallery2 a { background: url(../images/gallery2.jpg) no-repeat; }

#gallery #gallery4 a { background: url(../images/gallery4.jpg) no-repeat; }
#gallery #gallery5 a { background: url(../images/gallery5.jpg) no-repeat; }

#gallery #gallery6 a { background: url(../images/gallery6.jpg) no-repeat; }
#gallery #gallery7 a { background: url(../images/gallery7.jpg) no-repeat; }

#gallery #gallery8 a { background: url(../images/gallery8.jpg) no-repeat; }


#gallery #gallery3 { height: auto; margin-right: 0.05em; width: 8.34em; border-bottom: 1px solid #696969; border-left: 1px solid #696969; padding: 0em; padding: 0.065em; }
#gallery #gallery3 a { text-indent: 0px; font-size: 0.65em; padding: 0.5em; height: 1em; background: url(../images/navbw50.gif) repeat-x top #f74b00; text-decoration: none; color: #FFFFFF; }
#gallery #gallery3 a:hover { background: url(../images/navbw.gif) repeat-x top #c83d00; }
#gallery #gallery3 span { display: block; position: absolute; text-indent: -9999px; top: 0em; }

#additional_content { float: left; font-size: 0.65em; letter-spacing: 0.1em; padding: 1em; border-left: 1px solid #696969; border-bottom: 1px solid #696969; width: 91.79em; }
#additional_content a { text-decoration: none; color: #999999; }
#additional_content a:hover { border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; }

#additional_accessibility { float: right; border-right: 1px solid #696969; padding: 1em; background: url(../images/list.gif) no-repeat left; font-size: 0.65em; border-bottom: 1px solid #696969; padding-left: 15em; }
#additional_accessibility a { text-decoration: none; color: #999999; }
#additional_accessibility a:hover { border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; }