/* Structure
----------------------------------------------- */

html {
	background: #fff url(../imgs/bkg_grdnt.jpg) top left no-repeat;
}

body {
	margin: 0;
	padding: 0;
}


#pulp {
	width: 918px;
	margin: 30px auto 0 auto;
	padding: 10px 20px 10px 10px;
	background: url(../imgs/bkg_pulp.jpg) top right repeat-y;
	position: relative;
}

#round {
	position: absolute;
	top: 0px;
	right: 0px;
}

#container {
	background-color: #f7f2e9;
	height: 1%;
	overflow: hidden;
}


#logo_nav {
	position: absolute;
	top:0;
	left: 10px;
	width: 262px;
	overflow: hidden;
}

.left_col {
	width: 265px;
	float: left;
}

	
.right_col {
	margin: 0px;
	width: 613px;
	float: right;
}

#intro {
	width: 945px;
	height: 553px;
	margin: 40px auto;
}


/* Text
----------------------------------------------- */

/* headers */

h1 {
	color: #36537d;
	font: bold 1.4em/1.8em arial, verdana, sans serif;
	margin: 0;
	padding: 0;
}

h2 {
	color: #d32e34;
	font: normal .6em/1.2em arial, verdana, sans serif;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

h3 {
	font: bold .85em/1.2em arial, verdana, sans serif;
	margin: 0;
	padding: 0;
}

h4 {
	color: #333;
	font: bold .75em/1.2em arial, verdana, sans serif;
	margin: 100px 0 0 0;
	padding: 0;
	text-align: center;
}

h4  span {
	font-weight: normal;
}



/* paragraph */

p {
	color: #333;
	font: normal .8em/1.4em arial, verdana, sans serif;
	margin: 0 0 20px 0;
	padding: 0;
}



p.intro {
	color: #333;
	font: normal 1em/1.4em arial, verdana, sans serif;
	margin: 35px 0 16px 0;
	padding: 0;
	float:none;
	clear: both;
}

p.notes {
	color: #333;
	font: normal .6em/1.4em arial, verdana, sans serif;
	margin: 0 0 35px 0;
	padding: 0;
	text-align: center;
}


.charts p {
	color: #333;
	font: normal .7em/1.4em arial, verdana, sans serif;
	margin: 0 0 6px 0;
	padding: 0;
}


#legal p {
	width: 500px;
	margin: 0 auto;
	padding: 40px 0;
	font: normal .6em/1.3em arial, verdana, sans serif;
	text-align: center;
}



/* lists */

ul, dl {
	margin: 0;
	padding: 0;
	list-style: none;
}

li, dt, dd {
	font: normal 1em/1.6em arial, verdana, sans serif;
	margin: 0;
	padding: 0;
}


.content ul {
	list-style-image: url(../imgs/bullett_d32e34.gif);
	margin: 15px 0 0 20px;
	padding: 0 0 0 10px;
}

.content li {
	font: normal .75em/1.4em arial, verdana, sans serif;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
}

.col_01 ul {
	margin: 0 0 0 5px;
}

.col_02 ul {
	margin: 0 0 0 5px;
}


/* elements */

a {
	text-decoration: none;
	color: #d32e34;
}

a:hover {
	text-decoration: underline;
	color: #333;
}

.replace {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

span.lead {
	text-transform: uppercase;
	font-size: .85em;
	font-weight: bold;
	letter-spacing: 2px;
}

img {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

.float_left {
	position: relative;
	width: 180px;
	height: 210px;
	float: left;
}

.float_left img {
	position: absolute;
	top: 0px;
	left: -305px;
}


.drop {
    margin: 0;
    float: left;
    width: 39px;
    height: 53px;
    display: block;
    text-indent: -9999px;
}

.w {
    background: url(../imgs/w.gif) no-repeat left top;
}

.o {
    background: url(../imgs/o.gif) no-repeat left top;
}

.a {
    background: url(../imgs/a.gif) no-repeat left top;
}



/* navigation 
----------------------------------------------- */

#navigation {
	width: 272px;
	overflow: hidden;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
}

#navigation ul li {
	margin-top: 5px;
	overflow: hidden;
	width: 262px;
	height: 32px;
	text-indent: -9999px;
}


