body { background: #000 url(../images/top-left-trans.png) no-repeat top left;
       font-family: Arial, sans-serif; font-size: 8pt; }
a img { border: 0px; }
h1 { font-size: 24pt; font-family: JaneAusten, Arial, sans-serif;
     position: absolute; top: 375px; left: 10px; color: black; }
h2 { font-size: 10pt; }
a { text-decoration: none; color: green; }
em { color: #f96900; font-style: normal; font-weight: bold; }

/* RIGHT BACKGROUND CORNER */
div#bottom-right { position: absolute; bottom: 0px; right: 0px; 
	background: url(../images/bottom-right-trans.png) no-repeat bottom right;
	width: 377px; height: 244px; }
/* CONTAINER */
div#container { width: 800px; height: 600px; margin: 20px auto; }
/* HEADER */
div#header { background: url(../images/header-trans.png) no-repeat top left; 
             height: 158px; }
/* MENU */
ul#menu { font-size: 9pt; margin: 0px; padding: 0px; position: absolute;
          top: 10px; left: 10px; z-index: 5; }
ul#menu ul { display: block; margin: 0px; padding: 0px; }
ul#menu ul li { padding-left: 30px; }
ul#menu li { 
    display: block; width: 134px; color: white; text-align: left; margin: 0px; 
    padding: 0px; }
ul#menu li a { 
    color: #fff; text-decoration: none; display: block; width: 134px; height: 26px;
    background: url(../images/skateboards/black.png) no-repeat top left;
    padding-left: 35px; padding-top: 8px; }
ul#menu li.submenu ul { }
/* MAIN CONTENT */
div#content { background: transparent url(../images/main-bg.jpg) no-repeat top left;
	      height: 436px; position: relative; padding-left: 300px;
	      padding-top: 20px; color: white; }

/* FORMS */
form th { text-align: right; }
/* TEXT AREA */
div#text-overlay { position: absolute; top: 20px; left: 280px; width: 500px;
	           height: 420px; filter: alpha(opacity=30); background: black;
	           background: rgba(0, 0, 0, 0.3); -moz-border-radius: 10px;  
	           -webkit-border-radius: 10px; }
div.scrollable { position: absolute; top: 10px; overflow:hidden; width: 430px; 
                 height: 390px; margin-top: 5px; position: relative; }
/* SCROLLBAR */
#scrollbar_container { position:relative; top: 10px; width: 450px; } 
#scrollbar_track { position:absolute; top:0; right: -5px; height: 390px; 
                   width: 15px; background-color:transparent; cursor:move;
                   border-right: 5px dotted #ededed; } 
#scrollbar_handle { 
    width: 30px; height: 30px; position: absolute;
    background: url(../images/scrollbar-handle-trans.png) no-repeat top left; } 
#scrollbar_content { overflow:hidden; width: 430px; height: 390px; margin-top: 5px;
                     position: relative; }
/* PAGES */
ul.project-list { list-style: none; margin: 0px; padding: 0px; margin-bottom: 10px; }
ul.project-list li { display: block; margin: 0px; padding: 0px; margin-bottom: 10px;
                     clear: both; position: relative; }
ul.project-list li div.info { float: left; width: 300px; margin-left: 10px; }
ul.project-list li h2 { margin: 0px; padding: 0px; }
ul.project-list li p.description { margin: 0px; padding: 0px; margin-bottom: 10px; }
div.thumb { background: #444; width: 100px; height: 90px; padding: 5px; 
            position: relative;
            align: center; border: 1px solid #ccc; float: left; margin-bottom: 10px; }
div.thumb img { border: 0px; align: center; }
div.gal-thumb { float: left; margin: 15px; }
/* REFERENCES */
ul.recommendations-list { list-style: none; margin: 0px; padding: 0px; }
ul.recommendations-list a { color: #26CE0F; }
/* CLIENTS */
ul.client-list { list-style: none; padding-left: 5px; }
ul.client-list li h2 { margin-bottom: 5px; }
/* FOOTER */
div#footer { position: relative; }
div#footer a { color: #666; text-decoration: none; font-size: 10pt; }
#copyright { color: #333; text-align: center; width: 100%; display: block;
             float: left; padding: 5px; }
#flags { text-align: right; display: block; position: absolute; top: 0px; left: 0px; }