/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table                       { border-collapse: collapse; border-spacing: 0; }
fieldset,img                { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul                       { list-style: none; }
caption,th                  { text-align: left; }
h1,h2,h3,h4,h5,h6           { font-size: 100%; font-weight: normal; }
q:before,q:after            { content: ''; }
abbr,acronym                { border: 0; }
*                           { margin: 0; padding: 0; }

/* General */
body                        { background-color: #171B20; color: #C0C0C0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

/* Page layout */
div                         { border-color: #303439; border-style: none; border-width: 1px; top: 0px;  }
div.hide                    { visibility: hidden; }
div.page                    { background-color: #171B20; position: relative; width: 1092px; }
div.menubar                 { background-color: #171B20; height: 84px; margin: 15px 0px 33px 0px; position: relative; width: 962px; }
div.menuitem_tray           { left: 314px; position: absolute; top: 67px; width: 650px; }
div.menuitem                { border-color: #363A3F; border-right-style: solid; float: right; padding: 0px 12px 0px 12px; }
div.menuitem_lastone        { float: right; padding: 0px 12px 0px 12px; }
div.content                 { background-color: #171B20; height: 542px; margin-bottom: 26px; position: relative; width: 962px; }
div.content_resume          { background-color: #171B20; height: 567px; margin-bottom: 26px; position: relative; width: 962px; }
div.statusbar               { background-color: #171B20; border-top-style: solid; height: 84px; position: relative; width: 962px;}
div.statusbar_noline        { background-color: #171B20; height: 84px; position: relative; width: 962px; }
div.column1outof2           { background-color: #23272B; height: 516px; left: 0px; position: absolute; padding: 26px 10px 0px 10px; width: 442px; }
div.column2outof2           { background-color: #23272B; height: 516px; left: 500px; position: absolute; padding: 26px 10px 0px 10px; width: 442px; }
div.column1outof2_resume    { background-color: #23272B; height: 541px; left: 0px; position: absolute; padding: 26px 10px 0px 10px; width: 442px; }
div.column2outof2_resume    { background-color: #23272B; height: 541px; left: 500px; position: absolute; padding: 26px 10px 0px 10px; width: 442px; }
div.column1outof3           { background-color: #23272B; height: 516px; left: 0px; position: absolute; padding: 26px 10px 0px 10px; width: 280px; }
div.column2outof3           { background-color: #23272B; height: 516px; left: 331px; position: absolute; padding: 26px 10px 0px 10px; width: 280px; }
div.column3outof3           { background-color: #23272B; height: 516px; left: 662px; position: absolute; padding: 26px 10px 0px 10px; width: 280px; }
div.column1blog             { background-color: #23272B; height: 516px; left: 0px; position: absolute; padding: 26px 10px 0px 10px; width: 611px; }
div.column2blog             { background-color: #23272B; height: 516px; left: 662px; position: absolute; padding: 26px 10px 0px 10px; width: 280px; }
div.column1gallery          { height: 542px; left: 0px; position: absolute; width: 631px;  }
div.column2gallery          { height: 542px; left: 662px; position: absolute; width: 300px; }
div.mosaic                  { background-color: #23272B; height: 69px; left: 0px; position: absolute; width: 69px; }
div.mosaic_comments_5x4     { background-color: #23272B; height: 119px; left: 0px; padding: 26px 10px 0px 10px; position: absolute; top: 397px; width: 280px; }
div.mosaic_comments_5x4hide { background-color: #23272B; height: 119px; left: 0px; padding: 26px 10px 0px 10px; position: absolute; top: 397px; visibility: hidden; width: 280px; }
div.mosaic_comments_3x4     { background-color: #23272B; height: 265px; left: 0px; padding: 26px 4px 0px 10px; position: absolute; top: 251px; width: 286px; }
div.mosaic_comments_3x4hide { background-color: #23272B; height: 265px; left: 0px; padding: 26px 4px 0px 10px; position: absolute; top: 251px; visibility: hidden; width: 286px; }
div.video                   { border-style: solid; }

/* Images */
img                         { border-color: #303439; border-style: none; border-width: 1px; position: absolute }
img.menubar                 { left: 0px; margin-left: 3px; top: 0px; }
img.content                 { border-style: solid; left: 0px; top: 0px; }
img.demoreel_iphone         { left: 299px; top: 484px; }
img.demoreel_pal            { left: 390px; top: 484px; }
img.gallery                 { left: 0px; top: 0px;}
img.mosaic_1-1              { left: 0px; }
img.mosaic_1-2              { left: 77px; }
img.mosaic_1-3              { left: 154px; }
img.mosaic_1-4              { left: 231px; }
img.mosaic_2-1              { left: 0px; top: 77px; }
img.mosaic_2-2              { left: 77px; top: 77px; }
img.mosaic_2-3              { left: 154px; top: 77px; }
img.mosaic_2-4              { left: 231px; top: 77px; }
img.mosaic_3-1              { left: 0px; top: 154px; }
img.mosaic_3-2              { left: 77px; top: 154px; }
img.mosaic_3-3              { left: 154px; top: 154px; }
img.mosaic_3-4              { left: 231px; top: 154px; }
img.mosaic_4-1              { left: 0px; top: 231px; }
img.mosaic_4-2              { left: 77px; top: 231px; }
img.mosaic_4-3              { left: 154px; top: 231px; }
img.mosaic_4-4              { left: 231px; top: 231px; }
img.mosaic_5-1              { left: 0px; top: 308px; }
img.mosaic_5-2              { left: 77px; top: 308px; }
img.mosaic_5-3              { left: 154px; top: 308px; }
img.mosaic_5-4              { left: 231px; top: 308px; }
img.previous                { left: 0px; top: 360px }
img.next                    { left: 1077px; top: 360px }
img.contact                 { left: 35px; top: 72px; }
img.contact_linkedin        { left: 348px; top: 490px; }
img.contact_facebook        { left: 368px; top: 490px; }
img.contact_twitter         { left: 388px; top: 490px; }
img.contact_skype           { left: 408px; top: 490px; }

/* Tekst */
h1                          { color: #D0D0D0; font-size: 16px; font-weight: 400; letter-spacing: 1px; line-height: 1.4; position: relative; }
h2                          { color: #D0D0D0; font-size: 16px; font-style: italic; font-weight: 400; letter-spacing: 1px; line-height: 1.4; position: relative; }
h3                          { color: #D0D0D0; font-size: 14px; letter-spacing: 0px; line-height: 1.4; position: relative; text-decoration: underline; }
h4                          { color: #D0D0D0; font-size: 13px; font-style: italic; letter-spacing: 0px; line-height: 1.4; position: relative; }
p                           { color: #D0D0D0; font-size: 13px; letter-spacing: 0px; line-height: 1.4; position: relative; text-align: justify; }
a                           { color: #D0D0D0; font-size: 13px; letter-spacing: 0px; line-height: 1.4; position: relative; text-decoration: underline; }
ul                          { color: #D0D0D0; font-size: 13px; letter-spacing: 0px; line-height: 1.4; list-style: disc; margin: 0px 20px 7px 50px; position: relative; }
ol                          { color: #D0D0D0; font-size: 13px; letter-spacing: 0px; line-height: 1.4; list-style: decimal; margin: 0px 20px 7px 50px; position: relative; }
.font12px                   { font-size: 12px; }
.font11px                   { font-size: 11px; }
p.menubar                   { color: #C0C0C0; font-size: 16px; font-weight: 400; left: 4px; position: absolute; top: 67px; }
p.menuitem                  { font-weight: 400; letter-spacing: 2px; }
a.menuitem                  { letter-spacing: 2px; text-decoration: none; }
a.menuitem:hover            { color: #8D8D8D; letter-spacing: 2px; text-decoration: none; }
a.menuitem_active           { color: #62626B; letter-spacing: 2px; text-decoration: none; }
p.statusbar                 { color: #606060; font-size: 12px; left: 359px; position: absolute; top: 22px; }
h1.text                     { margin: 10px 20px 13px 20px; }
h2.text                     { margin: 0px 20px 13px 20px; }
h3.text                     { margin: 12px 20px 6px 20px; }
h4.text                     { margin: 12px 20px 6px 20px; }
p.text                      { margin: 0px 20px 5px 20px; }
h2.demoreel                 { margin: 0px 20px 13px 20px; top: 256px; }
p.demoreel                  { margin: 0px 20px 10px 20px; top: 256px; }
p.demoreel_raquo            { margin: 0px 20px 5px 20px; top: 256px; }
p.demoreel_raquo_pdf        { margin: 17px 20px 5px 20px; top: 256px; }
h2.portfolio                { margin: 0px 20px 13px 20px; top: 166px; }
p.portfolio                 { margin: 0px 20px 10px 20px; top: 166px; }
p.portfolio_raquo           { margin: 0px 20px 5px 20px; top: 166px; }
p.portfolio_indent          { margin: 0px 20px 10px 45px; top: 166px; }
a.portfolio                 { text-decoration: none; }
a.portfolio:hover           { text-decoration: underline; }
h2.mosaic_comments          { margin: 0px 20px 10px 20px; }
h3.mosaic_comments          { margin: 10px 20px 6px 20px; }
h1.resume                   { font-size: 15px; line-height: 1.4; margin: 19px 20px 8px 20px; }
h1.resume_topline           { font-size: 15px; line-height: 1.4; margin: 0px 20px 8px 20px; }
p.resume                    { font-size: 12px; line-height: 1.4; margin: 0px 20px 5px 20px; }
p.resume_pdf                { font-size: 12px; line-height: 1.1; margin: 0px 20px 5px 20px; text-align: right; }
a.resume                    { font-size: 12px; }
ul.resume                   { font-size: 12px; }
h2.contact_details          { margin: 0px 20px 13px 20px; top: 256px; }
p.contact_details           { margin: 0px 20px 5px 20px; top: 256px; }
p.contact_text              { margin: 0px 18px 5px 20px; }
p.contact_form_name         { left: 35px; padding-left: 15px; position: absolute; top: 117px; }
p.contact_form_org          { left: 35px; padding-left: 15px; position: absolute; top: 144px; }
p.contact_form_address      { left: 35px; padding-left: 15px; position: absolute; top: 171px; }
p.contact_form_zipcode      { left: 35px; padding-left: 15px; position: absolute; top: 198px; }
p.contact_form_city         { left: 35px; padding-left: 15px; position: absolute; top: 225px; }
p.contact_form_phone        { left: 35px; padding-left: 15px; position: absolute; top: 252px; }
p.contact_form_email        { left: 35px; padding-left: 15px; position: absolute; top: 279px; }
p.contact_form_message      { left: 35px; padding-left: 15px; position: absolute; top: 311px; }
p.contact_required          { left: 35px; padding-left: 125px; position: absolute; top: 476px; }
p.contact_sent              { left: 35px; padding-left: 15px; position: absolute; top: 167px; }
a.contact                   { font-size: 14px; }

/* Input */
input                       { background-color: #EAEAEA; border-color: #9C99A0; border-style: solid; border-width: 1px; font-size: 12px; height: 15px; left: 156px; padding: 0px 3px 0px 3px; position: absolute; width: 181px; }
input.contact_form_name     { top: 117px; }
input.contact_form_org      { top: 144px; }
input.contact_form_address  { top: 171px; }
input.contact_form_zipcode  { top: 198px; }
input.contact_form_city     { top: 225px; }
input.contact_form_phone    { top: 252px; }
input.contact_form_email    { top: 279px; }
textarea.contact            { background-color: #EAEAEA; border-color: #9C99A0; border-style: solid; border-width: 1px; color: #101010; font-family: Arial, Helvetica, sans serif; font-size: 12px; font-weight: 100; height: 145px; left: 156px; padding: 1px 3px 2px 3px; position: absolute; top: 311px; width: 250px; }

/* Tables */
table                       { border-style: none; color: #C0C0C0; table-layout: fixed; }
table.resume                { font-size: 12px; margin-left: 20px; position: relative; }
table.contact               { font-size: 14px; left: 60px; position: absolute; top: 350px; }
td                          { border-style: none; color: #C0C0C0; line-height: 1.25; }
td.resume                   { font-size: 12px; padding: 0px 10px 5px 0px; vertical-align: top; }
td.resume_firstcolumn       { font-size: 12px; padding: 0px 10px 5px 0px; vertical-align: top; width: 100px; }
td.contact                  { font-size: 14px; }
td.contact_address_c1       { font-size: 14px; line-height: 1.6; width: 80px; }
td.contact_address_c2       { font-size: 14px; line-height: 1.6; width: 180px; }
td.contact_mobile           { font-size: 14px; line-height: 1.6; padding-top: 5px; }
td.contact_email            { font-size: 14px; line-height: 1.6; }