#navigation ul li a {
	display: block;
	width: 262px;
	height: 32px;
	padding: 0;
	margin: 0;
}


#navigation ul li.overview a {
	background: url(../imgs/nav_overview_off.gif);
}

#navigation ul li.overview a:hover {
	background: url(../imgs/nav_overview_on.gif) ;
}

#navigation ul li.overview.current {
	background: url(../imgs/nav_overview_on.gif) ;
}

#navigation ul li.letter a {
	background: url(../imgs/nav_letter_off.gif);
}

#navigation ul li.letter a:hover{
	background: url(../imgs/nav_letter_on.gif) ;
}

#navigation ul li.letter.current {
	background: url(../imgs/nav_letter_on.gif) ;
}

#navigation ul li.progress a {
	background: url(../imgs/nav_progress_off.gif);
}

#navigation ul li.progress a:hover{
	background: url(../imgs/nav_progress_on.gif) ;
}

#navigation ul li.progress.current {
	background: url(../imgs/nav_progress_on.gif) ;
}

#navigation ul li.search a{
	background: url(../imgs/nav_search_off.gif);
}

#navigation ul li.search  a:hover {
	background: url(../imgs/nav_search_on.gif) ;
}

#navigation ul li.search.current {
	background: url(../imgs/nav_search_on.gif) ;
}

#navigation ul li.transforming a {
	background: url(../imgs/nav_transforming_off.gif);
}

#navigation ul li.transforming a:hover{
	background: url(../imgs/nav_transforming_on.gif) ;
}

#navigation ul li.transforming.current {
	background: url(../imgs/nav_transforming_on.gif) ;
}

#navigation ul li.unique a {
	background: url(../imgs/nav_unique_off.gif);
}

#navigation ul li.unique a:hover {
	background: url(../imgs/nav_unique_on.gif) ;
}

#navigation ul li.unique.current {
	background: url(../imgs/nav_unique_on.gif) ;
}

#navigation ul li.guiding a {
	background: url(../imgs/nav_guiding_off.gif);
}

#navigation ul li.guiding a:hover {
	background: url(../imgs/nav_guiding_on.gif) ;
}

#navigation ul li.guiding.current {
	background: url(../imgs/nav_guiding_on.gif) ;
}

#navigation ul li.coming a {
	background: url(../imgs/nav_coming_off.gif);
}

#navigation ul li.coming a:hover {
	background: url(../imgs/nav_coming_on.gif) ;
}

#navigation ul li.coming.current {
	background: url(../imgs/nav_coming_on.gif) ;
}

#navigation ul li.review a {
	background: url(../imgs/nav_review_off.gif);
}

#navigation ul li.review a:hover {
	background: url(../imgs/nav_review_on.gif) ;
}

#navigation ul li.review.current {
	background: url(../imgs/nav_review_on.gif) ;
}

#back_forth {
	margin: 20px 0 0 0;
	clear:both;
}

#back_forth ul  {
	
}


#back_forth ul li {
	float: right;
	overflow: hidden;
	margin: 0px;
	text-indent: -9999px;
	padding: 0px;
}

#back_forth ul li a {
	display: block;
	width: 51px;
	height: 20px;
	padding: 0;
	margin: 0;
}

#back_forth ul li.next a {
	background: url(../imgs/nav_next_off.gif) top right no-repeat;
}

#back_forth ul li.next a:hover {
	background: url(../imgs/nav_next_on.gif) top right no-repeat;
}

#back_forth ul li.back a {
	background: url(../imgs/nav_back_off.gif) top right no-repeat;
}

#back_forth ul li.back a:hover {
	background: url(../imgs/nav_back_on.gif) top right no-repeat;
}




/* Secondary Navigation 
----------------------------------------------- */


.jump-nav {
	position: relative;
	float: right;
	top: 0px;
	right: -15px;
	width: 226px;
	background: url(../imgs/jump_nav_bkg.gif) top left repeat-y;
}

.jump-nav img {
	margin: 10px 0 10px 15px;
}

