@charset "UTF-8";
/* CSS Document */
/*------------------------------------Generic Body Layout Styles-------------------*/

body {
	background: #2B2B2B;
}

h1, h2, h3, h4, h5, h6, blockquote, p, ul, ol, dl, address {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

img {
	border: 0;
}


p {
	margin-top: 1em;
	margin-bottom: 1em;
}

h1 {
	font-size: 1.15em;
	line-height: 70%;
}


#boldText {
	color: #D84613;
}

#boldText a:link, #boldText a:visited, #boldText a:hover, #boldText a:active {
	color: #879284;
	text-decoration: underline;
}

/*------------------------------------Container Layout Styles-------------------*/


.article #container, .sample #container, .cv #container {
	text-align: left;
	margin: 0px auto;
	width: 920px;
	font-family: Helvetica, Arial, sans-serif;
	color: #B1B1B1;
	font-size: 100.1%;
	line-height: normal;
	background: #2B2B2B;
}

/*------------------------------------Branding Layout Styles-------------------*/


.article #branding, .sample #branding, .cv #branding {
	height: 125px;
	position: relative;
}

#branding ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#branding li, #textNav li {
	display: inline;
}

#branding li a:link, #branding li a:visited {
	padding: 0 .5em;
	font-size: 1.5em;
	color: #828292;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	line-height: 1.5em;
	letter-spacing: -.05em;
	margin-right: .2em;
}

#branding li a:hover {
	color: #E3E3E3;
}

#branding li a.current, #branding li a.current:hover, #branding li a.current:active{
	color: #828292;
	cursor: default;
}

.article #nameTag, .sample #nameTag, .cv #nameTag {
	float: left;
	position: absolute;
	left: 0;
	bottom: 0;
}



/*------------------------------------Generic Flash Layout Styles-------------------*/

.article #line, .sample #line, .cv #line {
	background-color: #B1B1B1;
	height: 2px;
	width: 920px;
}

#flash {
	margin: 0;
	padding: 0;
	height: 300px;
	position: relative;
}

#animation {
	padding: auto;
	margin: 10px 20px;
}

/*------------------------------------Content Layout Styles-------------------*/

#mainContentTitle p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	letter-spacing: -.07em;
	line-height: .72em;
	color: #D84613;
	
}

.article #allContent {
	width: 920px;
}

.article #leftColumn {
	width: 350px;
	float: left;
}

.article #mainContentTitle {
	width: 350 px;
	float: right;
	padding: 1.35em 0;
	margin-left: 0px;
	text-align: right;
}
	

#secondaryNav {
	padding: 3em 0;
	margin: 0;
	clear: right;
	width: 180px;
	float: right;
}

#secondaryNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	right: 0px;
	bottom: 0px;
	margin-bottom: .9em;
}

#secondaryNav li {
	text-align: right;
}

#secondaryNav li a:link, #secondaryNav li a:visited  {
	padding: 0;
	font-size: 1.1em;
	color: #828292;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	line-height: 1.3em;
	letter-spacing: -.03em;
	text-align: right;
	display: block;
}

#secondaryNav li a:hover, #secondaryNav li a:active {
	color: #E3E3E3;
}

.article #mainContent {
	margin: 0 0 0 410px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.95em;
	line-height: 120%;
	letter-spacing: 0.005em;
	width: 30em;
	padding: 2.5em 0;
}

/*#mainContent a:link, #mainContent a:visited, #mainContent a:hover, #mainContent a:active {
	color: #879284;
	text-decoration: none;
}*/

/*.article #secondaryNav {
	margin: 0;
	padding: 0;
	position: relative;
}--*/

/*#otherNav {
	float: none;
	position: relative;
	padding: 0;
	margin: 0;
	width: 350px;
}

#otherNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	right: 0px;
	bottom: 0px;
	margin-bottom: 2em;
}

#otherNav li {
	display: list-item;
}

#otherNav li a:link, #otherNav li a:visited, #otherNav a:hover, #otherNav a:active  {
	padding: 0 .25em 2em 0;
	font-size: 1em;
	color: #D84613;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	line-height: 2em;
	letter-spacing: -.03em;
	text-align: right;
	margin-right: .4em;
}*/

