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

body{background-color:#fff; margin-top:0px; margin-left:5%; margin-right:5%; margin-bottom:5%;} 

.content {background-color:#fff; margin-top:50px; max-width:970px; 	min-width: 590px; overflow:hidden;}

.homelink {
	background-image:url(../images/banner-repeat.jpg); 
	background-repeat:repeat-x; 
	position: relative; 
	left: 0px; 
	top: 0px;
	width: 100%;
	height:100px;
	margin-bottom: 20px;}

.nav {
	position:relative; 
	top: -26px; 
	left: 183px;
	}

.nav ul{
	list-style:none;
	 }

.nav ul li{ 
	float:left;
	margin-right: 5px;
	}
	
.nav ul li a {
	font-family:Tahoma, Helvetica, Arial, sans-serif; 
	color:#333; 
	font-size:12px;
	text-decoration:none; 
	display:block;
	padding:10px;
	border-width:0px 1px 1px 1px;
	border-color: #333;
	border-style:solid;
	background-color:#FFF;
}
.nav ul li a:hover {background-color: #CABAD5;}
.nav ul li a.selected{ background-color: #DDDAE6;}
.nav ul li a.selected:hover {background-color: #CABAD5;}
.nav ul li a.sort {background-color: #CCCCCC; margin-left:70px;}
.nav ul li a.sort:hover {background-color: #999999;}

.nav ul li a.sorter {
	font-family:Tahoma, Helvetica, Arial, sans-serif; 
	color:#333; 
	font-size:12px;
	text-decoration:none;  
	display: list-item;
	padding:2px;
	border:0px;
	background-color:#FFF;
	margin-left:20px;
	}





.portfolio {margin:10px 17px 15px 0px; padding: 5px; width:165px; height:260px; background-color:#FFF; border:thin solid #999; float:left;}
.portfolio:hover  {background-color:#ffffff; border:thin solid #751b8a;}

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

.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:#751b8a;}

@media screen and (max-width: 650px) {
.content {background-color:#fff; margin-top:20px; max-width:620px;}
}