html, body { margin: 0; padding: 0; border: 0; background-color: #0F0F0F; width: 100%; }
img { border: 0px; }
a { color: #7c7c7c; text-decoration: none; }
a:hover { color: #ea9243; }
h4 { font-size: 12px; display: inline; font-weight: bold; letter-spacing: 1px; color:#71975c;}
h5 { float: left; margin: 10px; margin-left:0px; margin-right: 30px; font-size: 12px; font-weight: bold; letter-spacing: 1px; }
h6 { margin:0; margin-top: 10px; font-size: 12px; font-weight: bold; letter-spacing: 1px; }
/*********************************************************************/
#page { margin-left: auto; margin-right: auto; width: 950px;}
#title_main { margin: 0; padding: 0; border: 0; font-family: Verdana; font-weight: bold; font-size: 14px; color: #ababab; }
#title { margin: 0; padding: 0; border: 0; display: inline; }
#title_img { margin: 0; padding: 0; border: 0; background-image: url(sources/logo.jpg); background-position: top center; background-repeat:no-repeat; }
#menu { margin:0; padding:0; border:0; margin-left: 550px; position: absolute; width: 300px; }
.menu_row { margin:0; padding:0; border:0;}
#menu_row1 { height: 44px; }
#menu_row2 { height: 48px; }
#title_menu00a { margin: 0; padding: 0; border: 0; background-image: url(sources/menu00a.jpg); background-position: top left; float: left; width:92px; height:44px; position: absolute; margin-left:0; }
#title_menu00b { margin: 0; padding: 0; border: 0; background-image: url(sources/menu00b.jpg); background-position: top left; float: left; width:58px; height:48px; position: absolute; margin-left:0; margin-top: 44px; }
#title_menu00c { margin: 0; padding: 0; border: 0; background-image: url(sources/menu00c.jpg); background-position: top left; float: left; width:92px; height:44px; position: absolute; margin-left:0; }
#title_menu01a { margin: 0; padding: 0; border: 0; background-image: url(sources/menu01a.jpg); background-position: top left; float: left; width:73px; height:44px; position: absolute; margin-left:95px; }
#title_menu01b { margin: 0; padding: 0; border: 0; background-image: url(sources/menu01b.jpg); background-position: top left; float: left; width:58px; height:48px; position: absolute; margin-left:76px; margin-top: 44px;}
#title_menu01c { margin: 0; padding: 0; border: 0; background-image: url(sources/menu01c.jpg); background-position: top left; float: left; width:73px; height:44px; position: absolute; margin-left:95px; }
#title_menu02a { margin: 0; padding: 0; border: 0; background-image: url(sources/menu02a.jpg); background-position: top left; float: left; width:73px; height:44px; position: absolute; margin-left:170px; }
#title_menu02b { margin: 0; padding: 0; border: 0; background-image: url(sources/menu02b.jpg); background-position: top left; float: left; width:58px; height:48px; position: absolute; margin-left:151px; margin-top: 44px;}
#title_menu02c { margin: 0; padding: 0; border: 0; background-image: url(sources/menu02c.jpg); background-position: top left; float: left; width:73px; height:44px; position: absolute; margin-left:170px; }
.title_menuspacer { margin: 0; padding: 0; border: 0; float: left;}
#footer { width: 100%; height: 300px; }
#copyright_side { margin: 0; padding: 0; border: 0; position: absolute; margin-top: 640px; }
#copyright_img { margin: 0; padding: 0; border: 0; background-image: url(sources/copyright.jpg); background-position: top left; }
/*********************************************************************/
#content_main { margin: 0; padding: 0; border: 0; margin-left: 100px; }
.old_projects_link { font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; color: #e7e7e7; position: absolute; margin-left: 300px; }
.old_projects_spacer { height: 30px;}
.project_main { margin: 0; padding: 0; border: 0; height: 170px; font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; color: #e7e7e7;}
.project_main_index { margin: 0; padding: 0; border: 0; height: 170px; font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; color: #e7e7e7; background: #0C0C0C; margin-bottom: 40px; width: 700px;}
.project_title { margin-bottom: 22px;}
.project_preview_hover { margin: 0; padding: 0; border: 0; margin-top: 5px; margin-left: 5px; width: 358px; height: 160px; position: absolute; background-image: none; }
.project_preview_hover:hover { background-image: url(sources/hover_img.png); }
.project_preview_index { margin: 0; padding: 0; border: 0; margin-top: 5px; margin-left: 5px; position: absolute; width: 367px; height: 170px; }
.project_preview { margin: 0; padding: 0; border: 0; margin-top: 5px; margin-left: 5px; position: absolute; width: 367px; height: 170px; border: 1px solid #FFFFFF;}
.project_info { margin: 0; padding: 0; border: 0; margin-left: 380px; margin-top: 7px; position: absolute; }
.project_text { margin: 0; padding: 0; border: 0; margin-top: 200px; margin-left:4px; width: 700px; position: absolute; }
.project_more { margin: 0; padding: 0; border: 0; margin-top: 680px; margin-left:4px; width: 700px; position: absolute; }
.project_mirrors { margin: 0; padding: 0; border: 0; border-left: 1px solid #e7e7e7; padding-left: 3px; padding-bottom: 10px; margin-top: 950px; margin-left:4px; width: 350px; position: absolute; }
.project_links { margin: 0; padding: 0; border: 0; border-left: 1px solid #e7e7e7; padding-left: 3px; padding-bottom: 10px; margin-top: 950px; margin-left:350px; width: 350px; position: absolute; }
.project_mirrors_old { margin: 0; padding: 0; border: 0; border-left: 1px solid #e7e7e7; padding-left: 3px; padding-bottom: 10px; margin-top: 680px; margin-left:4px; width: 350px; position: absolute; }
.project_links_old { margin: 0; padding: 0; border: 0; border-left: 1px solid #e7e7e7; padding-left: 3px; padding-bottom: 10px; margin-top: 680px; margin-left:350px; width: 350px; position: absolute; }
.project_item { margin: 0; padding: 0; border: 0; margin-left: 20px; }
.project_item_spacer { margin: 0; padding: 0; border: 0; height: 10px; }
.project_thumbs { margin: 0; padding: 0; border: 0; margin-top: 330px; width: 700px; position: absolute; }
.thumbnail { margin: 0; padding: 0; border: 0; padding: 4px; border: 1px solid #b7b7b7; }
.thumbnail:hover { border: 1px solid #ffffff; }
#project_previous { margin: 0; padding: 0; border: 0; margin-top: 100px; margin-left: 30px; padding-left: 5px; height: 50px; width: 43px; position: absolute; background-position: bottom center; background-repeat: no-repeat; background-image: none; }
#project_previous:hover { background-image: url(sources/previous.jpg); }
#project_previous_img { background-image: url(sources/previous_arrow.jpg); width: 31px; height: 34px;}
#project_next { margin: 0; padding: 0; border: 0; margin-top: 100px; margin-left: 840px; height: 50px; width: 31px; position: absolute; background-position: bottom center; background-repeat: no-repeat; background-image: none; }
#project_next:hover { background-image: url(sources/next.jpg); }
#project_next_img { background-image: url(sources/next_arrow.jpg); width: 31px; height: 34px;}
.project_video { margin: 0; padding: 0; border: 0; height: 70px; font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; color: #e7e7e7; margin-bottom: 20px;}
.project_video_index { margin: 0; padding: 0; border: 0; height: 70px; font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; color: #e7e7e7; margin-bottom: 20px; margin-left: 150px; }
.project_video_title { margin: 0; padding: 0; border: 0; margin-top: 5px; margin-left: 80px;}
.project_video_link { margin: 0; padding: 0; border: 0; position: absolute;}
.project_video_preview { margin: 0; padding: 0; border: 0; margin-top: 0px; position: absolute; height: 90px; background-repeat: no-repeat; background-position: center left; }
.project_video_info { margin: 0; padding: 0; border: 0; margin-left: 110px; margin-top: 0px; position: absolute; }
.project_video_text { margin: 0; padding: 0; border: 0; margin-top: 100px; margin-left:4px; width: 700px; position: absolute; }
.project_video_embbed { margin: 0; padding: 0; border: 0; margin-top: 250px; margin-left:4px; width: 700px; position: absolute; }
.project_video_mirrors { margin: 0; padding: 0; border: 0; border-left: 1px solid #e7e7e7; padding-left: 3px; padding-bottom: 10px; margin-top: 800px; margin-left:4px; width: 350px; position: absolute; }
.project_video_links { margin: 0; padding: 0; border: 0; border-left: 1px solid #e7e7e7; padding-left: 3px; padding-bottom: 10px; margin-top: 800px; margin-left:350px; width: 350px; position: absolute; }
#projects_video_preview { background-image: url(sources/projects_video.jpg); height: 55px;}
#projects_fireflies_title { background-image: url(sources/projects_fireflies.jpg); width:215px; height:13px; }
#projects_fireflies_preview { background-image: url(sources/projects_fireflies_preview4.jpg); width:358px; height:160px; }
#projects_market_title { background-image: url(sources/projects_market.jpg); width:160px; height:13px; }
#projects_market_preview { background-image: url(sources/projects_market_preview.jpg); width:358px; height:160px; }
#projects_mandate_title { background-image: url(sources/projects_mandate.jpg); width:174px; height:13px; }
#projects_mandate_preview { background-image: url(sources/projects_mandate_preview05.jpg); width:358px; height:160px; }
#projects_video_retro1 { background-image: url(sources/projects_retro1.jpg); width:247px; height:13px; }
#projects_boiling_title { background-image: url(sources/projects_boiling.jpg); width:60px; height:13px; }
#projects_boiling_preview { background-image: url(sources/projects_boiling_preview.jpg); width:358px; height:160px; }
#projects_7sgenesis_title { background-image: url(sources/projects_7sgenesis.jpg); width:184px; height:13px; }
#projects_7sgenesis_preview { background-image: url(sources/projects_7sgenesis_preview.jpg); width:358px; height:160px; }
#projects_mta_title { background-image: url(sources/projects_mta.jpg); width:174px; height:13px; }
#projects_mta_preview { background-image: url(sources/projects_mta_preview.jpg); width:358px; height:160px; }
#projects_hom_title { background-image: url(sources/projects_hom.jpg); width:145px; height:13px; }
#projects_hom_preview { background-image: url(sources/projects_hom_preview.jpg); width:358px; height:160px; }
#projects_mpc_title { background-image: url(sources/projects_mpc.jpg); width:198px; height:13px; }
#projects_mpc_preview { background-image: url(sources/projects_mpc_preview.jpg); width:358px; height:160px; }
#projects_tbr_title { background-image: url(sources/projects_tbr.jpg); width:127px; height:13px; }
#projects_tbr_preview { background-image: url(sources/projects_tbr_preview.jpg); width:358px; height:160px; }
.project_medal { margin: 0; padding: 0; border: 0; margin-top: 70px; margin-left: 260px; width: 80px; height: 120px; position: absolute; background-image: none; }
/*********************************************************************/
.resume_title { color:#71975c; font-size: 15px; margin-top: 30px;}
.resume_date { font-size: 10px;}
.resume_project { }
.resume_subtitle { font-size: 11px; }
.resume_game { font-size: 11px;}
.resume_role { font-size: 11px;}
.resume_levels { font-size: 11px;}
/*********************************************************************/
.project_article { margin: 0; padding: 0; border: 0; height: 185px; font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; color: #e7e7e7;}
.project_main_short { margin: 0; padding: 0; border: 0; height: 80px; font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; color: #e7e7e7;}
.articles_item { margin: 0; padding: 0; border: 0; padding-left: 50px; height: 30px; margin-bottom: 140px; font-weight: bold; font-size: 18px; background-image: url(sources/articles_title01.jpg); background-repeat: no-repeat; background-position: center left; }
.articles_main { margin: 0; padding: 0; border: 0; width: 750px; color: #DDDDDD; font-family: Verdana; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; text-align: justify; }
.articles_date { margin: 0; padding: 0; border: 0; font-size: 9px; font-weight: bold; margin-left: 50px; color:#71975c;}
.articles_info { margin: 0; padding: 0; border: 0; width: 650px; margin-top: 10px; font-size: 10px; font-weight: bold; }
h2 { margin-top: 60px; font-weight: bold; font-size: 25px; }
h3 { margin-top: 50px; font-weight: bold; font-size: 18px; }
.articles_example { margin: 0; padding: 0; border: 0; border: 1px dashed #AAAAAA; color:#71975c; padding: 5px; text-align: left; }
.articles_example_show { float: right; }
.articles_example_hide { float: right; }
.articles_back { margin: 0; padding: 0; border: 0; float: right; margin-top: 80px; font-weight: bold;}
.articles_back_img { background-image: url(sources/previous_arrow.jpg); width:31px; height:34px; }
.articles_imagecomment { font-size: 11px; text-align:center; margin-top: -10px;}
.articles_quote { background-color:#1e1e1e; padding: 10px; margin-top: 30px; margin-bottom:0px; }
.articles_author { text-align: right; font-style: italic; padding-top: 0px; margin-top: 0px; margin-bottom: 25px; }
.articles_exampleB { margin: 0; padding: 0; border: 0; background-color: #1e1e1e; padding: 5px; text-align: left; width: 760px; }
.articles_exampleB_show { float: right; }
.articles_exampleB_hide { float: right; }
.articles_next { margin: 0; padding: 0; border: 0; float: right; margin-top: 40px; font-weight: bold; font-size: 20px;}
.articles_next_img { background-image: url(sources/articles_next.jpg); width:25px; height:27px; margin-left: 15px; vertical-align: text-bottom;}
.articles_previous { margin: 0; padding: 0; border: 0; float: left; margin-top: 40px; font-weight: bold; font-size: 20px;}
.articles_previous_img { background-image: url(sources/articles_previous.jpg); width:25px; height:27px; margin-right: 15px; vertical-align: text-bottom;}
.articles_next a, .articles_previous a { color:#71975c; text-decoration: none; }
.articles_next a:hover, .articles_previous a:hover { color: #ea9243; }
#article_title01 { background-image: url(articles/01.png); width:627px; height:39px; }
#article_title02 { background-image: url(articles/02.png); width:627px; height:39px; }
#article_title03 { background-image: url(articles/03.png); width:627px; height:39px; }
#article_title04 { background-image: url(articles/04.png); width:627px; height:39px; }
#article_title05 { background-image: url(articles/05.png); width:627px; height:39px; }
#article_title06 { background-image: url(articles/06.png); width:627px; height:39px; }
#article_title07 { background-image: url(articles/07.png); width:627px; height:39px; }
#article_title08 { background-image: url(articles/08.png); width:627px; height:39px; }