body { background: #333333; margin: 0px; padding: 0px; font-family: Arial; font-size: 1em; cursor: default; }

/* GLOBAL */
img { border: none; }
ul { margin: 0px; padding: 0px; list-style-type: none; }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
.title { font-weight: bold; }

/* SERVER CONTROLS */
.textbox { border: none; background: #3f4447; width: 100%; color: #FFF; }

/* MAIN */
.clear { float: none; clear: both; height: 0px; overflow: hidden; }
.page { min-width: 920px; max-width: 1380px; margin: 0px auto; overflow: visible; }
.contentbody { padding: 0px 20px; margin: 0px auto; overflow: visible; }
.float-left { display: block; float: left; }
.float-right { display: block; float: right; }

/* HEADER */
.header { margin: 0px auto 30px auto; height: 105px; position: relative; padding: 0px 20px; }
.header .logo { bottom: 40px; position: absolute; display: block; }
.header .headermenu { float: right; width: 98px; padding-top: 30px; height: 95px; background: url('./images/graphic_menu_line.png') no-repeat; }

/* FOOTER */
.footer { margin: 30px auto 30px auto; text-align: right; font-size: 0.7em; color: #ababad; padding: 0px 20px; }
.footer a { color: #ababad; text-transform: uppercase; }

/* VIEW CHANGER */
.view-changer { width: 44px; bottom: 0px; position:absolute; }

/* PROJECTS NORMAL */
.projects-wrapper { text-align: center; display: block; }
.projects-in-grid { min-width: 990px; margin: 0px auto; overflow: hidden; clear: both; position: relative; top: 0px; left: 0px; font-size: 0px; }
.projects-in-grid .project { display: block; width: 420px; overflow: visible; position: relative; }
.projects-in-grid .project img { cursor: pointer; width: 420px; height: 280px; }
.projects-in-grid .center-floater { display: inline-block; padding: 20px; vertical-align: top; width: 420px; overflow: visible; text-align: left; margin: 0px 0px }
.projects-in-list { text-align: left; min-width: 990px; overflow: hidden; font-size: 0px; }
.projects-in-list .project { display: block; width: 100%; overflow: visible; position: relative; }
.projects-in-list .project .images { margin-bottom: 10px; margin-right: 10px; float: left; width: 105px; height: 70px; }
.projects-in-list .project img { cursor: pointer; width: 105px; height: 70px; }

/* ZOOM */
.zoom { position: fixed; width: 100%; height: 100%; z-index: 1000; background: #333333; top: 0px; left: 0px; }
.image { margin: 0px auto; position: absolute; top: 50%; left: 50%; }
.image img { border: solid 1px #716f6e; cursor: pointer; }
.image .loading { cursor: default; width: 254px; height: 12px; display: block; position: absolute; top: 50%; left: 50%; z-index: 1001; margin-left: -127px; margin-top: -6px; }
.navigation { width: 34px; height: 68px; text-align: center; position: absolute; top: 50%; left: 50%; z-index: 1010; }
.navigation img { cursor: pointer; }
.navigation div { height: 30px; }

/* HOME */
.home { position: absolute; top: 0px; left: 0px; z-index: 2000; overflow: hidden; width: 100%; height: 100%; }
.home .loading { border: solid 1px #716f6e; cursor: default; width: 254px; height: 12px; display: block; position: absolute; top: 50%; left: 50%; z-index: 1001; margin-left: -127px; margin-top: -6px; }

/* BIOGRAPHY */
.biography { }
.biography .left { float: left; background: #5f686f; width: 350px; height: 500px; }
.biography .right { float: left; font-weight: bold; color: #FFF; width: 350px; padding: 60px; height: 380px; text-align: justify; font-size: 0.7em; }

/* STUDIO */
.studio { }
.studio .left { color: #FFF; width: 260px; padding: 40px; height: 390px; text-align: justify; font-size: 0.7em; background: #5f686f; }
.studio .righttop { /*background: #dededc;*/ border-left: solid 20px #333333; text-align: center; }
.studio .rightbottom { /*background: #dededc;*/ border-left: solid 20px #333333; border-top: solid 10px #333333; }

/* CONTACT */
.contact { }
.contact .left { color: #FFF; height: 622px; width: 290px; padding: 30px; text-align: justify; font-size: 0.7em; background: #5f686f; }
.contact .right { background: #dededc; height: 622px; background: url('./images/homepageimage.jpg') no-repeat -200px 0px; }