/*========================================================================================= GLOBAL HTML OVERRIDES ==*/

body {
	border: 0;
	padding: 0;
	margin: 0;

	background: #FFF url("img/body_bg.png") repeat-x;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
	color: #6f8b99;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: #009dff;
}

a:hover {
	text-decoration: underline;
}

/*========================================================================================= MENU ==*/

#menu {
	display: block;
	margin: 35px 35px 0 35px;
	height: 52px;
	min-width: 900px;
	background: url("img/menu_bg.png") repeat-x;
}

#menu H1.name_title {
	display: none;
}

#menu a.name {
	height: 52px;
	width: 125px;
	display: block;
	float: left;
	background: url("img/menu_name.png") no-repeat;
}

#menu ul {
	list-style: none;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
}

#menu ul li {
	display: inline;
	float: left;
}

#menu ul li a.name, #menu ul li a.portfolio, #menu ul li a.about, #menu ul li a.resources, #menu ul li a.miscellaneous {
	height: 52px;
	display: block;
	float: left;
	background-position: 0px 0px;
}

#menu ul li a.portfolio:hover, #menu ul li a.about:hover, #menu ul li a.resources:hover, #menu ul li a.miscellaneous:hover {
	background-position: 0px -52px;
}

#menu ul li a.portfolio {
	width: 90px;
	background: url("img/menu_portfolio.png") no-repeat;
}

#menu ul li a.about {
	width: 65px;
	background: url("img/menu_about.png") no-repeat;
}

#menu ul li a.resources {
	width: 96px;
	background: url("img/menu_resources.png") no-repeat;
}

#menu ul li a.miscellaneous {
	width: 57px;
	background: url("img/menu_miscellaneous.png") no-repeat;
}

#menu ul li a span {
	display: none;
}

#menu span.gap {
	height: 52px;
	width: 16px;
	display: block;
	float: left;
	background: url("img/menu_gap.png") no-repeat;
}

span.cap_left {
	height: 148px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	width: 42px;
	background: url("img/body_bg_left.png") no-repeat;
}

span.cap_right {
	height: 148px;
	position: relative;
	display: block;
	float: right;
	top: -35px;
	right: -35px;
	z-index: -1;
	width: 38px;
	background: url("img/body_bg_right.png") no-repeat;
}

#menu ul li .email {
	float: left;
	margin: 0 0 0 120px;
}

#menu ul li .cv {
	clear: left;
	margin: 0 0 0 120px;
}

#menu ul li .cv a.cvonline, #menu ul li .cv a.cvdownload, #menu ul li .email a {
	height: 26px;
	display: block;
	float: left;
	background-position: 0px 0px;
}

#menu ul li .cv a.cvonline:hover, #menu ul li .cv a.cvdownload:hover, #menu ul li .email a:hover {
	background-position: 0px -26px;
}

#menu ul li .email a {
	width: 199px;
	background: url("img/menu_email.png") no-repeat;
}

#menu ul li .cv a.cvonline {
	width: 114px;
	background: url("img/menu_cvonline.png") no-repeat;
}

#menu ul li .cv a.cvdownload {
	width: 85px;
	background: url("img/menu_cvdownload.png") no-repeat;
}

#menu ul li .email span, #menu ul li .cv span {
	display: none;
}

/*========================================================================================= BREADCRUMBS ==*/

#breadcrumbs {
	clear: left;
	float: left;
	display: block;
	height: 44px;
	margin: 0 0 0 160px;
	background: url("img/breadcrumbs_bg.png") repeat-x;
	white-space: nowrap;
}

#breadcrumbs span {
	white-space: nowrap;
}

#breadcrumbs .end_left {
	background: url("img/breadcrumbs_left.png") no-repeat;
	height: 44px;
	width: 17px;
	display: block;
	float: left;
}

#breadcrumbs .end_right {
	background: url("img/breadcrumbs_right.png") no-repeat;
	height: 44px;
	width: 10px;
	display: block;
	float: left;
	position: relative;
	right: -10px;
	z-index: 1;
}

#breadcrumbs .arrow {
	background: url("img/breadcrumbs_arrow.gif") no-repeat;
	height: 44px;
	width: 8px;
	display: block;
	float: left;
}

#breadcrumbs a {
	display: block;
	float: left;
	height: 22px;
	margin: 12px 0 0 0;
}

#breadcrumbs a.portfolio {
	background: url("img/breadcrumbs_portfolio.gif") no-repeat;
	width: 76px;
}

#breadcrumbs a.about {
	background: url("img/breadcrumbs_about.gif") no-repeat;
	width: 56px;
}

#breadcrumbs a.resources {
	background: url("img/breadcrumbs_resources.gif") no-repeat;
	width: 80px;
}

#breadcrumbs a.misc {
	background: url("img/breadcrumbs_misc.gif") no-repeat;
	width: 108px;
}

#breadcrumbs a.cv {
	background: url("img/breadcrumbs_cv.gif") no-repeat;
	width: 121px;
}

