/*

*/

/*
############################################################
		Page Size Controls
############################################################
*/

#container #container-pad {
	color:#ffffff;
	background-color:#CE003C;}
#container #container-pad a {
	color:#ffffff;}

#page-header h1 {
	background-image:url(../images/about/style-about-header.jpg);}
#page-header #page-navigation {
	background-image:url(../images/about/style-about-nav.gif);}

#page-footer {
	background-color:#DD4C76;}

#page-flash-warning {
	color:#ffffff;
	background-color:#CE003C;}

#page-body-lcontent {
	}

#page-body-lcontent #page-summary-padding {
	padding-left:22px;}

#page-body-lcontent #page-summary {
	float:left;
	width:280px;}
#page-body-lcontent #page-media {
	background-image:url(../images/about/style-about-body.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	float:right;
	height:540px;
	width:495px;}

/*
############################################################
		Page Controls - Dev. Benefits
############################################################
*/

#page-body-lcontent #page-summary-benefits {
	float:left;
	width:445px;}
#page-body-lcontent #page-media-benefits {
	float:right;}

#page-body div.benefits {
	height:897px;
	background-repeat:no-repeat;
	background-image:url(../images/about/style-about-dev-body.jpg);}

/*
############################################################
		Page Controls - Creators
############################################################
*/

#page-body-lcontent #page-summary-creators {
	float:left;
	width:400px;}
#page-body-lcontent #page-media-creators {
	float:right;
	width:380px;}

#page-body-lcontent.creators {  }
#page-media-creators div.media-creator-clip {
	overflow:hidden;
	height:562px;
	width:346px}


/*
############################################################
		Page Controls - Glossary
############################################################
*/

#page-body-lcontent #page-summary-glossary {
	float:left;
	width:445px;}
#page-body-lcontent #page-media-glossary {
	width:330px;
	float:right;}

#page-body-lcontent.glossary {
	height:647px;
	background-repeat:no-repeat;}

#page-media-glossary-terms {
	background-image:url(../images/about/style-about-glos-b-term.gif);
	background-repeat:no-repeat;
	height:248px;
	width:410px;}
#page-media-glossary-terms div.media-glossary {
	padding:20px 20px 0px 20px;}
#page-media-glossary-terms div.media-glossary-scroller {
	overflow:auto;
	height:202px;
	width:370px;}

#page-media-glossary-description {
	background-image:url(../images/about/style-about-glos-b-info.gif);
	background-repeat:no-repeat;
	color:#CE003C;
	height:209px;
	width:410px;}
#page-media-glossary-description div.media-glossary {
	padding:30px 40px 30px 40px;}
#page-media-glossary-description div.media-glossary-scroller {
	overflow:auto;
	height:150px;
	width:340px;}
#page-media-glossary-description h2 {
	font-size:200%;}
#page-media-glossary-description p {
	margin:0.5em 0em 1em 0em;
	line-height:120%;
	font-size:140%;}

.media-glossary-scroller ul {
	list-style:none;
	padding:0px;
	margin:0px;}
.media-glossary-scroller ul li {
	background-position:10px 0px;
	background-image:url(../images/about/style-about-glos-i-aggapang.gif);
	background-repeat:no-repeat;
	width:260px;}
.media-glossary-scroller ul li a {
	text-decoration:none;
	display:block;
	padding:20px 0px 20px 80px;
	font-weight:bold;
	font-size:200%;
	width:100%;}
.media-glossary-scroller ul li a span {
	color:#CE003C;}



/*
############################################################
		Page Headers - Dev. Benefits
############################################################
*/

h2.head-dev-benefit {
	background-image:url(../images/about/style-about-dev-h-ben.gif);
	background-repeat:no-repeat;
	height:60px;
	width:297px;}
h2.head-dev-quote {
	background-image:url(../images/about/style-about-dev-h-quote.gif);
	background-repeat:no-repeat;
	height:110px;
	width:421px;}

/*
############################################################
		Page Headers - Creators
############################################################
*/

h2.head-create-msg {
	background-image:url(../images/about/style-about-create-h-msg.gif);
	background-repeat:no-repeat;
	height:66px;
	width:328px;}
h3.head-create-quote {
	background-image:url(../images/about/style-about-create-h-quote.gif);
	background-repeat:no-repeat;
	height:90px;
	width:742px;}
h3.head-create-quote2 {
	background-image:url(../images/about/style-about-create-h-quote2.gif);
	background-repeat:no-repeat;
	height:97px;
	width:376px;}


/*
############################################################
		Page Headers - Glossary
############################################################
*/

h2.head-glossary-msg {
	background-image:url(../images/about/style-about-glos-h-terms.gif);
	background-repeat:no-repeat;
	height:46px;
	width:404px;}


/*
############################################################
		Page Headers - Explained
############################################################
*/


h2.head-episode-explained {
	background-image:url(../images/about/style-about-episode-h-explained.gif);
	background-repeat:no-repeat;
	height:46px;
	width:284px;}

#page-body-lcontent #page-summary-explained {
	margin:44px 22px 22px 22px;}

#page-media-explained {
	margin:0px auto;
	height:570px;
	width:651px;}

/*
############################################################
		Page Navi - Floating Buttons
############################################################
*/
#navi-but-flt-benefits {
	background-repeat:no-repeat;}
#navi-but-flt-benefits {
	position:absolute;
	top:658px;
	margin-left:294px;
	width:135px;
	height:125px;}
#navi-but-flt-benefits a {
	display:block;
	width:135px;
	height:125px;}
#navi-but-flt-benefits a span {
	display:none;}

#navi-but-flt-creators {
	background-repeat:no-repeat;}
#navi-but-flt-creators {
	position:absolute;
	top:710px;
	margin-left:420px;
	width:125px;
	height:130px;}
#navi-but-flt-creators a {
	display:block;
	width:125px;
	height:130px;}
#navi-but-flt-creators a span {
	display:none;}

#navi-but-flt-spare1 {
	background-repeat:no-repeat;}
#navi-but-flt-spare1 {
	position:absolute;
	top:634px;
	margin-left:530px;
	width:130px;
	height:125px;}
#navi-but-flt-spare1 a {
	display:block;
	width:130px;
	height:125px;}
#navi-but-flt-spare1 a span {
	display:none;}

#navi-but-flt-spare2 {
	background-repeat:no-repeat;}
#navi-but-flt-spare2 {
	position:absolute;
	top:674px;
	margin-left:656px;
	width:125px;
	height:115px;}
#navi-but-flt-spare2 a {
	display:block;
	width:125px;
	height:115px;}
#navi-but-flt-spare2 a span {
	display:none;}

#navi-but-flt-back {
	z-index:101;
	position:absolute;
	top:260px;
	margin-left:596px;
	width:125px;
	height:115px;}
#navi-but-flt-back a {
	display:block;
	width:125px;
	height:115px;}
#navi-but-flt-back a span {
	display:none;}


/*

*/