* { margin: 0; padding: 0; }
.cleaner { display: block; clear: both; height: 1px; overflow: hidden; }
a { color: #F00; }
a img { border: none; }

body { background: #000 url(bgrd_body.jpg) top left no-repeat; font: 0.6em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF; }

#page_container { width: 100%; height: 768px; position: relative; background: url(bgrd_page_cntr.gif) left top repeat-x; }

#header { display: none; }
#footer { width: 350px; position: absolute; bottom: 3px; left: 0; height: 20px; padding-left: 10px; color: #999; }

#image { width: 349px; height: 147px; overflow: hidden; }
#image img { display: block; width: 349px; height: 147px; }
#image2 { width: 371px; height: 358px; overflow: hidden; position: absolute; top: 380px; left: 0; }
#image2 img { display: block; width: 371px; height: 358px;  }


#content { width: 349px; height: 778px; overflow: hidden; position: absolute; top: 0; left: 371px; color: #333; font: 12px/16px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; background: #FFF; }
h1, h2, h3 { font: italic 32px/32px "Palatino Linotype", "Trebuchet MS", Verdana, Arial, sans-serif; margin-bottom: 20px; color: #000; }

h1 {  }
h2 { font-size: 24px; line-height: 24px; margin-bottom: 15px; }
h3 { font-size: 18px; line-height: 18px; margin-bottom: 10px; }

#content .inner { padding: 10px; height: 611px; overflow: auto;
	scrollbar-arrow-color: #606;
	scrollbar-track-color: #FFF; scrollbar-3dlight-color: #FFF; scrollbar-darkshadow-color: #FFF;
	scrollbar-highlight-color: #CCC; scrollbar-shadow-color: #CCC; scrollbar-face-color: #CCC; 
}
#content a { color: #606; text-decoration: none; font-weight: bold; }
#content h1 a, #content h2 a, #content h3 a { font-weight: normal; }
#content p { padding-bottom: 20px; }

/* ------------ Navigation --------------------------------------------- */
#nav { width: 230px; position: absolute; top: 90px; left: 141px; }
#nav li { display: block; list-style-type: none; clear: both; }
#nav a { display: block; color: #FFF; text-decoration: none; height: 20px; font: 14px/20px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: right; padding: 0 10px; float: right; clear: both; margin-bottom: 1px; }
#nav a span { display: none; }
#nav a:hover { border-bottom: 1px solid #CC33CC; margin-bottom: 0; }
#nav a.soon { position: relative; }
#nav a.soon:hover { border: none; margin-bottom: 1px; }
#nav a.soon:hover span { display: block; background: #FFF; color: #000; padding-left: 10px; white-space: nowrap; position: absolute; right: 0; top: 0; }
#nav .selected a, #nav .selected a:hover { background: #C3C; border: none; margin-bottom: 1px; }

/* ------------ Predefined styles --------------------------------------------- */
#home_text { display: none; }
body.home #home_text { display: block; width: 282px; height: 72px; position: absolute; left: 480px; top: 420px; background: url(home_text.gif) left top no-repeat; }

body.home { background: #000 url(bgrd_body_home.jpg) top left no-repeat; }
body.home #nav { position: absolute; top: 100px; left: 223px; }
body.home #footer { width: 90%; }

body.home #image2 { display: none; }
body.home #page_container { background: none; }
body.home #content { display: none; }

#gallery { }
#gallery ul { border-top: 1px solid #CCC; }
#gallery li { list-style-type: none; display: block; }
#gallery a { display: block; clear: both; height: 60px; overflow: hidden; padding: 10px 0;  border-bottom: 1px solid #ccc; font-weight: normal; }
#gallery a:hover { background: #F5F5F5; }
#gallery a:hover .image { border-color: #606; }
#gallery strong { display: block; }
#gallery .image { display: block; width: 60px; height: 60px; overflow: hidden; float: left; margin: 0 10px; border: 1px solid #FFF; }