#breadcrumbs a.error404 {
	background: url("img/breadcrumbs_404.gif") no-repeat;
	width: 42px;
}

#breadcrumbs a.lougaroux {
	background: url("img/breadcrumbs_portfolio_lougaroux.gif") no-repeat;
	width: 85px;
}

#breadcrumbs a.survivor {
	background: url("img/breadcrumbs_portfolio_survivor.gif") no-repeat;
	width: 65px;
}

#breadcrumbs a.tf2freeman {
	background: url("img/breadcrumbs_portfolio_tf2freeman.gif") no-repeat;
	width: 86px;
}

#breadcrumbs a.havoktropen {
	background: url("img/breadcrumbs_portfolio_havoktropen.gif") no-repeat;
	width: 93px;
}

#breadcrumbs a.infiltrator {
	background: url("img/breadcrumbs_portfolio_infiltrator.gif") no-repeat;
	width: 71px;
}

#breadcrumbs a.larrigans {
	background: url("img/breadcrumbs_portfolio_larrigans.gif") no-repeat;
	width: 121px;
}

#breadcrumbs a.red {
	background: url("img/breadcrumbs_portfolio_red.gif") no-repeat;
	width: 107px;
}

/*========================================================================================= MAIN CONTENT ==*/

#content {
	float: left;
	clear: left;
	display: block;
	border: 36px 0 0 0;
	min-width: 100%;
}

.portfolio_content {
	min-width: 750px;
	display: block;
}

.about_content {
	min-width: 450px;
	max-width: 750px;
	display: block;
	padding: 0 0 0 60px;
}

.misc_content {
	min-width: 450px;
	max-width: 750px;
	display: block;
	padding: 0 0 0 60px;
}

.resources_content {
	min-width: 450px;
	max-width: 750px;
	display: block;
	padding: 0 0 0 60px;
}

.cv_content {
	min-width: 450px;
	max-width: 750px;
	display: block;
	padding: 0 0 0 60px;
}

/*========================================================================================= THUMBNAILS ==*/

.thumbnails {
	float: left;
}

.thumbnails h2 {
	display: none;
}

.thumbnails .bigthumb {
	margin: 0 0 0 60px;
	display: inline;
	float: left;
}

.thumbnails .thumb {
	display: inline;
	float: left;
}

.smallthumbs {
	clear: both;
	display: block;
	margin: 0 0 0 60px;
	padding: 22px 0 0 0;
}

/*========================================================================================= SKILLS ==*/

.shortskills {
	float: left;
	width: 250px;
	background: #edf1f2;
	margin: 0 0 0 60px;
}

.ataglance {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 12px solid #FFF;
	height: 25px;
	width: 250px;
	background: url("img/title_ataglance.png") no-repeat;
}

.shortskills .text {
	padding: 10px;
}

.shortskills h2 {
	display: none;
}

.shortskills strong {
	border-top: 6px solid #FFF;
	padding: 0 0 0 10px;
	display: block;
	text-transform: lowercase;
}

/*========================================================================================= PORTFOLIO ==*/

.portfolio_main_image {
	float: left;
	margin: 0 0 0 60px;
}

.portfolio_blurb {
	float: left;
	width: 250px;
	background: #edf1f2;
	margin: 0 0 0 60px;
}

.portfolio_blurb h2 {
	display: none;
}

.portfolio_blurb_text {
	padding: 10px;
}

.portfolio_title {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 12px solid #FFF;
	height: 25px;
	width: 250px;
}

.portfolio_next {
	position: relative;
	top: 0px;
	left: 0px;
	border-bottom: 12px solid #FFF;
	display: block;
	height: 112px;
	width: 260px;
}

.portfolio_techspecs {
	display: block;
	height: 55px;
	width: 250px;
	background: url("img/portfolio_scrolldown.png") no-repeat;
	border-bottom: 12px solid #FFF;
}

.portfolio_back_to_top {
	display: block;
	height: 55px;
	width: 250px;
	background: url("img/portfolio_backtotop.png") no-repeat;
	border-top: 12px solid #edf1f2;
}

.portfolio_next span, .portfolio_techspecs span, .portfolio_back_to_top span {
	display: none;
}

#techspecs {
	clear: both;
	padding: 60px 0 12px 60px;
	background: #edf1f2;
}

.60margin {
	margin: 0 0 0 60px;
}

.portfolio_footer {
	float: left;
	clear: both;
}

/*========================================================================================= ABOUT ==*/

.about_content .picture {
	float: left;
	margin: 3px 22px 22px 22px;
}

.about_content .blurb {
	
}

/*========================================================================================= CV ==*/

.cv_content ul.cvbullet li {
	list-style-image: url("img/bullet_plus.png");
	padding: 0;
	border: 0;
	margin: 0;
}

.cv_content a.cvdownload {	
	background: url("img/button_cvdownload.png") right top no-repeat;
	height: 70px;
	width: 229px;
	display: block;
	float: right;
}

.cv_content a.cvdownload span {
	display: none;
}

.cv_content .cvcontent {
	margin: 0 0 0 22px;
}