/* - - - - - - CSS Document - - - - - - - - -

Title : Johnston Printing: Proof
Author : Miller Consulting Services	(millerconsultingservices.com)	
URL : http://proof.johnstonprinting.com/

Description : Version 1

Created : 9/23/09
Modified : 10/26/09

- - - - - - - - - - - - - - - - - - - - - */
body {
 
}	

:focus { -moz-outline-style: none; outline: none; }
img {border: 0;}
.noborder {border: 0;}
.block{display:block;}
.inline{display:inline;}
.noul {text-decoration : none;}

p {
	margin:0;
	padding: 0 0 1em 0;	
	}
	
ul {
	margin:0;
	padding: 0 0 1em 5em;	
	}
	
td {
	vertical-align: top;
}

a:link {color: #A1A27F; text-decoration: none; }
a:visited {color: #A1A27F; text-decoration: none; }
a:hover {color: #A1A27F; text-decoration: none; }
a:active {color: #A1A27F; text-decoration: none; }
a:focus{color: #A1A27F; text-decoration: none; }

a.dark:link {color: #595A3D; text-decoration: none; }
a.dark:visited {color: #595A3D; text-decoration: none; }
a.dark:hover {color: #595A3D; text-decoration: none; }
a.dark:active {color: #595A3D; text-decoration: none; }
a.dark:focus{color: #595A3D; text-decoration: none; }


html {
	height:100%;
	padding: 0;
	margin: 0;
}

body {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: #000000;
	margin: 0; 
	padding: 0;
	text-align: center;
}

#str_container {
	width: 1160px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

#str_siteContent {
	padding: 0;
	margin: 50px 50px 50px 50px;
	}
	
#str_nav {
	position: relative;
	height: 28px;
}

#str_nav_home {
	position: absolute;
	left: 0;
	top: 0px;
	height: 28px;
	width: 32px;
	background: url(../images/button_home.png);
}

#str_nav_home:hover {
	position: absolute;
	left: 0;
	top: 0px;
	height: 28px;
	width: 32px;
	background: url(../images/button_home_active.png);
}

#str_nav_home_active {
	position: absolute;
	left: 0;
	top: 0px;
	height: 28px;
	width: 32px;
	background: url(../images/button_home_active.png);
}

#str_nav_back {
	position: absolute;
	left: 64px;
	top: 0px;
	height: 28px;
	width: 132px;
	background: url(../images/button_back_issues.png);
}

#str_nav_back:hover {
	position: absolute;
	left: 64px;
	top: 0px;
	height: 28px;
	width: 132px;
	background: url(../images/button_back_issues_active.png);
}

#str_nav_back_active {
	position: absolute;
	left: 64px;
	top: 0px;
	height: 28px;
	width: 132px;
	background: url(../images/button_back_issues_active.png);
}

#str_nav_back_01 {
	position: absolute;
	left: 205px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_01.png);
}

#str_nav_back_01:hover {
	position: absolute;
	left: 205px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_01_active.png);
}

#str_nav_back_01_active {
	position: absolute;
	left: 205px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_01_active.png);
}

#str_nav_back_02 {
	position: absolute;
	left: 235px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_02.png);
}

#str_nav_back_02:hover {
	position: absolute;
	left: 235px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_02_active.png);
}

#str_nav_back_02_active {
	position: absolute;
	left: 235px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_02_active.png);
}

#str_nav_back_03 {
	position: absolute;
	left: 265px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_03.png);
}

#str_nav_back_03:hover {
	position: absolute;
	left: 265px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_03_active.png);
}

#str_nav_back_03_active {
	position: absolute;
	left: 265px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_03_active.png);
}

#str_nav_back_04 {
	position: absolute;
	left: 295px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_04.png);
}

#str_nav_back_04:hover {
	position: absolute;
	left: 295px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_04_active.png);
}

#str_nav_back_04_active {
	position: absolute;
	left: 295px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_04_active.png);
}

#str_nav_back_05 {
	position: absolute;
	left: 325px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_05.png);
}

