/*tw2007.humanproductivitylab.com main_css*/
* { margin:0; padding:0; border:0; } /*...so we are all on the same page (yes Im talking to you IE5) */

body {
	background-color: #FFFFFF;
	color: rgb(65,65,65); /*font color - dark grey helps readability/eye strain vs black*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
    height: 100%;
	line-height: 130%; /*text readability enhancement*/
	width: 100%;
}

img {
	display: block; /*forces IE to stop creating a 1px wide phantom padding around all images by turning all images into block elements instead of in-line elements*/
}

p {
	font-size: 14px;
	margin-bottom: 14px;
}

/*NOTE - this header is outside the content box because it spans the entire page*/
#header {
	background: url('http://www.humanproductivitylab.com/images/website_pics/tw2007_site/banner_bg_1x168px.jpg') repeat-x;
	height: 168px;
	width: 100%;
}

#content_container { 
	background: url('http://www.humanproductivitylab.com/images/website_pics/tw2007_site/main_bg_701x1px.jpg') repeat-y; /*gives the impression of a real border between the columns */
	display: block;
	width: 990px; /*pixel width MUST count margins (100pad+580content)+20r_margin+20left_margin+200right_bar=920*/
}

#main {
	background: #FFFFFF url('http://www.humanproductivitylab.com/images/website_pics/tw2007_site/left_img_100x575px.jpg') left top no-repeat;
	float: left;
	margin: 20px 20px 20px 0px; /*left margin is covered by 'main_padding' - to see why, read comment in main-padding*/
	width: 680px; 
}

#main_padding {
	padding-left: 100px; /*excluding this padding from 'main' keeps us away from the box model hack, also gives 100px space for main's bg_jpg */
	margin-bottom: 50px; /*acts as a big buffer just above footer_top imagery*/
}

#right_sidebar {
	background: #FFFFFF;
	display: inline; /*makes floated box respect margin property in IE5*/
	float: right;
	font-size: 14px;
	margin: 20px 0px 20px 20px; /*r_margin is unecessary because page fades to white, page will imply the 20px r_margin to the naked eye*/
	width: 270px;
}

.info_box_title {
	background: url('http://www.humanproductivitylab.com/images/website_pics/tw2007_site/p_title_bg_35x1px.jpg') repeat-x;
	float: left;
	font-size: 18px;
	height: 35px;
	width: 270px;
}
			
.info_box {
	background: #e9f1f4 url('http://www.humanproductivitylab.com/images/website_pics/tw2007_site/infobox_mainbox_bg_1x20px.jpg') top left repeat-x;
	float: left;
	font-size: 14px;
	margin-bottom: 15px;
	width: 270px;
}
	
/*avoid box model headaches with this baby*/
.info_box_padding {
	clear: both;
	display: inline;
	float: left;
	padding: 7px;
}

#footer_1 {
	clear: both;
	height: 100px; /*this height MUST match the image placed in this div*/
	width: 900px;
}

/*NOTE - this footer is outside the content box because it spans the whole page*/
#footer_2 {
	background: url('http://www.humanproductivitylab.com/images/website_pics/tw2007_site/footer2_bg_1x300px.jpg') repeat-x;
	color: #F1F5F7;
	height: 300px;	
	width: 100%;
}

#footer_reflection {
	float: left;
	height: 55px;
	width: 425px;
}

#footer_text {
	float: left;
	font-size: 14px;
	padding: 7px 0px 34px 20px;
	width: 485px;
}

#footer_hpl_preview_title {
	clear: both;
	float: left;
	height: 30px;
	padding: 15px;
	width: 920px;
}

#footer_hpl_preview {
	clear: both;
	float: left;
	height: 155px;
	padding: 0px 0px 15px 15px;
	width: 615px;
}

#footer_hpl_preview img {
	padding-bottom: 7px;
}

/*Style Divs*/
a{
	color: #000000;
	line-height: 130%;
}

a:link{
	color: #000000;
	line-height: 130%;
}

a:visited{
	color: #000000;
	line-height: 130%;
}

a:hover{
	background: #000000;
	color: #FFFFFF;
	line-height: 130%;
}

/* footer pseudo class hovers */
#footer_2 a {
	color: #FFFFFF;
	line-height: 130%;
	text-decoration: underline;
}

#footer_2 a:hover {
	background-color: none;
	color: #FFFFFF;
	line-height: 130%;
	text-decoration: none;
}

/*h1 is SOLELY for subtitle below top banner*/
h1 {font-size: 30px;}
h2 {font-size: 18px; line-height: 130%}
h3 {font-size: 18px;}
h4 {font-size: 14px; line-height: 130%}

#main h2 {
	font: 18px;
	font-weight: bold;
}

#main h3 {
	font-size: 9px;
	padding-bottom: 20px;
}

#main read {
	text-indent: 25px;
}

#main img {
	border: 0px;
	padding: 0px 0px 10px 10px;
	float: right;
}

#bold {
	font-weight: bold;
}

.story_break {
	background: url('http://www.humanproductivitylab.com/images/website_pics/tw2007_site/black_dot_1x1px.jpg') repeat-x center;
	height: 40px;
	width: 560px;
}

.gs-visibleUrl {
  font-size: 10px; /*makes urls stay put in google search*/
}