/* CSS Document */

body {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin: 20px 0;
	padding: 0;
	border-color:#333333;
}
h1, h3 {
	font-family: verdana, arial, sans-serif;
	margin: 0;
	font-size: 13px;
	line-height: normal;
	font-weight:100;
}
h2{
	text-align: left;
	margin: 10px 0px -15px 0px;
	padding: 5px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: 0px;
	color: #9ED106;
}
h4 {
	font-family: verdana, arial, sans-serif;
	margin: 0;
	font-size: 1.2em;
	line-height: normal;
	font-weight:100;
}

/* Linking */
a:link { 
	color: #333333;
	}
a:visited { 
	color: #666666;
	}
a:hover { 
	color: #CCCCCC;
	text-decoration: none;
	}
a:active { 
	color:  #333333;
	}

/*Main Content*/
#maincontent {
	padding-left:50px;
	padding-right:50px;
	font-size: 0.85em;
	min-height:500px;
	width:650px;
	z-index:-1;
	border-color:#333333;
}
#maincontent p{
	z-index:-1;
	border-color:#333333;
}

/* PORTFOLIO rollover effect */
.web-design {width:200; height:133px; filter: alpha(opacity=40); -moz-opacity: 0.4; display:block; margin:0 0 5px 0;}
.web-design:hover {filter: alpha(opacity=100); -moz-opacity: 1.0;}	


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* Flickr Gallery */
#flickr img,#flickr img a{
background:#fff;
padding:.35em .35em;
margin:0 .6em;
margin-bottom: 15px;
border:1px solid #e0e09e;
}
#flickr img a:hover{
border:1px solid #898a2b
}