/*******************************************/
/*******************************************/
/* MAIN LAYOUT / WRAPPERS */

body {
	margin:  0;
	padding: 0;
	background-color: #e3dedb;
	background-image: url('../images/bg_pattern.jpg');
}

div#flash {
	width: 930px;
	height: 550px;
	float:left;
	background-color: #3C1E0D;
}
div#no_flash {
	position: absolute;
	float: left; 
	top: 220px;
	left: 125px;
	text-align: center;
	border: 1px solid black;
}

div#wrapper {
	width: 930px;
	height: 660px;
	position: relative;
}
div#wrapper_content {
	width: 930px;
	height: 660px;
	float: left;
	position: absolute;
	z-index: 2;
	overflow: hidden;	/* add hidden here for IE6 */
}

/*******************************************/
/*******************************************/
/* HEADER */

div#flash_header {
	width: 930px;
	height: 50px;
	float: left;
	background-color: #C29A5C;
}
div#header {
	width: 930px;
	height: 50px;
	float: left;
	position: relative;
	z-index: 99;
	cursor:pointer;
	cursor:hand;
	background-image: url('../images/header.jpg');
	background-repeat: none;
	background-position: top left;
}

div#header_spacer {
	width: 930px;
	height: 33px;
	float:left;
	background-color: #3e200e;
}

/*******************************************/
/*******************************************/
/* BODY CONTENT */
div#frame {
	width: 930px;
	height: 490px;
	overflow: hidden;
	float:left;
	background-color: #3e200e;
}
div#content {
	width: 7440px;
	height: 490px;
	float:left;
	background-color: #3e200e;
}
div#content .section {
	float: left;
	width: 930px;
	height: 490px;
	top: 0;
	left: 0;
	background-color: #3e200e;
}

/*******************************************/
/*******************************************/
/* START PAGE */

div#startpage {
	width: 930px;
	height: 490px;
	position: absolute;
	overflow: hidden;
	top: 50px;
	left: 0;
	z-index: 3;
	background-color: #b68d52;
	background-image: url("../images/startpage/cork_bg.jpg");
	background-repeat: no-repeat;
}

div#startpage #startpage_top {
	position: absolute;
	left: 31px;
	top: 10px;
}

div#startpage #startpage_bottom {
	position: absolute;
	left: 31px;
	top: 238px;
}

div#startpage #startpage_right {
	position: absolute;
	left: 742px;
	top: 10px;
}

.startpage_section_box {
	float: left;
	padding-right: 5px;
}

.startpage_section_box_img {
	cursor:pointer;
	cursor:hand;
	width: 171px;
	height: 171px;
	border: 0 none;
}

.startpage_section_left_img {
	width: 172px;
	padding-right: 4px;
}

.startpage_right_img {
	cursor:pointer;
	cursor:hand;
	width: 158px;
	height: 449px;
}

.startpage_section_box_title {
	font-family: Helvetica, Arial, Verdana, 'sans-serif';
	font-weight: bold;
	font-size: 16px;
	color: #3e200e;
}


/*******************************************/
/*******************************************/
/* GENERAL FRAME LAYOUT */

#inplace_system_logo {
	border: none;
	margin-bottom: 8px;
}

#inplace_system_peter_face {
	display: inline;
	border: none;
	margin-left: 30px;
	margin-bottom: -5px;
}

#inplace_system_get_organized {
	position: absolute;
	width: 165px;
	height: 124px;
	right: 0;
	top: -18px;
	background-image: url("../images/inplace_system_get_organized.jpg");
	background-repeat: no-repeat;
}

div#content .section .product_info {
	float: left;
	width: 296px;
	height: 425px;
	display: table;
	#position: relative; 
	overflow: hidden;
}
div#content .section .product_info_center {
	#position: absolute; 
	#top: 50%;display: 
	table-cell; 
	vertical-align: middle;
	padding-left: 45px;
}
div#content .product_info_content {
	float: left;
	width: 253px;
	padding-bottom: 5px;
	#position: relative; 
	#top: -50%;
}
div#content .product_info_content ul {
	margin-top: 0;
	font-family: Helvetica, Arial, Verdana, 'sans-serif';
	font-size: 14px;
	color: #d4c5b4;
	width: 206px;
	list-style-type: none;
	margin: 0;
	padding: 0;

}
div#content .product_info_content ul li {
	padding-top: 16px;
}
div#content .section .product_info_btn {
	margin-top: 12px;
	border: none;
}

div#content .section .inplace_system_logo {
	margin-top: 12px;
	border: none;
}


/*******************************************/
/*******************************************/
/* HEADLINES / TEXTS */

