#frontBody, #iframeBody { font-size: 75%; font-family: arial, helvetica, sans-serif; margin: 0px; color: #505153; }
#frontBody { text-align: center; background: url(../images/registration.gif) 5px 6px repeat; }

#tentacle-design { _width: 994px; width: 974px; padding:10px; background-color: #ffffff; margin: 12px auto; text-align: left; height: auto !important; height: 600px; min-height: 600px; padding-bottom: 50px; }

#frontBody h1, #iframeBody h1, .fusionH1 { font-family: arial, helvetica, sans-serif; font-size:150%; line-height: 150%; font-weight: bold; clear: both; }
#frontBody h1, #iframeBody h1 { margin: 0px; }
#frontBody h2, #iframeBody h2, .fusionH2 { font-family: arial, helvetica, sans-serif; font-size: 140% !important; line-height: 140%; font-weight: bold; color: #444444; }
#frontBody h3, #iframeBody h3, .fusionH3 { font-family: arial, helvetica, sans-serif; font-size: 125% !important; line-height: 140%; margin-bottom: 5px; font-weight: bold; }
#frontBody h4, #iframeBody h4, .fusionH4 { font-family: arial, helvetica, sans-serif; font-size: 120% !important; font-weight: bold; margin-bottom: 0px; }
#frontBody h5, #iframeBody h5, .fusionH5 { font-family: arial, helvetica, sans-serif; font-size: 100% !important; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }

