body {
margin : auto;
width : 760px;
background-color : #444444;
font-family : arial, tahoma, verdana, sans, sans-serif;
font-size : 12px;
color : #454545;
}
#bord {
width : 760px;
background-image : url("images/site/bord.png");
background-repeat : repeat-y;
}
#top {
width : 750px;
height : 20px;
margin : auto;
background-color : #000000;
}
#header {
width : 750px;
height : 140px;
margin : auto;
background-color : #dddddd;
background-image : url("images/site/header.png");
background-repeat : no-repeat;
}
#contact {
margin-left : 18px;
padding-top : 42px;
color : #454545;
}
#menu {
width : 750px;
background-color : #dddddd;
height : 20px;
margin : auto;
background-image : url("images/site/menu.png");
background-repeat : no-repeat;
}

#games_off a {
float : right;
width : 56px;
height : 20px;
margin-right : 2px;
background-image : url("images/site/games_off.png");
background-repeat : no-repeat;
display : block;
}
#games_off a:hover {
float : right;
width : 56px;
height : 20px;
margin-right : 2px;
background-image : url("images/site/games_on.png");
background-repeat : no-repeat;
display : block;
}

#games_on a {
float : right;
width : 56px;
height : 20px;
margin-right : 2px;
background-image : url("images/site/games_on.png");
background-repeat : no-repeat;
display : block;
}


#work_off a {
float : right;
width : 56px;
height : 20px;
margin-right : 2px;
background-image : url("images/site/work_off.png");
background-repeat : no-repeat;
display : block;
}
#work_off a:hover {
float : right;
width : 56px;
height : 20px;
margin-right : 2px;
background-image : url("images/site/work_on.png");
background-repeat : no-repeat;
display : block;
}
#work_on a {
float : right;
width : 56px;
height : 20px;
margin-right : 2px;
background-image : url("images/site/work_on.png");
background-repeat : no-repeat;
display : block;
}
#resume_off a {
float : right;
width : 56px;
height : 20px;
background-image : url("images/site/resume_off.png");
background-repeat : no-repeat;
display : block;
}
#resume_off a:hover {
float : right;
width : 56px;
height : 20px;
background-image : url("images/site/resume_on.png");
background-repeat : no-repeat;
display : block;
}
#resume_on a {
float : right;
width : 56px;
height : 20px;
background-image : url("images/site/resume_on.png");
background-repeat : no-repeat;
display : block;
}

#mountainlab a {
width : 725px;
height : 150px;
background-image : url("images/site/maps/mountainlab_thumb.jpg");
background-repeat : no-repeat;
display : block;
}
#mountainlab a:hover {
width : 725px;
height : 150px;
background-image : url("images/site/maps/mountainlab_thumb_off.jpg");
background-repeat : no-repeat;
display : block;
}
#lakeside a {
width : 725px;
height : 150px;
background-image : url("images/site/maps/lakeside_thumb.jpg");
background-repeat : no-repeat;
display : block;
}
#lakeside a:hover {
width : 725px;
height : 150px;
background-image : url("images/site/maps/lakeside_thumb_off.jpg");
background-repeat : no-repeat;
display : block;
}
#frosty a {
width : 725px;
height : 150px;
background-image : url("images/site/maps/frosty_thumb.jpg");
background-repeat : no-repeat;
display : block;
}
#frosty a:hover {
width : 725px;
height : 150px;
background-image : url("images/site/maps/frosty_thumb_off.jpg");
background-repeat : no-repeat;
display : block;
}
#paranoia a {
width : 725px;
height : 150px;
background-image : url("images/site/maps/paranoia_thumb.jpg");
background-repeat : no-repeat;
display : block;
}
#paranoia a:hover {
width : 725px;
height : 150px;
background-image : url("images/site/maps/paranoia_thumb_off.jpg");
background-repeat : no-repeat;
display : block;
}