h1 {
	font-family: Georgia, Times, 'Times New Roman', serif;
  	font-size: 24px;
	color: #6ec0d5;
	font-weight: normal;
	width: 222px;
	padding: 0 0 0 0;
	margin: 0px;
}
h2 {
	font-family: Helvetica, Arial, Verdana, 'sans-serif';
  	font-size: 16px;
	font-weight: bold;
	color: #fffefe;
	width: 222px;
	padding: 14px 0 0 0;
	margin: 0px 0 0 0;
}
h3 {
	font-family: Georgia, Times, 'Times New Roman', serif;
  	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 23px;
	margin-bottom: 0;
	color: #5db6c7;
}
h4 {
	font-family: Helvetica, Arial, Verdana, 'sans-serif';
	font-size: 12px;
	color: #d4c5b4;
	width: 271px;
	font-weight: normal;
	margin: 0 0 0 0;
	line-height: 14px;
	padding: 0 0 0 24px;
}
h5 {
	font-family: Georgia, Times, 'Times New Roman', serif;
  	font-size: 18px;
	color: #6ec0d5;
	font-weight: normal;
}
h6 {
	font-family: Georgia, Times, 'Times New Roman', serif;
  	font-size: 14px;
	color: #6ec0d5;
	font-weight: normal;
	text-align: right;
	margin-top:-24px;
}

.quote_outer { display: table; height: 213px; #position: relative; overflow: hidden; margin-left: 50px; margin-right: 50px; margin-top: 5px; }
.quote_middle { #position: absolute;  #top: 50%;display: table-cell; vertical-align: middle; }
.quote_inner { #position: relative;  #top: -50%; }

.tm_superscript {
	font-size: 30%;
	vertical-align: text-top;
}

/*******************************************/
/*******************************************/
/* BOXES */

div#content .section .box_one {
	float: left;
	width: 313px;
	height: 213px;
	position: relative;
	border-left: 1px solid #663c2a;
	background-repeat:no-repeat;
	background-position:0 0;
}

div#content .section .box_two {
	float: left;
	width: 302px;
	height: 213px;
	position: relative;
	border-left: 1px solid #663c2a;
	background-repeat:no-repeat;
	background-position:0 0;
}

div#content .section .box_three {
	float: left;
	width: 314px;
	height: 241px;
	position: relative;
	border-top: 1px solid #663c2a;
	background-repeat:no-repeat;
	background-position:0 0;
}
div#content .section .box_four {
	float: left;
	width: 302px;
	height: 241px;
	position: relative;
	border-top: 1px solid #663c2a;
	background-repeat:no-repeat;
	background-position:0 0;
	
}

/* extra wrappers for lines in bottom boxes */
div#content .section .box_three div.box_three_content {
	float: left;
	width: 313px;
	height: 212px;
	border-left: 1px solid #663c2a;
}
div#content .section .box_four div.box_four_content {
	float: left;
	border-left: 1px solid #663c2a;
	width: 302px;
	height: 212px;
}


div#content .section .box_three div.box_three_content h3,  div#content .section .box_four div.box_four_content h3 {
	padding-top: 8px;
}

div#content .section .box_three div.box_three_content h5,  div#content .section .box_four div.box_four_content h5 {
	padding-top: 4px;
}

.box_button {
	position: absolute;
	float: none;
	
	width: 100%;
	height: 250px;
	border: 0 none;
	top: 0px;
	/*background-color: #000000;*/
}

.overview_button_magfile, .overview_button_tote, .overview_button_desksorter, .overview_button_wallet,
.overview_button_expfile, .overview_button_envelope, .overview_button_sleeve, .overview_button_hangfile, .overview_button_postit,
.overview_button_cliptabs, .overview_button_marker, .overview_button_binderclip, .overview_button_folder{
	position: absolute;
	float: none;
	border: none;
	/*background-color:#000000;*/
}
.overview_button_magfile {
	width: 53px;
	height: 140px;
	top: 135px;
	left: 35px;
}
.overview_button_folder {
	width:45px;
	height: 100px;
	top: 140px;
	left: 27px;
}
.overview_button_binderclip {
	width: 50px;
	height: 15px;
	top: 170px;
	left: 27px;
}
.overview_button_tote {
	width: 110px;
	height: 90px;
	top: 150px;
	left: 105px;
}
.overview_button_desksorter {
	width: 100px;
	height: 95px;
	top: 145px;
	left: 230px;
}
.overview_button_wallet {
	width: 110px;
	height: 80px;
	top: 155px;
	right: 175px;
}
.overview_button_expfile {
	width: 110px;
	height: 90px;
	top: 145px;
	right: 45px;
}
.overview_button_envelope {
	width: 100px;
	height: 55px;
	top: 255px;
	left: 100px;
}
.overview_button_sleeve {
	width: 80px;
	height: 100px;
	top: 250px;
	left: 235px;
}
.overview_button_hangfile {
	width: 110px;
	height: 70px;
	top: 255px;
	right: 175px;
}
.overview_button_postit {
	width: 110px;
	height: 70px;
	top: 255px;
	right: 35px;
}
.overview_button_cliptabs {
	width: 70px;
	height: 20px;
	top: 315px;
	left: 110px;
}
.overview_button_marker {
	width: 55px;
	height: 8px;
	top: 338px;
	left: 100px;
}

