*
{
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

::selection { background: transparent; }
::-moz-selection { background: transparent; }

/**************************************************************************************************/
html { font-size: 9pt; }

body
{
	z-index: 0;
	position: relative;
	text-align: center;
	background: #cccccc;
}

a, a:visited, a:hover, a:active
{
	text-decoration: none;
	color: #000;
}

ul, li { list-style: none; }
:focus { -moz-outline-style: none; }
a, object, embed { outline: none; }

/**************************************************************************************************/
.Core, .Holder,
.Content, .Section,
.Nav, .SubNav, .Menu,
.Padding,
.Image, .Text,
.Icon, .Label, .Clickable,
.Frame, .AjaxContent, .Slideshow,
.Header, .Footer,
.Top, .Between, .Bottom, 
.Left, .Right, .Middle,
.Controls,
.Logo,
ul, li
{
	position: relative;
	float: left;
	display: inline;
}

/**************************************************************************************************/
.Wrapper
{
	width: 1000px;
	height: 100%;
	margin: 0 auto 0 auto;
	clear: both;
	text-align: left;
	background-color: #cccccc;
}

.Wrapper .Padding
{
	padding: 0;
	clear: both;
}

.Wrapper .Left { float: left; }
.Wrapper .Right { float: right; }

/**************************************************************************************************/
.seriesPage
{
	width: 1000px;
	height: 770px;
	background-color: #ddd;
}

/**************************************************************************************************/
.Header,
.Footer
{
	width: 100%;
	background-color: #efefef;
}

.Header { height: 60px; }
.Footer { height: 50px; }

.Header .Padding,
.Footer .Padding
{
	padding: 0;
	margin: 0;
}

.Header .Top .Padding
{
	padding: 10px 25px 0 15px;
	margin: 0;
}

.Header .Bottom .Padding
{
	padding: 15px 25px 0 15px;
	margin: 0;
}

.Footer .Padding { padding: 25px 25px 0 15px; }
.Header .Left { width: 180px; }
.Header .Left, 
.Header .Left .Padding, 
.Header .Left ul { float: left; }
.Header .Right { width: 820px; }
.Header .Right,  
.Header .Right .Top, 
.Header .Right .Bottom, 
.Header .Right ul { float: right; }

/**************************************************************************************************/
.Nav ul li { margin: 0 0 0 15px; }
.Nav ul li.select_label { margin: 0 3px 0 0; }
.Nav li.active p a, 
.Nav li:hover p a, .Nav li:active p a { color: #d6492a; }

/**************************************************************************************************/
.SubNav ul li { margin: 0; }
.SubNav ul li.select_label { margin: 0 3px 0 0; }
.SubNav li.active p a, 
.SubNav li:hover p a, .SubNav li:active p a { color: #d6492a; }

/**************************************************************************************************/
.Header .Right .Nav li#series
{
	padding: 0 13px 0 0;
	background-image: url('../images/arrow_down.png');
	background-repeat: no-repeat;
	background-position: right center;
}

.Header .Right .SubNav ul li
{
	padding: 0 0 0 20px;
	background-image: url('../images/subnav_bullet.png');
	background-repeat: no-repeat;
	background-position: 8px 4px;
}

.Header .Right .SubNav ul li:first-child { background-image: none; }

/**************************************************************************************************/
.Header .Left .Logo .Padding { padding: 10px 0 10px 15px; }
.Footer .Left .Left .Logo .Padding { padding: 16px 0 0 15px; }
.Footer .Left .Right .Logo .Padding { padding: 14px 0 0 20px; }
.Footer .Left .Right { float: left; }

/**************************************************************************************************/
.Menu
{
	padding: 0;
	margin: 0;
	overflow: hidden;
	background-color: #fafafa;
}

.Menu .Padding { padding: 0 !important; }

.Menu ul
{
	padding: 0;
	margin: 0;
}

.Menu li
{
	clear: both;
	overflow: hidden;
	width: 430px;
	margin: 0 0 10px 0;
}

.Menu li.quote, .Menu li.video
{
	margin: 0;
	background-color: #f00;
}

.Menu li#video { display: none; }
.Menu .Label { height: 20px !important; }
.Menu .Label .Padding { padding: .25em 0 0 5px !important; }
.Menu .Label .SeriesTitle { color: #d6492a; }

/**************************************************************************************************/
.Menu li .Icon
{
	background-color: #efefef;
	width: 20px;
	height: 20px;
	background-image: url('../images/menu_plus.png');
	background-repeat: no-repeat;
	background-position: center center;
}

.Menu li#quote .Icon { background-image: url('../images/menu_quote.png'); }
.Menu li#video .Icon { background-image: url('../images/menu_video.png'); }
.Menu li .Clickable:hover .Icon { background-color: #d6492a; }

.Menu li.active .Icon
{
	background-color: #d6492a;
	background-image: url('../images/menu_minus.png');
}

.Menu li.active .Clickable:hover .Icon { background-color: #d68888; }
.Menu li .Clickable:hover { cursor: pointer; }

/**************************************************************************************************/
.Menu li .Text
{
	width: 430px;
	display: none;
	clear: both;
}

.Menu li .Text .Padding { padding: 10px 0 0 25px !important; }

.Menu li .Text .Core
{
	width: 405px;
	height: 510px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

.Menu li .Text .Core .Padding { padding: 0 30px 0 0 !important; }

/**************************************************************************************************/
.biographyPage .Menu li .Icon
{
	background-image: none;
	background-color: transparent;
}

.biographyPage .Menu li .Clickable:hover .Icon { background-color: inherit; }
.biographyPage .Menu li.active .Clickable:hover .Icon { background-color: inherit; }

.biographyPage .Menu li .Text
{
	display: block;
	clear: both;
}

/**************************************************************************************************/
.Menu li .Text .Track
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 15px;
	height: 93px;
}

.Menu li .Text .Slider
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 15px;
	height: 93px;
	background-color: #efefef;
}

.Menu li .Text .Slider:hover
{
	cursor: pointer;
	background-color: #d6492a;
}

.Menu li .Text .Slider:active { background-color: #efefef; }

/**************************************************************************************************/
.Menu li .Text .Core blockquote
{
	margin: 0 0 0 20px;
	color: gray;
}

/**************************************************************************************************/
.Content { width: 100%; }

.Content .Padding
{
	padding: 0;
	margin: 0;
}

/**************************************************************************************************/
.Section
{
	width: 100%;
	min-height: 660px;
	clear: both;
	background-color: #fafafa;
	overflow: hidden;
}

.Section .Padding
{
	padding: 10px 0 0 0;
	margin: 0;
}

/**************************************************************************************************/
.Section .Middle
{
	width: 936px;
	height: 650px;
}

.Section .Middle .Left
{
	width: 450px;
	z-index: 999;
}

.Section .Middle .Right
{
	width: 936px;
	position: absolute;
	top: 0;
	right: 0;
}

/**************************************************************************************************/
.creditsPage .Section .Middle
{
	width: 1000px;
	height: 630px;
}

.creditsPage .Section .Middle .Image
{
	width: 615px;
	height: 299px;
	margin: 135px 0 0 192px;
	clear: both;
}

/**************************************************************************************************/
.Core { }
.Core .Padding { padding: 15px 0 15px 0; }
.Middle .Left .Core .Padding { padding: 0; }
.Middle .Right .Core .Padding { padding: 0; }

/**************************************************************************************************/
.Nav .Padding
{
	padding: 0;
	background-color: inherit;
}

.Nav ul li:hover { cursor: pointer; }

/**************************************************************************************************/
.Middle .Left .Nav ul li
{
	width: 5px;
	height: 5px;
	margin: 0 0 0 3px;
	background-color: #efefef;
	clear: none;
}

.Middle .Left .Nav li.active { background-color: #d6492a; }
.Middle .Left .Nav { height: 20px; }
.Middle .Left .Nav .Padding { padding: .7em 0 0 5px !important; }

/**************************************************************************************************/
.Frame, 
.AjaxContent, 
.Slideshow { position: absolute; }

.Frame
{
	top: 0;
	right: 0;
}

.AjaxContent { display: none; }
.AjaxContent:first-child { display: block; }

.Slideshow
{
	top: 0;
	right: 0;
}

.Frame,
.AjaxContent,
.Slideshow,
.Slideshow ul,
.Slideshow ul li
{
	width: 936px;
	height: 645px;
}

.Slideshow ul,
.Slideshow ul li { float: left; }
.Slideshow ul li { display: none; }
.Slideshow ul li:first-child { display: block; }
.Slideshow ul li .Image { float: right; }

/**************************************************************************************************/
.Frame .Nav
{
	position: absolute;
	z-index: 999;
}

.Frame .Nav ul { width: inherit; }

.Frame .Nav ul li
{
	width: 10px;
	height: 10px;
	margin: 0 0 0 8px;
	background-color: #efefef;
}

.Frame .Nav li.active { background-color: #d6492a; }

/**************************************************************************************************/
.Slideshow ul li .Image .Padding
{
	padding: 0;
	background-color: inherit;
}

.Slideshow ul li .Image img
{
	position: relative;
	float: left;
	display: inline;
	margin: 0 0 5px 0;
	background-image: url('../images/loading_graphic.png');
	background-repeat: no-repeat;
	background-position: center center;
}

.Slideshow ul li .Image .Caption .Padding
{
	padding: 0 30px 0 0;
	background-color: inherit;
}

/**************************************************************************************************/
.Slideshow ul li .Image .AboutWork,
.Slideshow ul li .Image .VideoContent
{
	display: none;
	width: 0;
	height: 0;
	overflow: hidden;
}

/**************************************************************************************************/
.Controls
{
	height: 630px;
	width: 32px;
}

.Controls .Left .Padding { padding: 310px 7px 0 5px; }
.Controls .Right .Padding { padding: 310px 5px 0 7px; }

.Controls ul
{
	width: 20px;
	height: 320px;
}

.Controls .Left ul { float: left; }
.Controls .Right ul { float: right; }

.Controls li
{
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-position: center center;
}

.Controls li.Previous { background-image: url('../images/arrow_left.png'); }
.Controls li.Next { background-image: url('../images/arrow_right.png'); }

.Controls li:hover
{
	cursor: pointer;
	background-color: #d6492a;
}

/**************************************************************************************************/
.QuoteBackground, 
.VideoBackground
{
	position: absolute;
	float: none;
	display: hidden;
	z-index: 990;
	top: 0;
	background-color: #efefef;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.QuoteCore,
.VideoCore
{
	position: absolute;
	float: none;
	display: hidden;
	z-index: 999;
	top: 0;
}

.QuoteCore { width: 660px; }

.QuoteClose,
.VideoClose
{
	position: absolute;
	top: -30px;
	right: -10px;
	width: 20px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #d6492a;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../images/modal_close.png');
}

.QuoteClose:hover,
.VideoClose:hover
{
	cursor: pointer;
	background-color: #d68888;
}

.MediaPlayer
{
	position: absolute;
	top: 0;
	left: 0;
}

.MediaPlayer img { display: none; }

/**************************************************************************************************/
.at300bs { background: none !important; }

/**************************************************************************************************/
/**************************************************************************************************/
p { margin-bottom: 10px; }

/**************************************************************************************************/
.Header .Right .Nav li p { text-transform: uppercase; }

/**************************************************************************************************/
.Nav ul li p
{
	font-size: 13px;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

/**************************************************************************************************/
.SubNav ul li p
{
	white-space: nowrap;
	padding: 0;
	margin: 0;
	font-size: 11px;
	letter-spacing: .03em;
}

/**************************************************************************************************/
.Menu li .Label p
{
	text-transform: uppercase;
	white-space: nowrap;
}

.Menu li .Text
{
	font-size: 16px;
	line-height: 24px;
}

.Menu .mono_ha_menu { font-size: 30px; }

/*italics need to be turned off for fonts.com to work properly*/

.Menu li .Label p i, .SubNav ul li p i, .Caption p i, .Text p i {
	font-style:normal;
}
/**************************************************************************************************/
.Right { font-size: 12px; }

/**************************************************************************************************/
.Slideshow ul li .Image .Caption p
{
	line-height: 1.3em;
	letter-spacing: 0.09em;
	color: #606060;
	padding: 0;
	margin: 0;
	font-size: 13px;
}

.Slideshow ul li .Image .Caption .Detail p
{
	font-size: 10px;
	margin: .25em 0 0 0;
}

/**************************************************************************************************/
.QuoteCore h1
{
	font-size: 18px;
	line-height: 32px;
	font-weight: normal;
}

.QuoteCore h2
{
	line-height: 18px;
	font-size: 12px;
	color: #727272;
	font-weight: normal;
	margin: .25em 0 0 0;
}
