@charset "UTF-8";

/* ------------------------------------- ABSOLUTELYSPIFFY.COM 
 
GRAY: #dfdfdf
DARK GRAY: #4d4d4d
TURQUOISE: #24a899
 
/* ------------------------------------- RESET */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0; }
 
ul, li { list-style: none; }
 
img { border: none; }
 
/* ------------------------------------- BODY */
body {
	background: #dfdfdf;
	color: #4d4d4d;
	font-family: Helvetica, Arial, sans-serif; }
 
.container {
	height: 100%;
	margin-top: 40px;
	margin: 0 auto;
	width: 980px; }
 
.inner {
	margin: 0 auto;
	width: 950px; }
 
/* ------------------------------------- TOP */
.header {
	background: #24a899;
	height: 150px;
	position: fixed;
	top: 0;
	width: 100%; }
 
.logo {
	margin-left: 50%;
	margin-top: 50px;
	text-align: center;
	width: 475px; }
 
ul.menu {
	background: #fff;
	float: left;
	height: 100%;
	width: 50%; }
 
.menu li {
	margin-right: 20px;
	margin-top: 15px; }
 
a.home, a.print, a.misc {
	clear: both;
	display: block;
	float: right;
	height: 30px;
	width: 85px; }
 
a.web {
	clear: both;
	display: block;
	float: right;
	height: 30px;
	width: 120px; }
 
a.home:hover, li.active a.home { background: url(../images/nav.png) no-repeat 0 0; }
 
a.home { background: url(../images/nav.png) no-repeat 0 -30px; }
 
a.web:hover, li.active a.web { background: url(../images/nav.png) no-repeat 0 -60px; }
 
a.web { background: url(../images/nav.png) no-repeat 0 -90px; }
 
a.print:hover, li.active a.print { background: url(../images/nav.png) no-repeat 0 -120px; }
 
a.print { background: url(../images/nav.png) no-repeat 0 -150px; }
 
a.misc:hover, li.active a.misc { background: url(../images/nav.png) no-repeat 0 -180px; }
 
a.misc { background: url(../images/nav.png) no-repeat 0 -210px; }
 
/* ------------------------------------- STICKY FOOTER */
html, body { height: 100%; }
 
#wrap { min-height: 100%; }
 
#main {
	overflow: auto;
	padding-bottom: 50px; }
 
/* must be same height as the footer */
/*Opera Fix*/
body:before {
	content: "";
	float: left;
	height: 100%;
	margin-top: -32767px;/
	width: 0; }
 
#footer {
	background: #24a899;
	clear: both;
	height: 50px;
	margin-top: -50px; /* negative value of footer height */
	padding-top: 15px;
	position: relative;
	text-align: right;
	width: 100%; }
 
	#footer a {
		color: #FFF;
		font-size: 20px;
		text-decoration: none; }
 
		#footer a:hover { color: #4d4d4d; }
 
/* MEDIA LINKS */
a.twitter, a.linked, a.plus, a.stumble {
	display: inline-block;
	float: left;
	height: 35px;
	margin-right: 5px;
	width: 35px; }
 
a.twitter { background: url(../images/nav.png) no-repeat 0 -240px; }
 
	a.twitter:hover { background-position: 0 -280px; }
 
a.linked { background: url(../images/nav.png) no-repeat -40px -240px; }
 
	a.linked:hover { background-position: -40px -280px; }
 
a.plus { background: url(../images/nav.png) no-repeat -78px -240px; }
 
	a.plus:hover { background-position: -78px -280px; }
 
a.stumble { background: url(../images/nav.png) no-repeat -117px -240px; }
 
	a.stumble:hover { background-position: -117px -280px; }
 
a.mailto {
	background: url(../images/nav.png) no-repeat 0 -320px;
	display: inline-block;
	float: right;
	height: 30px;
	margin-top: 5px;
	width: 275px; }
 
	a.mailto:hover { background: url(../images/nav.png) no-repeat 0 -348px; }
 
/* ------------------------------------- ABOUT */
.about {
	background: url(../images/bg_white60.png) repeat;
	margin-top: 180px;
	margin-bottom:30px;
	width: 100%; }
 
	.about img { margin: 40px 0; }
 
.aboutL {
	height: 250px;
	margin-bottom: 40px;
	text-align: center;
	width: 460px; }
 
	.aboutL h2 {
		background: url(../images/nav.png) no-repeat -120px -29px;
		display: block;
		height: 30px;
		margin-bottom: 5px;
		width: 150px; }
 
/* SKILLS */
.skills {
	float: right;
	font-size: 10px;
	text-transform: uppercase;
	width: 475px; }
 
	.skills h2 {
		background: url(../images/nav.png) no-repeat -120px 0;
		display: block;
		height: 30px;
		margin-bottom: 5px;
		width: 130px; }
 
	.skills ul {  }
 
	.skills li {
		background: url(../images/bg_white60.png) repeat;
		border: none;
		color: #FFF;
		margin: 0 0 6px 0; }
 
.percent {
	background: #24a899;
	border-right: 1px #3df0dc solid;
	height: 17px;
	padding-right: 8px;
	padding-top: 8px;
	text-align: right; }
 
.bar {
	color: #24a899;
	font-weight: bold;
	margin-top: 12px; }
 
/* ------------------------------------- PORTFOLIO */
ul.portfolio { margin-top: 165px; }
 
.portfolio li { margin-bottom: 30px; }
 
	.portfolio li p {
		background: url(../images/bg_white60.png) repeat;
		margin: -17px 15px 0 15px;
		padding: 20px; }
 
.portfolio a {
	border-bottom: 1px dotted #24a899;
	color: #24a899;
	text-decoration: none; }
 
	.portfolio a:hover {
		border-bottom: 1px dotted #4d4d4d;
		color: #4d4d4d;
		text-decoration: none; }
 
.portfolio b {
	color: #24a899;
	text-decoration: none; }
 
.crn {
	background: url(../images/web/crn_bg.png);
	height: 590px;
	width: 980px; }
 
	.crn img { margin: 54px 0 0 155px; }