/*#secondaryNav {
	padding: 0;
	margin: 0 0 0 410px;
	width: 30em;
}

#secondaryNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	right: 0px;
	bottom: 0px;
	margin-bottom: 2em;
}

#secondaryNav li {
	display: inline;
}

#secondaryNav li a:link, #secondaryNav li a:visited, #secondaryNav a:hover, #secondaryNav a:active  {
	padding: 0 .25em 2em 0;
	font-size: 1em;
	color: #828292;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	line-height: 4em;
	letter-spacing: -.03em;
	text-align: left;
	margin-right: .4em;
}*/

#samplesNav {
	padding: 3em 0;
	margin: 20px;
	clear: right;
	width: 180px;
	float: left;
}

#samplesNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	right: 0px;
	bottom: 0px;
	margin-bottom: 2em;
}

#samplesNav li {
	display: block;
	text-align: left;
}

#samplesNav li a:link, #samplesNav li a:visited {
	padding: 0 .25em 2em 0;
	font-size: .9em;
	color: #828292;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	line-height: 1.3em;
	letter-spacing: -.03em;
}

#samplesNav  li a:hover, #samplesNav li a:active {
	color: #E3E3E3;
}

#samplesContent {
	margin-top: 3em;
	margin-bottom: 3em;
	float: left;
}

#samplesList {
	width: 500px;
	float: left;
	padding: 1px;
}

#samplesPlayer {
	width: 370px;
	margin-left: 550px;
}

#samplesImage {
	margin-bottom: 5px;
}

#subtitle {
	width: 328px;
	background-color: #B1B1B1;
	color: #2B2B2B;
	font-size: .85em;
	letter-spacing: .04em;
	text-align: left;
	padding: 15px;
	border: 1px solid #B1B1B1;
	overflow: hidden;
	position: relative;
}

#samplesTitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	letter-spacing: -.07em;
	line-height: .72em;
	color: #D84613;
	text-indent: 20px;
}

#samplesLinks ul {
	text-decoration: none;
	list-style: none;
}

#samplesLinks li a {
	padding: 0 .25em 2em 0;
	margin-left: 20px;
	font-size: .85em;
	color: #879284;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	line-height: 1.2em;
	letter-spacing: -.03em;
	text-align: left;
}

#stuffGreen {
	background-color: #879284;
	color:  #2B2B2B;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 5px;
	border: 1px solid #879284;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
	
#stuffGray {
	background-color: #B1B1B1;
	color: #2B2B2B;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 5px;
	border: 1px solid #B1B1B1;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

#cvHeadline {
	margin: 0 0 0 350px;
	font: Helvetica, Arial, sans-serif;
	letter-spacing: 0em;
	text-decoration: underline;
	font-weight: bold;
}

#cvSubheadline {
	font: Helvetica, Arial, sans-serif;
	margin-left: 350px;
	font-style: italic;
}

#cvContent {
	margin-left: 350px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .70em;
	letter-spacing: -.01em;
}

#cvContent a:link, #cvContent a:visited {
	color: #2B2B2B;
	font-weight: bold;
	text-decoration: none;
}

#cvContent a:hover {
	color: #D84613;
}


#cvEducation {
	margin-left: 350px;
	font-size: .85em;
	font-style: italic;
	text-decoration: underline;
}
	

/*------------------------------------Disclaimer Layout Styles-------------------*/

.article #disclaimer, .sample #disclaimer, .cv #disclaimer {
	width: 920px;
	height: 200px;
	background-color:#879284;
	margin-bottom: 1em;
	font: helvetica;
	color: #2B2B2B;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #879284;
	margin: auto;
	overflow: hidden;
	position: relative;
}

.article #name, .sample #name, .cv #name {
	font-size: 24px;
	width: 920px;
	text-align: center;
	line-height: 48px;
	position: relative;
}

.article #address, .sample #address, .cv #address {
	float: left;
	width: 200px;
	padding: 0 20px 10px 230px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .5px;
	word-spacing: 0.5px;
	text-decoration: none;
}

#connections {
	width: 375px;
	padding: 0 20px 30px 0;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 0 485px;
}

#connections a {
	list-style: none;
	text-decoration: none;
	color: #2B2B2B;
}

.article #textNav, .sample #textNav, .cv #textNav {
	width: 920px;
	padding: 0;
	font-size: 12px;
	text-align: center;
	margin: 0;
}

#textNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#textNav li a {
	text-decoration: none;
	line-height: 1.2em;
	color: #2B2B2B;
}

.article #copyright, .sample #copyright, .cv #copyright {
	width: 920px;
	line-height: 11px;
	font-size: 9px;
	text-align: center;
	padding: 0 0 2px 0;
}


/*------------------------------------Classes for Float clearing-------------------*/

.clearFloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
