/* ----- GLOBAL STYLES ----- */

body { background-color: #363636; }
a       { color:#636363; font: 10pt Arial, sans-serif; text-decoration:none; border:0; }
a:hover { color:#fff; text-decoration:none; border:0; }

/* ----- WRAPPER STYLES ----- */

#wrapper { margin: 0 auto; background-color: #363636; }

/* ----- HEADER STYLES ----- */

#header { height: 71px; }

#header #logo { background: #363636 url(images/logo.png) no-repeat; float: left; width:164px; height:71px; margin: 5px 0 0 0; }
#header #logo h1 { text-indent:-9999px; overflow:hidden; }
#header #logo h2 { text-indent:-9999px; overflow:hidden; }


#header #nav            { float:right; text-align:right; width:164px; height:71px; margin: 18px 0 0 0; padding: 0 15px 0 0; }
#header #nav li         { list-style:none; line-height: 16pt; }
#header #nav li a       { color:#636363; font: 10pt Arial, sans-serif; text-decoration:none; border:0; }
#header #nav li a:hover { color:#fff; text-decoration:none; border:0; }

/* ----- SLIDESHOW STYLES ----- */

#slideshow                 { position:relative; width: 951px ;height: 519px; /*background-color: #1C1C1C; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ }
#slideshow IMG             { position: absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active      { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }

/* ----- FOOTER STYLES ----- */

#footer { padding: 20px 0 0 0; }

#footer #copyright { float:left; }

#footer #links            { float:right; }
#footer #links li         { list-style:none; padding: 0 2px; display:inline; }
#footer #links li.icon    { margin: 0 1px 0 1px; }
#footer #links li a       { color:#636363; font: 8pt Arial, sans-serif; text-decoration:none; border:0; }
#footer #links li a:hover { color:#fff; text-decoration:none; border:0; }

/* ----- PRE PAGE STYLES ----- */
#content { margin: 20px auto; font: 10pt Arial, sans-serif; text-align:left; }
#content h1 { font: 15pt Arial, sans-serif; color:#fff; }
#content h2 { font: 12pt Arial, sans-serif; color:#cdcdcd; }
#content p.news { font: 8pt Arial, sans-serif; }
#content #left { float:left; width:47%; padding: 10px; }
#content #left #pr { margin-top:10px; }
#content #right { float:left; width:47%; padding: 10px; }

/* ----- WORK PAGE STYLES ----- */
#slideshow #container { padding: 20px 0 0 0; }
#slideshow #container #line { width: 911px; margin: 0 20px 0 20px; }
#slideshow #container #line #work { float:left; width: 215px ; height: 120px; background-color: #5E5E5E; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 6px; }
#slideshow #container #line #work h3 { color: #fff; font: normal bold 12px Arial, sans-serif; text-align: right; padding: 100px 5px 0 0; }



/* ----- SHOWCASE PAGE STYLES ----- */
#showcase { position:relative; width: 951px ; background-color: #1C1C1C; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#showcase #container { padding: 20px 0; }
#showcase #container #visual { float:left; width:600px; padding:0 10px;s }
#showcase #container #describ { float:right; width:300px; padding:0 10px; }