/*******************************************/
/*******************************************/
/* LARGE BOX */

div#content .section .large_box {
	float: left;
	position: relative;
	width: 632px;
	height: 438px;
	margin-top: -15px;
	background-image: url("../images/product_shots/01_system_overview.jpg");
	background-repeat: no-repeat;
}

div#content .section .large_box_btn {
	position: absolute;
	width: 135px;
	height: 18px;
	top: 377px;
	right: 15px;
	border: none;
}

div#content .section .large_box_btn_bottom {
	position: absolute;
	/*width: 286px;
	height: 25px;*/
	top: 410px;
	right: 15px;
	border: none;
}






/*******************************************/
/*******************************************/
/* TOP MORE BUTTONS */

div#content .section .box_one .more, div#content .section .box_two .more {
	clear: both;
	position: absolute;
	width: 48px;
	height: 12px;
	left: 225px;
	/*top: 57px;*/
	top: 190px;
	border: none;
}


/*******************************************/
/*******************************************/
/* BOTTOM MORE BUTTONS */

div#content .section .box_three .more, div#content .section .box_four .more {
	clear: both;
	position: absolute;
	width: 48px;
	height: 12px;
	left: 235px;
	top: 205px;
	border: none;
}


/*******************************************/
/*******************************************/
/* SUB NAV */

div#sub_nav {
	width: 930px;
	height: 90px;
	float: left;
	position: relative;
	z-index: -1;
	margin-top: -65px;
}
div#sub_nav ul {
	margin: 0;
	padding: 0;
	float: left;
	background-color: transparent;
}
div#sub_nav ul li{
	float: left;
	display: inline;
	background-color: transparent;
}

div.sub_nav {
	height: 90px;
	background-repeat: no-repeat;
}

div.sub_nav_narrow {
	width: 111px;
}

div.sub_nav_wide {
	width: 117px;
}

div.button {
	cursor:pointer;
	cursor:hand;
}

div#inplace_system_sub_nav {
	background-image: url('../images/inplace_system_sub_nav.png');
}
div#inplace_system_sub_nav_active {
	background-image: url('../images/inplace_system_sub_nav_active.png');
}
div#file_folders_sub_nav {
	background-image: url('../images/file_folders_sub_nav.png');
}
div#file_folders_sub_nav_active {
	background-image: url('../images/file_folders_sub_nav_active.png');
}
div#hanging_folders_sub_nav {
	background-image: url('../images/hanging_folders_sub_nav.png');
}
div#hanging_folders_sub_nav_active {
	background-image: url('../images/hanging_folders_sub_nav_active.png');
}
div#expanding_folders_sub_nav {
	background-image: url('../images/expanding_folders_sub_nav.png');
}
div#expanding_folders_sub_nav_active {
	background-image: url('../images/expanding_folders_sub_nav_active.png');
}
div#file_jackets_sub_nav {
	background-image: url('../images/file_jackets_sub_nav.png');
}
div#file_jackets_sub_nav_active {
	background-image: url('../images/file_jackets_sub_nav_active.png');
}
div#end_tab_sub_nav {
	background-image: url('../images/end_tab_sub_nav.png');
}
div#end_tab_sub_nav_active {
	background-image: url('../images/end_tab_sub_nav_active.png');
}
div#filing_accessories_sub_nav {
	background-image: url('../images/filing_accessories_sub_nav.png');
}
div#filing_accessories_sub_nav_active {
	background-image: url('../images/filing_accessories_sub_nav_active.png');
}
div#notebooks_sub_nav {
	background-image: url('../images/notebooks_sub_nav.png');
}
div#notebooks_sub_nav_active {
	background-image: url('../images/notebooks_sub_nav_active.png');
}




/*******************************************/
/*******************************************/
/* BOX IMAGES */

/* in place system */
div#content div#zero .box_one {
	background-image:url("../images/product_shots/01_system_01_hanging_folders.jpg");
}
div#content div#zero .box_two {
	background-image:url("../images/product_shots/01_system_02_file_tote.jpg");
}
div#content div#zero .box_three {
	background-image:url("../images/product_shots/01_system_03_magazine_file.jpg");
}
div#content div#zero .box_four {
	background-image:url("../images/product_shots/01_system_04_expanding_file.jpg");
}

