/* POLITE TEMPLATE by Chris de Joya */
/* chrisdejoya.wordpress.com */
/* A minimal template to ease the portfolio viewing burdens of art recruiters and art directors everywhere. */
/* No thumbnails, no subpages, no distracting graphic design. Let your artwork do the talking. */

html, body
{
	margin:					0px;
	padding:				0px;
	border:					0px;
}

body
{
	font-family:			Arial, Sans-Serif;
	overflow:				auto;
	background:				url('img/BDBG.jpg');
	cursor:					default;
}

.container
{
	position:				absolute;
	width:					100%;
	height:					100%;
	clear:					left;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}

/* CONTENT */

.frame
{
	width:					1280px;
	margin:					auto;
	margin-top:				60px;
}	

img
{
	z-index:				0;
	position:				relative;
	top:					-20px;
	background:				#666666;
	margin-bottom:			20px;
	padding:				5px;
	padding-top:			40px;
}

.caption
{
	z-index:				1;
	padding-bottom:			20px;
	position:				relative;
	top:					5px;
	height:					30px;
	text-align:				center;
	font-size:				20pt;
	color:					#eee;
	text-shadow:			0px 1px 2px rgba(0,0,0,0.5);
}

.caption b
{
	color:					#fff;
}

.breakdown
{
	position:				relative;
	top:					20px;
	text-align:				left;
	font-size:				13pt;
	color:					#eee;
	text-shadow:			0px 4px 2px rgba(0,0,0,0.5);
    padding-bottom:         300px;
}

#HyperlinkBody
{
	color:					#D3D3D3;
	font-size:				14pt;
	text-align:				center;
	padding-top:			10px;
}

#HyperlinkBody a
{
	margin-right:			5px;
	color:					#D3D3D3;
	text-decoration:		none;
	text-shadow:			0px 1px 2px rgba(0,0,0,0.5);
}

#HyperlinkBody a:hover
{	
	color:					#FFFFFF;
	font-weight:			bold;
}

/* HEADER */

.header
{
	z-index:				2;
	position:				fixed;
	top:					0px;
	width:					100%;
	height:					40px;
	padding-top:			5px;
	padding-left:			15px;
	background:				#070707;
	background:				url('img/headerbg.png');
	background-repeat:		repeat-x;
}

.icon
{
	position:				absolute;
	top:					0px;
	left:					5px;
	width:					40px;
	height:					40px;
	background:				url('img/whitetooth_1.png');
}

#name
{
	margin-right:			5px;
	color:					#fff;
	letter-spacing:			1pt;
	text-shadow:			0px 1px 2px rgba(0,0,0,0.7);
}

#job
{
	color:					#ddd;
	letter-spacing:			1pt;
	text-shadow:			0px 1px 4px rgba(0,0,0,0.7);
}

#linkbox
{
	color:					#fff;
	font-size:				9pt;
	font-weight:			bold;
}

#linkbox a
{
	margin-right:			5px;
	color:					#ccc;
	text-decoration:		none;
	text-shadow:			0px 1px 2px rgba(0,0,0,0.5);
}

#linkbox a:hover
{	
	color:					#fff;
}

/* FOOTER */

.footer
{
	z-index:				2;
	position:				fixed;
	bottom:					0px;
	width:					100%;
	height:					25px;
	padding-left:			20px;
	background:				#070707;
	background:				url('img/footerbg.png');
	background-repeat:		repeat-x;
}

#copyright
{
	position:				relative;
	top:					5px;
	font-size:				8pt;
	font-weight:			bold;
	color:					#fff;
	text-shadow:			0px 1px 2px rgba(0,0,0,0.5);
}