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

body { margin: 0; font-size:62.5%; color:#666666; background-image:url(../img/mainBg.gif); width:100%; height:100%; font-family:Tahoma, Geneva, sans-serif; }
h1 { font-size:2.4em; color:#afc646; }
h2 { font-size:1.8em; color:#afc646; }
h3 { font-size:1.4em; color:#afc646; }
h4 { font-size:1.2em; color:#afc646; }
.after { display:block; clear:both; height:0px; visibility:hidden; }
img { border:0; }
a:link { color:#3689c3; text-decoration:none; }
a:active { color:#3689c3; }
a:hover { color:#3689c3; text-decoration:underline; }
a:visited { color:#3689c3; text-decoration:none; }
.floatRight { float:right; margin-left:20px; margin-top:6px; }
.floatLeft { float:left; margin-right:20px; margin-top:6px; }
.boldIt { font-weight:bold; }
.vertSpacer { height:14px; }
.vertSpacerAbout { height:14px; }
.inside { padding-top:1px; }
hr { border:0; color:#999; background-color:#999; height:1px; width:100%; }

#mainBorder {
	margin:0 auto;
	width:800px;
	border:#afc646;
	border-style:solid;
	border-width:thin;
	background-color:#ffffff;
	box-shadow:0px 0px 8px #ababab;
}
#bodyArea {
	width:800px;
	margin:0 auto;
	background-color:#FFF;
	background-image:url(../img/greenGradientBackground.png);
	background-repeat:repeat-y;
}
.tagline {
	display:block;
	width:24em;
	height:1.4em;
	float:left;
	color:#ed3a22;
	font-weight:bold;
	font-size:0.7em;
	margin-left:14px;
	margin-top:19px;
}
#navCont {
	height:56px;
	background-color:#afc646;
}
#navCont li {
	float:right;
	font-weight:bold;
	font-size:0.7em;
	padding:0.1em 1.2em 0.1em 1.2em;
	margin-top:18px;
}
#navCont li a {
	color:#fff;
}
.navDivider {
	border-right:1px solid #FFF;
}
.bannercontainer {
	padding:0px;
	background-color:#facf5e;
	width:800px;
	position:relative;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.banner{
	width:800px;
	height:280px;
	position:relative;
	overflow:hidden;
}
#headerSpacer {
	height:10px;
	background-color:#afc646;
}
#footerBar {
	height:2em;
	background-color:#afc646;
	text-align:right;
	font-size:0.7em;
	font-weight:bold;
	padding-right:2em;
	padding-top:1em;
}
#footerBar a {
	color:#FFF;
}
.sectionHeader_websites {
	width:315px;
	height:54px;
	margin-top:25px;
	background-image:url(../img/websiteInteractive_hdr.png);
}
.sectionHeader_interactiveDesign {
	width:315px;
	height:54px;
	margin-top:25px;
	background-image:url(../img/interactiveDesign_hdr.png);
}
.sectionHeader_webDev {
	width:315px;
	height:54px;
	margin-top:25px;
	background-image:url(../img/websiteDevelopment_hdr.png);
}
.sectionHeader {
	width:315px;
	height:54px;
	margin-top:25px;
}
.thumbContainer {
	width:800px;
	padding-top:35px;
}
.thumbContainer img {
	margin-bottom:10px;
}
.portfolioItemCont {
	width:226px;
	margin-left:30px;
	float:left;
	line-height:1.6em;
	font-size:0.8em;
}
.portfolioItemCont p, .portfolioItemCont h3 {
	margin-bottom:6px;
}
.portfolioItemCont h3 {
	color:#afc646;
	font-size:1.1em;
}
.skillsetLeft {
	width:225px;
	height:80px;
	float:left;
}
.skillsetMiddle {
	width:225px;
	height:80px;
	float:left;
	margin-left:15px;
}
.skillsetRight {
	width:225px;
	height:80px;
	float: left;
	margin-left:15px;
}
.bodyCont {
	width:720px;
	padding-top:15px;
	margin:0 auto;
	line-height:1.6em;
	font-size:0.8em;
}
.bodyCont p {
	margin-bottom:1.2em;
}
.headshot {
	width:145px;
	height:140px;
	float:left;
	padding-top:5px;
}
.mobileFriendly { font-size:0.9em; color:#99ae3b; }
.noColorbox { display:none }