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

body{background-image:url(../images/bg.jpg); background-position:top left; background-repeat:repeat; margin-top:0px; margin-left:5%; margin-right:5%; margin-bottom:5%;} 

.homelink {position: absolute; left: 0px; top: 0px; z-index:-1;}

.nav {width:185px; height:50pix; position:absolute; top: 200px; right:5%;}

.content {margin-top:250px;}

.portfolio {margin:5px; padding: 5px; width:165px; height:260px; background-color:#F7F7F7; border:thin solid #CCC; float:left;}
.portfolio:hover  {background-color:#FFFFFF; border:thin solid #E0E0E0;}

.portfoliotitles {text-align:right; font-family:Tahoma, Helvetica, Arial, sans-serif; color:#999; font-size:x-small;}
.portfoliotitles a {color:#999; text-decoration:none;}
.portfoliotitles a:hover {color:#000;}

.aboutme {width: 60%; float:left; padding:10px; margin:0px; vertical-align:top;}
.aboutme p {text-align:left; font-family:Tahoma, Helvetica, Arial, sans-serif; color:#666; font-size:15px; line-height:18px; letter-spacing:1px; max-width:600px;}

.aboutmesmall {width: 30%; text-align:left; float:right; padding:10px; margin:0px; vertical-align:top;}
.aboutmesmall p {font-family:Tahoma, Helvetica, Arial, sans-serif; color:#666; font-size:12px; width:200px;}
.aboutmesmall p a {color:#000; text-decoration:none;}
.aboutmesmall p a:hover {color:#999;}