/* file folders */
div#content div#one .box_one {
	background-image:url("../images/product_shots/02_file_folders_01_recycled_folders.jpg");
}
div#content div#one .box_two {
	background-image:url("../images/product_shots/02_file_folders_02_colored_folders.jpg");
}
div#content div#one .box_three {
	background-image:url("../images/product_shots/02_file_folders_03_secure_folders.jpg");
}
div#content div#one .box_four {
	background-image:url("../images/product_shots/02_file_folders_04_colored_folders.jpg");
	/*background-image:url("../images/FPO_1.jpg");*/
}

/* hanging folders */
div#content div#two .box_one {
	background-image:url("../images/product_shots/03_hanging_folders_01_attached_folders.jpg");
}
div#content div#two .box_two {
	background-image:url("../images/product_shots/03_hanging_folders_02_pockets.jpg");
}
div#content div#two .box_three {
	background-image:url("../images/product_shots/03_hanging_folders_03_reinforced_folders.jpg");
}
div#content div#two .box_four {
	background-image:url("../images/product_shots/03_hanging_folders_04_interlocking_files.jpg");
}

/* expanding folders */
div#content div#three .box_one {
	background-image:url("../images/product_shots/04_expanding_folders_01_image.jpg");
}
div#content div#three .box_two {
	background-image:url("../images/product_shots/04_expanding_folders_02_image.jpg");
}
div#content div#three .box_three {
	background-image:url("../images/product_shots/04_expanding_folders_03_image.jpg");
}
div#content div#three .box_four {
	background-image:url("../images/product_shots/04_expanding_folders_04_image.jpg");
}

/* file jackets */
div#content div#four .box_one {
	background-image:url("../images/product_shots/05_file_jackets_01_project_jackets.jpg");
}
div#content div#four .box_two {
	background-image:url("../images/product_shots/05_file_jackets_02_manilafildfolders.jpg");
}
div#content div#four .box_three {
	background-image:url("../images/product_shots/05_file_jackets_03_system_doc_sleeves.jpg");
}
div#content div#four .box_four {
	background-image:url("../images/product_shots/05_file_jackets_04_system_doc_envelope.jpg");
}

/* end tab filing */
div#content div#five .box_one {
	background-image:url("../images/product_shots/06_end_tab_filing_01_folders_fasteners.jpg");
}
div#content div#five .box_two {
	background-image:url("../images/product_shots/06_end_tab_filing_02_coloredpress.jpg");
}
div#content div#five .box_three {
	background-image:url("../images/product_shots/06_end_tab_filing_03_heavy_duty_expand_end.jpg");
}
div#content div#five .box_four {
	background-image:url("../images/product_shots/06_end_tab_filing_04_heavy_weight_press_board.jpg");
}

/* filing accessories*/
div#content div#six .box_one {
	background-image:url("../images/product_shots/07_filing_accessories_01_image.jpg");
}
div#content div#six .box_two {
	background-image:url("../images/product_shots/07_filing_accessories_02_image.jpg");
}
div#content div#six .box_three {
	background-image:url("../images/product_shots/07_filing_accessories_03_image.jpg");
}
div#content div#six .box_four {
	background-image:url("../images/product_shots/07_filing_accessories_04_image.jpg");
}

/* notebooks, clipboards, ... */
div#content div#seven .box_one {
	background-image:url("../images/product_shots/08_notebooks_01_image.jpg");
}
div#content div#seven .box_two {
	background-image:url("../images/product_shots/08_notebooks_02_image.jpg");
}
div#content div#seven .box_three {
	background-image:url("../images/product_shots/08_notebooks_03_image.jpg");
}
div#content div#seven .box_four {
	background-image:url("../images/product_shots/08_notebooks_04_image.jpg");
}


/*******************************************/
/*******************************************/
/* FOOTER */
div#footer_inside {
	clear: both;
	color: #271009;
	font-size: 12px;
	font-weight: normal;
	width: 930px;
	height: 24px;
	padding-top: 5px;
}

div#footer_share {
	position:			relative;
	float:				left;
	left: 				0;
	color:				#ffffff;
}

div#footer_inside ul {
	padding: 0;
	margin: 0;
	height: 24px;
	float: right;
	padding-top: 2px;
}
div#footer_inside ul li {
	padding: 0;
	float: left;
	display: inline;
}

div#footer {
	float: left;
	height: 24px;
	background-color: #f1ecea;
	filter:alpha(opacity=80);
	-moz-opacity:.75;
	opacity:.75;
	opacity: 0.8;
	position: absolute;
	/*z-index: -1;*/	/* bb: why is this there? commented it to make it visible in FF 2 */
	/*bottom: 4px;*/
	bottom: 69px;	/* 65+4 */
}

div#exclusively {
}

div#copyright {
	margin-left: 16px;
}

div#privacy, div#privacy a {
	color: #271009;
	margin-left: 16px;
}

div#terms, div#terms a {
	color: #271009;
	margin-left: 16px;
}