h1.title { position: relative; left: 5px; display: inline; background-color: #818386; padding: 2px 25px 2px 5px; color: #ffffff; }

img { border: 0px; }
input, textarea, select { font-size: 1em; font-family: arial, helvetica, sans-serif; }

label { display: block; float: left; width: 170px; margin-right: 5px; height: 26px; clear: left; }
.element { float: left; width: 270px; height: auto !important; height: 26px; min-height: 26px; }
.highlight { background-color: #f9d419; line-height: 20px; }
.highlight-arrow { background: #f9d419 url(../images/highlight-arrow.gif) 5px 4px no-repeat; line-height: 20px; padding-left: 22px !important; }

#head { position: relative; height: 92px; margin-bottom: 6px; }
#head img, #head ul { position: absolute; }
#tentacle-logo { bottom: 0px; left: 0px; width: 190px; height: 92px; }

#supplementary { left: 196px; height: 68px; top: 0px; white-space: nowrap; border-left: 14px solid #505153; list-style-type: none; margin: 0px; padding: 0px 0px 0px 6px; }
#supplementary li { margin: 0px 5px 0px 0px; padding: 0px 15px 0px 0px; }
#supplementary li.end { background-image: none; }

#main_menu { list-style-type: none; width: 778px; padding: 0px; margin: 0px; bottom: 0px; left: 196px; background-color: #f9d419; }
#main_menu li { cursor: default; position: relative; margin: 0px; border-right: 6px solid #ffffff; float: left; width: 92px; height: 18px; padding: 0px; font-weight: bold; }
#main_menu li span { background: url(../images/menu-off.gif) 78px 4px no-repeat;  }
#main_menu li a, #main_menu li a:visited { text-decoration: none; font-weight: bold; background: url(../images/menu-off.gif) right 5px no-repeat; }
#main_menu li span, #main_menu li a { padding: 2px 0px 0px 5px; color: #000000; display: block; }
#main_menu li a:hover { color: #ffffff; background: url(../images/menu-on.gif) right 5px no-repeat; }
#main_menu li ul { list-style-type: none; z-index: 90; display: none; white-space: normal !important; position: absolute; left: 0px; margin: 0px; padding: 1px 0px; }
#main_menu li ul li { border: none !important; padding: 0px; float: none !important; height: auto !important; margin: 0px; background-color: transparent !important; width: 265px; }
#main_menu li ul li span, #main_menu li ul li a { background-image: none !important; padding: 0px 5px !important; background-color: #f9d419 !important; display: inline !important; }
#main_menu li ul li span { color: #ffffff; }

.content-item { clear: both; margin-top: 6px; height: 140px; background: #b2b2b2 url(../images/list-corner.gif) right bottom no-repeat; }
.content-item h2 { margin: 0px; }
.content-item h2 a, .content-item h2 a:visited { color: #505153; text-decoration: none; }
.content-item h2 a:hover { color: #f9d419; }
.content-image { width: 190px; height: 140px; overflow: hidden; border-right: 6px solid #ffffff; float: left; }
.summary-image { }
.content-summary { float: left; _width: 778px; padding: 20px; width: 738px; _height: 140px; height: 100px; overflow: hidden; } 
.content-item .click-mine { margin-top: 20px; }
.c-link  { height: 22px; margin-top: 20px; text-decoration: none; color: #ffffff; display: block; }
.testimonial { font-family: georgia, serif !important; display: block; text-decoration: none; font-style: italic; font-size: 1.2em; font-weight: bold; color: #ffffff; width: 340px; float: right; margin-left: 20px; }

#adminBody .testimonial { background-color: #b2b2b2; font-family: georgia, serif !important; font-style: italic; font-size: 1.2em; width: 340px !important; }
blockquote { background-color: #b0acd5; margin: 6px 0px 0px 0px; padding: 20px; _width: 386px; width: 346px; }
blockquote div { font-family: georgia, serif !important; font-style: italic; font-size: 1.1em; } 
blockquote p { margin: 10px 0px 0px; }

#contents { margin: 5px 10px; }

#image-row, #projects-row { clear: left; margin: 4px 0px 0px; border-top: 1px solid #b0b0b0; padding: 1px 0px; }
#projects-row { }
#image-row { border-bottom: 1px solid #b0b0b0; margin: 0px; padding: 1px 0px; }
#image-row a, #projects-row a, #image-row a:visited, #projects-row a:visited { text-decoration: none; color: #505153; line-height: 20px; font-weight: bold; }
#image-row span, #projects-row span { display: block; padding: 0px 5px; float: left; font-weight: bold; }
#image-row ul, #projects-row ul { float: left; white-space: nowrap; list-style-type: none; margin: 0px; padding: 0px; }
#image-row li, #projects-row li { float: left; margin: 0px 3px; padding: 0px 5px 0px; font-weight: bold; line-height: 20px; }
#image-row li { cursor: pointer; }

#main-picture1, #main-picture2 { width: 386px; height: 286px; top: 0px; left: 0px; position: absolute; }
#main-picture1 { z-index: 10; }
#main-picture2 { z-index: 2; }

#page-image, #project-area-left { width: 582px; float: left; margin-right: 6px; }
#project-area-left #large-image, #page-image { width: 582px; }
#page-contents, #project-contents { float: left; }
#page-contents { background-color: #f9d419; _width: 386px; width: 346px; padding: 20px; _height: 286px; height: auto !important; min-height: 246px; }
#page-contents a, #page-contents a:visited { color: #505153; }
#project-contents .contents { background-color: #b2b2b2; _width: 386px; width: 346px; padding: 20px; _height: 286px; height: auto !important; min-height: 246px; }

.home-imagery { }
.home-imagery img { float: left; margin-bottom: 6px; }
.home-image { width: 190px; height: 140px; margin-left: 6px; }
#home-text { float: left; _width: 386px; width: 346px; height: auto !important; _height: 286px; min-height: 246px; height: 246px; padding: 20px;  background-color: #b2b2b2; font-size: 1.1em; }
#flash-movie { float: left; width: 386px; height: 286px; position: relative; overflow: hidden; }

#footer { width: 915px; margin-left: 20px; margin-top: 20px; height: 114px; background: url(../images/sea-mine.gif) right top no-repeat; }
#footer .copyright { border-bottom: 1px solid #c8c7c7; width: 728px; padding-top: 30px; }
#footer .copyright span { color: #ffffff; font-weight: bold; background: url(../images/copyright.gif) left top repeat-x; line-height: 15px; padding: 0px 6px; }
#footer p { margin: 6px; }

.clr { height: 1px; overflow: hidden; clear: both; position: relative; top: -1px; }