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

* {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}

img {
	border: 0;
	}

#main-container {
	width: 987px;
	margin: 20px auto;
	}

#header {
	background: url('img/header.jpg') no-repeat;
	width: 987px;
	height: 91px;
	}

#header-bottom {
	background: url('img/hdr-bottom.jpg') no-repeat;
	width: 987px;
	height: 14px;
	font-size: 1px;
	}

#container {
	width: 987px;
	background: url('img/container-bg_tile.jpg') repeat-y;
	}

#container .content {
	background: #cfced4 url('img/content-bg_tile.jpg') repeat-x;
	width: 941px;
	padding: 0 20px;
	margin-left: 3px;
	}

#container .content #nav {
	float: right;
	margin: 20px 0;
	font-size: 16px;
	color: #000;
	}

#container .content #nav a, #container .content #nav a:visited, #container .content #nav a:link {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	padding: 0 5px;
	}

#container .content #nav a:hover {
	text-decoration: underline;
	}

#container .content #rightcol {
	float: right;
	margin: 0 5px 0 20px;
	padding: 45px 15px 0;
	width: 400px;
	}
	
#container .content .featured {	
	background: url('img/featured.jpg') no-repeat top left;
	}

#container .content #rightcol img {
	margin: 15px 0 2px 0;
	}

#container .content #rightcol p {
	margin: 5px 0;
	font-size: 12px;
	color: #000;
	line-height: 14px;
	letter-spacing: 0.1em;
	}

#container .content #rightcol a {
	font-size: 12px;
	color: #000;
	letter-spacing: 0.1em;
	text-decoration: none;
	}
	
#container .content #rightcol a:hover {	
	text-decoration: underline;
	}

#container .content #leftcol {
	margin: 0 5px;
	padding: 45px 15px 0;
	}
	
#container .content .index {	
	background: url('img/solution.jpg') no-repeat top left;
	width: 440px;
	}

#container .content .about {	
	background: url('img/designer.jpg') no-repeat top left;
	width: 440px;
	}

#container .content .portfolio {	
	background: url('img/portfolio.jpg') no-repeat top left;
	}

#container .content .resume {	
	background: url('img/experience.jpg') no-repeat top left;
	}

#container .content .contact {	
	background: url('img/contact.jpg') no-repeat top left;
	width: 440px;
	}

#container .content #leftcol p {
	margin: 15px 0;
	font-size: 12px;
	color: #000;
	line-height: 15px;
	letter-spacing: 0.1em;
	}

#container .content #leftcol a {
	font-size: 12px;
	color: #1a7f9b;
	letter-spacing: 0.1em;
	text-decoration: underline;
	}

#container .content #leftcol a:hover {
	text-decoration: none;
	}

#container .content #bottomtext {
	font-size: 12px;
	color: #000;
	margin: 30px 0 0 0;
	}

#container .content #bottomtext a {
	font-size: 12px;
	color: #000;
	text-decoration: underline;
	}

#container .content #bottomtext a:hover {
	text-decoration: none;
	}

#footer {
	background: url('img/content-bottom.jpg') no-repeat;
	width: 987px;
	height: 21px;
	}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0;
width: 900px; /*width of featured content slider*/
height: 300px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
margin: 0 0 5px 0;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 10px;
width: 890px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.sliderwrapper .contentdiv p.freelancelink {
margin: 5px 0 20px !important;
}

.sliderwrapper .contentdiv ul{
margin: 0 0 8px 50px;
color: #000000;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 15px;
}

.gpa {
float: right;
width: 150px !important;
margin: 0 !important;
}

.school {
width: 520px !important;
margin: 15px 0 30px !important;
}

a.resumedownload {
font-weight: bold !important;
text-decoration: none !important;
}

a.resumedownload:hover {
text-decoration: underline !important;
}