#str_nav_back_05:hover {
	position: absolute;
	left: 325px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_05_active.png);
}

#str_nav_back_05_active {
	position: absolute;
	left: 325px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(../images/button_back_issues_05_active.png);
}

#str_nav_contact {
	position: absolute;
	left: 718px;
	top: 0px;
	height: 28px;
	width: 100px;
	background: url(../images/button_contact.png);
}

#str_nav_contact:hover {
	position: absolute;
	left: 718px;
	top: 0px;
	height: 28px;
	width: 100px;
	background: url(../images/button_contact_active.png);
}

#str_nav_contact_active {
	position: absolute;
	left: 718px;
	top: 0px;
	height: 28px;
	width: 100px;
	background: url(../images/button_contact_active.png);
}

#str_nav_johnston {
	position: absolute;
	left: 850px;
	top: 0px;
	height: 28px;
	width: 150px;
	background: url(../images/button_johnston.png);
}

#str_nav_johnston:hover {
	position: absolute;
	left: 850px;
	top: 0px;
	height: 28px;
	width: 150px;
	background: url(../images/button_johnston_active.png);
}

#str_nav_johnston_active {
	position: absolute;
	left: 850px;
	top: 0px;
	height: 28px;
	width: 150px;
	background: url(../images/button_johnston_active.png);
}

#str_content_box {
	background-color: #464646;
	position: relative;
	width: 1060px;
	height: 650px;
}

#str_left_sub_content {
	position: absolute;
	top: 0;
	left: 64px;
	width: 396px;
	margin: 0;
	padding: 0;
}

#str_left_sub_content_text {
	position: relative;
	width: 396px;
	padding-top: 55px;
}

#str_left_sub_content_back {
	position: absolute;
	top: 0;
	left: 64px;
	width: 396px;
	margin: 0;
	padding: 0;
}

#str_left_sub_content_text_back {
	position: relative;
	width: 396px;
	padding-top: 0px;
}

#str_right_sub_content {
	position: absolute;
	top: 21px;
	right: 21px;
	background-color: #A5A5A5;
	width: 516px;
	height: 610px;
	padding: 0;
	margin: 0;
}

#str_right_sub_content_text {
	position: relative;
	width: 436px;
	text-align: center;
	color: #000000;
	padding: 0 40px 0 40px;
}

#str_johnston_logo {
	position: absolute;
	bottom: 21px;
	left: 382px;
}

#str_want_bubble {
	position: absolute;
	bottom: 21px;
	left: 362px;
}

#str_story_idea_bubble {
	position: absolute;
	bottom: 30px;
	left: 200px;
}

#str_copyright {
	position: relative;
	width: 1060px;
	margin: 10px 0 0 0;
	text-align: right;
	font: 9px/12px Arial, Helvetica, sans-serif;
}

.subhead {
	font: bold 20px/38px Arial, Helvetica, sans-serif;
	text-align: center;
	padding-bottom: 40px;
}

.subhead_left {
	font: bold 20px/38px Arial, Helvetica, sans-serif;
	text-align: left;
	padding-bottom: 40px;
}

.subhead_left_2line {
	font: bold 20px/28px Arial, Helvetica, sans-serif;
	text-align: left;
	padding-bottom: 40px;
}

.subhead_credit {
	font: 10px/12px Arial, Helvetica, sans-serif;
	padding-left: 130px;
}

.subhead_credit_right {
	font: 10px/12px Arial, Helvetica, sans-serif;
	padding-right: 0px;
	float: right;
}

.subhead_credit_right_2line {
	font: 10px/12px Arial, Helvetica, sans-serif;
	padding-right: 0px;
	padding-top: 6px;
	float: right;
}

.hang_below {
	position: relative;
	top: 10px;
	left: -135px;
	float: right;
}

.hang_middle {
	position: relative;
	top: -40px;
	right: -20px;
	float: right;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.subtext_right {
	font: 10px/16px Arial, Helvetica, sans-serif;
}

div#preload { display: none; }