/* Base CSS Document for pH - Public Health Corporation

Author: Jennifer Hoy - jenn suz hoy
Site design: jenn suz hoy
Date Created: 09/15/2008
Last Updated: 01/31/2010
Copyright: jenn suz hoy. All rights reserved. */

/*------------------------
Style imports
 ------------------------*/

@import url("typography.css");
@import url("navigation.css");

/*------------------------
Basic layout
 ------------------------*/

*, html {
	margin: 0;
	padding: 0;
	
}
html {
	height: 100%;
	
}
body {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	font-family: 'Times New Roman', Times, serif;
	font-size: 85%;
	line-height: 85%;
	text-align: center;
	color: #00001c;
	background: url(../images/bg-body.gif) repeat-x #fff;
	
} 
div#wrapper {
	display: block;
	width: 971px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: center;
	
}
* html div#wrapper {
	height: 100%;
	
}
div#header {
	display: block;
	width: 971px;
	height: 143px;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	
}
div#content {
	display: block;
	width: 971px;
	margin: 0 auto;
	padding: 16px 0 0 0;
	text-align: center;
	
}
div#content div.columns {
	display: block;
	width: 971px;
	height: auto;
	margin: 0;
	padding: 0 0 138px 0;
	text-align: center;
	clear: both;
	background: url(../images/bg-columns.gif) repeat-y 0 0;
	
}
div#content div.columns div.col-left {
	display: block;
	width: 332px;
	margin: 0;
	padding: 52px 0 0 0;
	text-align: left;
	float: left;
	
}
div#content div.columns div.col-right {
	display: block;
	width: 629px;
	margin: 0 0 50px 0;
	padding: 23px 0 0 0;
	text-align: left;
	float: right;
	
}
div#footer {
	display: block;
	width: 100%;
	height: 138px;
	margin: -138px 0 0 0;
	padding: 0;
	position: relative;
	background: url(../images/bg-footer.gif) repeat-x 0 0;
	
}
 
/*------------------------
Page elements 
------------------------*/

div#banner {
	display: block;
	width: 971px;
	height: 141px;
	margin: 0 0 -16px 0;
	padding: 0;
	
}
body#page-brands div#banner {
	background: url(../images/bg-bannerbrands.jpg) no-repeat 0 0;
	
}
body#page-brands.page-healthstreak div#banner {
	background: url(../images/bg-bannerhealthstreak.jpg) no-repeat 0 0;
	
}
body#page-brands.page-medicinefunds div#banner {
	background: url(../images/bg-bannermedicinefunds.jpg) no-repeat 0 0;
	
}
body#page-brands.page-medoncall div#banner {
	background: url(../images/bg-bannermedoncall.jpg) no-repeat 0 0;
	
}
body#page-brands.page-livinguide div#banner {
	background: url(../images/bg-bannerlivinguide.jpg) no-repeat 0 0;
	
}
body#page-brands.page-yardscreen div#banner {
	background: url(../images/bg-banneryardscreen.jpg) no-repeat 0 0;
	
}
body#page-brands.page-idinners div#banner {
	background: url(../images/bg-banneridinners.jpg) no-repeat 0 0;
	
}
body#page-about div#banner {
	background: url(../images/bg-bannerabout.jpg) no-repeat 0 0;
	
}
body#page-contact div#banner {
	background: url(../images/bg-bannercontact.jpg) no-repeat 0 0;
	
}
body#page-contact.page-privacy div#banner {
	background: url(../images/bg-bannerprivacy.jpg) no-repeat 0 0;
	
}
div#content div.columns div.bottom {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	
}
div#content div.columns div.col-left div.spiff {
	margin: 0;
	
}
div#content div.columns div.col-right div.row {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	
}
div#content div.columns div.col-right div.row div.bottom, div#content div.columns div.col-right div.row div.bottomclear {
	display: block;
	width: 629px;
	height: 42px;
	margin: 0;
	padding: 0;
	clear: both;
	background: url(../images/bottom-row.gif) no-repeat;
	
}
div#content div.columns div.col-right div.row div.bottomclear {
	background: none;
	
}
div#content div.columns div.col-right div.row div.col-left, div#content div.columns div.col-right div.row div.col-right {
	display: block;
	width: 296px;
	margin: 0;
	padding: 0;
	float: left;
	
}
div#content div.columns div.col-right div.row div.col-left {
	margin: 0 26px 0 0;
	
}
div#content div.columns div.col-right div.highlighted-box {
	display: block;
	width: 624px;
	margin: 0;
	padding: 0;
	clear: both;
	color: #00001c;
	background: url(../images/bg-highlightbox.gif) repeat 0 5px #eeeeee;
	
}
div.highlighted-box div.top, div.highlighted-box div.bottom {
	display: block;
	width: 624px;
	height: 5px;
	margin: 0;
	padding: 0;
	clear: both;
	
}
div.highlighted-box div.top {
	background: url(../images/top-hightlightbox.gif) no-repeat 0 0;
	
}
div.highlighted-box div.bottom {
	background: url(../images/bottom-highlightbox.gif) no-repeat 0 0 #fff;
	
}
div.highlighted-box div.top {
	margin: 0 0 21px 0;
	
}
div#content div.columns div.col-right div.highlighted-box div.columns {
	display: block;
	width: 624px;
	margin: 0;
	padding: 0;
	clear: both;
	color: #00001c;
	background: #eee;
	
}
div#content div.columns div.col-right div.highlighted-box div.columns div.col-left {
	display: block;
	width: 305px;
	margin: 0;
	padding: 0;
	float: left;
	
}
div#content div.columns div.col-right div.highlighted-box div.columns div.col-right {
	display: block;
	width: 305px;
	margin: 0;
	padding: 0;
	float: right;
	
}
div#footer div.columns {
	display: block;
	width: 971px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	clear: both;
	
}
div#footer div.columns div.col-left {
	display: block;
	width: 250px;
	margin: 0;
	padding: 31px 34px 0 48px;
	float: left;
	
}
div#footer div.columns div.col-right {
	display: block;
	width: 574px;
	margin: 0;
	padding: 31px 31px 0 17px;
	float: right;
	
}
	
div#header img#logo {
	margin: 20px 0 0 33px;
	padding: 0;
	behavior: url(elements/java/iepngfix.htc);
	
}
div#header img#icon {
	position: absolute;
	top: 40px;
	left: 860px;
	margin: 0; 
	padding: 0;
	behavior: url(elements/java/iepngfix.htc);
	
}
div.spiff img {
	display: block;
	margin: 0 34px 10px 10px;
	padding: 0;
	float: right;
	
}

/*-------------------------
Safari Fixes
------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#content div.columns div.col-right {
		margin: 0 0 72px 0;
		
	}
	div#footer {
		display: block;
		width: 100%;
		height: 138px;
		margin: -160px 0 0 0;
		padding: 0;
		position: relative;
		background: url(../images/bg-footer.gif) repeat-x 0 0;
	
	}

}