@charset "UTF-8";
/* CSS Document */

body{margin:0;padding:0;background:#3d373d;}
div#container{margin:10px;padding:0;width:1024px;}
div#navcol{float:left;margin:0 0 0 10px;padding:0;width:200px; position:fixed;top:0px;left:0px;}

/*Navigation
-----------------------------------------------------------------------------*/
div#nav {margin:50px 0 50px 0; padding:0px; float:left; }
div#nav a {margin:0 0 10px 0; padding:0; height: 40px; text-decoration: none; display: block; float: left;}

div#nav a.btn_gameart {background: url(../images/shared/btn_gameart2.gif) no-repeat top left; width: 148px; }
div#nav a.btn_resume { background: url(../images/shared/btn_resume2.gif) no-repeat top left; width: 148px;}

div#nav a:hover, div#nav a.on {background-position: 0 -40px;}

/* Content
-----------------------------------------------------------------------------*/
.content {float:left; margin: 0 0 210px 0;padding:20px 0 0 0; position:absolute;top:0px;left:210px; width:780px; }
* html .content {position:absolute;top:0px;left:230px;}

div#resume {background-color: #FFFFFF; color: #333;padding-left:20px; border: solid 2px;}

div#octoplace {float:left; margin:0;padding:0; position:relative;top:-345px;left:560px;}
* html div#octoplace {position:relative;top:-365px;left:560px;}


div#pl_frogger {float:left; margin:0;padding:0; position:relative;top:-570px;left:550px; width:200px;}
div#pl_frogger img {border: none;}
div#pl_frogger2 {float:left; margin:0;padding:0; position:relative;top:-230px;left:-150px; width:400px;}
div#pl_frogger2 img {border: none;}

/*  Gallery
-----------------------------------------------------------------------------*/

.gallrow {float:left; position: relative; width:780px; height:auto; margin:20px 0px 20px 0px;overflow:hidden;}
.gallrow img {border: solid 2px; color:#221f22; background-color:#FFFFFF;}
* html .gallrow img {margin-bottom:20px;}

.gallrow#hamsterhunt {height:480px;}
.gallrow#frogger {height:600px;}

.col {float:right;width: 288px;margin:20px 95px 20px 0px;font-size:120%;}
* html .col {margin:20px 55px 20px 0px;}

 a.buybutton {text-decoration:none; background-color: #fff; border: 3px solid #000; padding:10px; margin:0px; color: #000; float:right;}
 a.buybutton:hover {border:3px solid #666;}


.float_left {float:left; position: relative; top:10px; left:-200px;}
 img .noborder {border:none;}


/*  Footer 
-----------------------------------------------------------------------------*/
div#footer {margin:20px 0 0 0;padding:15px 0 0 0;border-top:1px dashed #8e808e;text-align:center;clear:both;}
div#footer p { margin: 0; padding: 5px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #858585; line-height: 2em;}
div#footer p a { padding: 0 5px; color: #707183; text-decoration: none; font-weight: normal }
div#footer p a:hover { color: #fbfbfa; text-decoration: underline; }