.jump-nav ul {
	list-style-image: none ;
	margin: 0;
	padding: 0 20px 15px 15px;
}
		
.jump-nav li {
	margin: 0;
	padding: 0;
	font: bold .7em/1.2em arial, verdana, sans serif;
}
	
.jump-nav li a {
	display: block;
	width: 160px;
	padding: 5px 5px 5px 18px;
	margin: 0px;
	color: #fff;
	background: url(../imgs/jump_nav_arrow.gif) top left no-repeat;
	background-position: 0 .75em;
}

.jump-nav li a:hover {
	color: #fff!important;
} 

p.top {
	float: right;
	width: 50px;
	clear: both;
}

p.top a {
	display: block;
	margin: 0px;
	padding:0px;
	width: 40px;
	height: 18px;
	background: url(../imgs/to_top.gif) no-repeat;
}






/* Content
----------------------------------------------- */

#main_flash {
	margin: 25px 0;
	overflow: hidden;
}


#overview_flash {
	margin: 28px 0 10px 0;
}

.content {
	padding: 0 15px 0 0;
	overflow: visible;
	position: relative;
}

#pulp h2 {
		font-size: 25px;
}

#pulp h2.float_up {
	clear: none;
	width: 365px;
}

.home_header {
	margin: 43px  0px 0px 0;
}

.secondary_header {
	margin: 30px  0px 0px 0;
}

.col_01 {
	margin: 20px 0;
	width: 285px;
	float: left;
	border-right: 1px solid #898989;
	padding: 0px 10px 15px 0;
}


.col_02_mp {
	position: relative;
	margin: 20px 0 0 0;
	padding: 0;
	width: 288px;
	float: left;
}


.col_02 {
	margin: 20px 0 0 -1px;
	padding: 0 0 15px 15px;
	width: 285px;
	float: left;
	border-left: 1px solid #898989;
}



.col_02_mp .banner {
	float: right;
	position: relative;
	top: 0px;
	right: -28px;
}

.col_02 .banner a img {

}

.col_02 a img {
}


.quote {
	margin: 5px 0 5px 5px;
}


#legal {
	background: #fff url(../imgs/footer_shadow.gif) top right no-repeat;
	margin: 0px auto;
	width: 945px;
}


.filmcan {
	background: #f7f2e9 url(../imgs/film_reel.gif) bottom left no-repeat;
}




/* Table
----------------------------------------------- */

table {
	width: 100%;
	margin: 15px 0 40px 0;
	padding: 0;
	border-collapse: collapse;
}


caption {
	font: bold .75em/1.4em arial, verdana, sans serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	padding: 1px 8px 5px 5px;
	border-top: 2px solid #333;
}


th {
	font: bold .75em/1.4em arial, verdana, sans serif;
	padding: 0;
	margin: 0;
}

td {
	padding: 10px;
	margin:0;
	border-bottom: 1px solid #333;
	vertical-align: top;
}

table.feature tr {
	background-color: #f3f2af;
}

td {
	font: normal .75em/1.4em arial, verdana, sans serif;
}

td strong {
	text-transform: uppercase;
	font: bold .9em/1.4em arial, verdana, sans serif;
	letter-spacing: 1px;
}

td .small {
	font: bold .8em/1.4em arial, verdana, sans serif;
}

td p {
	margin: 0px  0 10px 0;
	padding: 0px;
	font: normal 1em/1.4em arial, verdana, sans serif;
}

table.data {
	margin-top: 30px;
}

table.data th {
	padding: 1px 8px 0 5px;
}

table.data td {
	padding: 1px 8px 0 5px;
	margin: 0;
	vertical-align: top;
	border: none;
}

table.data td, table.data th {
	text-align: right;
}

table.data td.left, table.data th.left {
	text-align: left;
}

tr.border td {
	border-top: 1px solid #333;
	padding-top: 10px;
}


tr.bottom td {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
}

td.light, th.light {
	background-color: #fbf9f5;
}

tr.last td {
	border-bottom: 2px solid #333;
}

/* Standard sIFR styles
-----------------------------------------------  */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}