#bulletcrops a {
width : 725px;
height : 150px;
background-image : url("images/site/maps/bulletcrops_thumb.jpg");
background-repeat : no-repeat;
display : block;
}
#bulletcrops a:hover {
width : 725px;
height : 150px;
background-image : url("images/site/maps/bulletcrops_thumb_off.jpg");
background-repeat : no-repeat;
display : block;
}
#hl2dm a {
width : 725px;
height : 150px;
background-image : url("images/site/maps/hl2dm_thumb.jpg");
background-repeat : no-repeat;
display : block;
}
#hl2dm a:hover {
width : 725px;
height : 150px;
background-image : url("images/site/maps/hl2dm_thumb_off.jpg");
background-repeat : no-repeat;
display : block;
}
#middle {
width : 750px;
background-color : #dddddd;
margin : auto;
background-image : url("images/site/top.png");
background-repeat : repeat-x;
}
#right {
float : right;
width : 150px;
padding-left : 20px;
height : 675px;
margin-right : 25px;
margin-top : 25px;
background-image : url("images/site/line.png");
background-repeat : repeat-y;
}
#work {
width : 705px;
margin-left : 12px;
}
#project {
color : #e54661;

font-size : 17px;
margin-left : -5px;
padding-top : 5px;
}
#resume {
width : 525px;
margin-left : 25px;
}
#resume_title_global {
width : 500px;
margin-left : -25px;
padding-left : 20px;
background-image : url("images/site/fade.png");
background-repeat : repeat-y;
color : #dddddd;
}
#cv {
width : 150px;
height : 25px;
font-size : 12px;
margin-left : 0;
padding-left : 0;
padding-top : 2px;
}
#soft {
float : right;
margin-right : 50px;
}
#footer {
width : 750px;
height : 17px;
padding-top : 3px;
text-align : center;
margin : auto;
background-color : #000000;
font-size : 10px;
color : #dddddd;
}
#title {
font-size : 20px;
font-weight : bold;
color : #333333;
}
#color {
color : #000000;
}
#color2 {
color : #e54661;
}
i {
font-size : 15px;
}
a.type1 {
color : #555555;
}
a.type1:hover {
color : #e54661;
}
a.type2 {
text-decoration : none;
}
a.type3 {
color : #e54661;
font-size : 15px;
}
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
font-family : "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : 200;
color : #fff;
}
#sb-container {
position : fixed;
margin : 0;
padding : 0;
top : 0;
left : 0;
z-index : 999;
text-align : left;
visibility : hidden;
display : none;
}
#sb-overlay {
position : relative;
height : 100%;
width : 100%;
}
#sb-wrapper {
position : absolute;
visibility : hidden;
width : 100px;
}
#sb-wrapper-inner {
position : relative;
border : 1px solid #303030;
overflow : hidden;
height : 100px;
}
#sb-body {
position : relative;
height : 100%;
}
#sb-body-inner {
position : absolute;
height : 100%;
width : 100%;
}
#sb-player.html {
height : 100%;
overflow : auto;
}
#sb-body img {
border : none;
}
#sb-loading {
position : relative;
height : 100%;
}
#sb-loading-inner {
position : absolute;
font-size : 14px;
line-height : 24px;
height : 24px;
top : 50%;
margin-top : -12px;
width : 100%;
text-align : center;
}
#sb-loading-inner span {
background : url(loading.gif) no-repeat;
padding-left : 34px;
display : inline-block;
}
#sb-body, #sb-loading {
background-color : #060606;
}
#sb-title, #sb-info {
position : relative;
margin : 0;
padding : 0;
overflow : hidden;
}
#sb-title, #sb-title-inner {
height : 26px;
line-height : 26px;
}
#sb-title-inner {
font-size : 16px;
}
#sb-info, #sb-info-inner {
height : 20px;
line-height : 20px;
}
#sb-info-inner {
font-size : 12px;
}
#sb-nav {
float : right;
height : 16px;
padding : 2px 0;
width : 45%;
}
#sb-nav a {
display : block;
float : right;
height : 16px;
width : 16px;
margin-left : 3px;
cursor : pointer;
background-repeat : no-repeat;
}
#sb-nav-close {
background-image : url(close.png);
}
#sb-nav-next {
background-image : url(next.png);
}
#sb-nav-previous {
background-image : url(previous.png);
}
#sb-nav-play {
background-image : url(play.png);
}
#sb-nav-pause {
background-image : url(pause.png);
}
#sb-counter {
float : left;
width : 45%;
}
#sb-counter a {
padding : 0 4px 0 0;
text-decoration : none;
cursor : pointer;
color : #fff;
}
#sb-counter a.sb-counter-current {
text-decoration : underline;
}
div.sb-message {
font-size : 12px;
padding : 10px;
text-align : center;
}
div.sb-message a:link, div.sb-message a:visited {
color : #fff;
text-decoration : underline;
}