@font-face {
    font-family: 'BellGothicStdBold';
    src: url('bellgothicstd-bold-webfont.eot');
    src: url('bellgothicstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('bellgothicstd-bold-webfont.woff') format('woff'),
         url('bellgothicstd-bold-webfont.ttf') format('truetype'),
         url('bellgothicstd-bold-webfont.svg#BellGothicStdBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: '5AMGenderRegular';
    src: url('gender-webfont.eot');
    src: url('gender-webfont.eot?#iefix') format('embedded-opentype'),
         url('gender-webfont.woff') format('woff'),
         url('gender-webfont.ttf') format('truetype'),
         url('gender-webfont.svg#5AMGenderRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* CLEARFIX CODE */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}



body {
	font-size: 12pt;
	padding: 0;
	margin: 0;
	}
p { 
	font-family: 'BellGothicStdBold', Arial, sans-serif; 
	font-size: 0.9em;
	color: #393939;
	line-height: 1.35em;
	}
p.small {
	font-size: 0.76em;
	color: #999;
	}
p.small2 {
	font-size: 0.85em;
	color: #666;
	}
div {
	padding: 0;
	margin: 0;
	}
img.insert
{
vertical-align:text-bottom;
border: 0;
}
a:visited {
	color: #393939;
	}
a:hover {
	color: #c51300;
	}
a {
	text-decoration: none;
	font-size: 1.1em;
	color: #c51300;
	}



.content {

	}
.mast {
	width: 800px;
	margin: auto;
	font-family: '5AMGenderRegular', Arial, sans-serif; 
	font-size: 5em;
	text-align: left;
	color: #696969;
	font-weight: normal;
	padding: 100px 0 0 10px;
	}
#location {
	margin-top: -1px; 
	padding: 5px 0 0 0; 
	background: #efefef; 
	width: 800px;
	margin: auto;
	display: none;
	}
.contactstrip {
	width: 800px;
	margin: auto;
	}
.contacttab {
	float: right;
	background: url("../gfx/contactsprite.jpg") 0 0 no-repeat;
	width: 56px;
	height: 28px;
	cursor: pointer;
	}

div.contacttab:hover {
	background-position: 0 -30px;
	}
.footer {
	font-family: 'BellGothicStdBold', Arial, sans-serif;
	width: 800px;
	margin: auto;
	padding: 100px 0 20px 22px;
	font-size: 0.7em;
	color: #9F9F9F;
	}
.title {
	font-family: '5AMGenderRegular', Arial, sans-serif; 
	font-size: 3em;
	color: #c9c9c9;
	width: 800px;
	margin: auto;
	font-weight: normal;
	font-style: normal;
	padding: 0 0 0 15px;
	}
.locationbar {
	width: 100%;
	background: #efefef;
	}
.titlebar00 {
	width: 100%
	}
.titlebar01 {
	width: 100%;
	background: #666;
	}
.titlebar02 {
	width: 100%;
	background: #aaa;
	}
.titlebar03 {
	width: 100%;
	background: #CACDCF;
	}
.titlebar04 { /* unused - writing section */
	width: 100%;
	background: #888;
	}
.titlebar05 {
	width: 100%;
	background: #afafaf;
	}
	
	
.section {
	/* border: solid 1px gray; */
	width: 800px;
	margin: auto;
	display: none;
	}
.details {
	/* border: solid 1px purple; */
	position: relative;
	float: left;
	width: 580px;
	margin: 0 20px 20px 7px;
	}
.sidebar {
	/* border: solid 1px green; */
	position: relative;
	float: left;
	width: 170px;
	margin: 45px 0;
	}
	
/* MY STAT SHEET CHART */
.chartbar {
	width: 50px; 
	position: absolute; 
	bottom: 0;
	}
.attribute {
	width: 50px;
	font-family: Arial, sans-serif; 
	text-align: center;
	font-size: 0.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: gray;
	}
.score {
	text-align: center; 
	color: white;
	font-family: 'BellGothicStdBold', Arial, sans-serif; 
	font-size: 1.3em;
	}