/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 


/* Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body, html { height: 100%; }

body {
	
	background: white url(../img/bg/header-bg.jpg) top left repeat-x;
	margin: 0; padding: 0 0 0px 0;	
}

/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#main-nav { 			
	width: 760px; height: auto;
	margin: 0 0 0 200px; padding: 12px 0 0 0; 
	}
	
#main-nav-header { width: auto; height: 30px; }
#main-nav-header img { vertical-align: middle; }

#main-nav ul 	{ list-style-type: none; margin: 0; padding: 15px 0 0 0; }
#main-nav ul li { display: inline; margin: 0; padding: 0;  }

#main-nav a 							{ color: #868686; margin: 0 5px;  }
#main-nav a:active, #main-nav a:hover 	{ text-decoration: underline; }

#main-nav #header-about 		{ font-size: 22px; padding: 0 0 0 5px; color: #47b014; vertical-align: middle; }
#main-nav #header-health 		{ font-size: 22px; color: #ff008a; vertical-align: middle; }
#main-nav #header-products 		{ font-size: 22px; color: #fa9f00; vertical-align: middle; }
#main-nav #header-nutrition 	{ font-size: 22px; color: #2b30a3; vertical-align: middle; }
#main-nav #header-capabilities 	{ font-size: 22px; color: #408eef; vertical-align: middle; }


/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-div h1 a {

	background: transparent url(../img/logo/publicis-consultants-pr-usa-logo-293x57.jpg) no-repeat left top;
	display: block; float: left;
	width: 307px; 	height: 87px;
	margin: 0; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	

	}



/* Global Header Links
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-links {
	display: block; float: right; 
	width: 500px; height: 87px;
	margin: 0; padding: 0;		
	line-height: 65px; color: white; font-size: 13px;
	text-align: right;
	}

#header-links a { color: white; padding: 0 5px; }
#header-links a:active, #header-links a:hover { text-decoration: underline; }


/* Sub Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#sub-nav { 			
	width: 150px; height: auto;
	padding: 5px 0 0 3px;
	}

#sub-nav ul 	{ list-style-type: none; margin: 4px 0 0 0; padding: 0; }
#sub-nav ul li { 
	margin: 0; padding: 2px 0 0 10px; 
	border-bottom: 1px solid #868686; 
	color: #868686; }

#sub-nav a 			{ color: #868686; }
#sub-nav a:hover 	{ text-decoration: none; color: black; }
#sub-nav #active a 	{ text-decoration: none; color: black; }

#sub-nav #related-links { text-transform: uppercase; font-size: 11px; }
#sub-nav #related-links-clear { height: 25px; };

/* Left Col
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#left-col img {
	border: 0;
	text-align: center;
}

/* Right Col
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#right-col img {
	border: 0;
	text-align: center;
}

/* Narrow Middle Col
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#mid-col-narrow ul { color: #fff; font-size: 14px; padding-bottom: 0; margin-bottom: 0; }

#mid-col-narrow img { padding: 0 0 15px 0; }


#mid-col-narrow a 			{ color: #fff; text-decoration: underline; }
#mid-col-narrow a:hover 	{ color: #000; text-decoration: underline; }

#mid-col-narrow p { display: inline; color: #FFF; font-size: 15px; }

#mid-col-narrow #narrow-top-green { background: #FFF url(../img/page-content/narrow-top-green.jpg) top left no-repeat; height: 17px; width: 540px; }
#mid-col-narrow #narrow-bot-green { background: #FFF url(../img/page-content/narrow-bot-green.jpg) top left no-repeat; height: 17px; width: 540px; }
#mid-col-narrow #narrow-mid-green { background-color: #00B135; padding: 0 20px; color: #FFF; font-size: 14px;}

#mid-col-narrow #narrow-top-pink { background: #FFF url(../img/page-content/narrow-top-pink.jpg) top left no-repeat; height: 17px; width: 540px; }
#mid-col-narrow #narrow-bot-pink { background: #FFF url(../img/page-content/narrow-bot-pink.jpg) top left no-repeat; height: 17px; width: 540px; }
#mid-col-narrow #narrow-mid-pink { background-color: #D70E74; padding: 0 20px; color: #FFF; font-size: 14px;}

#mid-col-narrow #narrow-top-orange { background: #FFF url(../img/page-content/narrow-top-orange.jpg) top left no-repeat; height: 17px; width: 540px; }
#mid-col-narrow #narrow-bot-orange { background: #FFF url(../img/page-content/narrow-bot-orange.jpg) top left no-repeat; height: 17px; width: 540px; }
#mid-col-narrow #narrow-mid-orange { background-color: #F5A324; padding: 0 20px; color: #FFF; font-size: 14px;}

#mid-col-narrow #narrow-top-dblue { background: #FFF url(../img/page-content/narrow-top-dblue.jpg) top left no-repeat; height: 17px; width: 540px; }
#mid-col-narrow #narrow-bot-dblue { background: #FFF url(../img/page-content/narrow-bot-dblue.jpg) top left no-repeat; height: 17px; width: 540px; }
#mid-col-narrow #narrow-mid-dblue { background-color: #193776; padding: 0 20px; color: #FFF; font-size: 14px;}

#mid-col-narrow #narrow-top-lblue { background: #FFF url(../img/page-content/narrow-top-lblue.jpg) top left no-repeat; height: 17px; width: 540px; }
#mid-col-narrow #narrow-bot-lblue { background: #FFF url(../img/page-content/narrow-bot-lblue.jpg) top left no-repeat; height: 17px; width: 540px; }
#mid-col-narrow #narrow-mid-lblue { background-color: #2795DE; padding: 0 20px; color: #FFF; font-size: 14px; }


/* Wide Middle Col
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#mid-col-wide ul { color: #fff; font-size: 14px; padding-bottom: 0; margin-bottom: 0; }

#mid-col-wide img { padding: 0 0 15px 0;}

#mid-col-wide a 			{ color: #fff; text-decoration: underline; }
#mid-col-wide a:hover 	{ color: #000; text-decoration: underline; }

#mid-col-wide p { display: inline; color: #FFF; font-size: 15px; }

#mid-col-wide #left-box { width: 330px; padding: 0 5px 0 0; float: left; font-size: 15px; }
#mid-col-wide #right-box { width: 330px; padding: 0 0 0 5px; float: right; font-size: 15px; }
#mid-col-wide #image-cap { width: 205px; padding: 100px 0 0 15px; float: right; font-size: 14px; }

#mid-col-wide #wide-top-lblue { background: #FFF url(../img/page-content/wide-top-lblue.jpg) top left no-repeat; height: 17px; width: 750px; }
#mid-col-wide #wide-bot-lblue { background: #FFF url(../img/page-content/wide-bot-lblue.jpg) top left no-repeat; height: 17px; width: 750px; }
#mid-col-wide #wide-mid-lblue { background-color: #2795DE; padding: 0 20px; color: #FFF; font-size: 14px;}

/* News, Press Releases, and Contact
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#narrow-mid-NPC { background-color: #fff; padding: 0 20px; color: #868686; font-size: 14px; }
#narrow-mid-NPC b { font-weight: bold; color: #000; }
#narrow-mid-NPC p { font-size: 14px; color: #868686; }
#narrow-mid-NPC a 			{ color: #868686; text-decoration: underline; }
#narrow-mid-NPC a:hover 	{ color: #000; text-decoration: underline; }
#narrow-mid-NPC hr { background-color: #CCC; color: #CCC; height: 1px; }
#narrow-mid-NPC .back-to-top { text-transform: uppercase; color: #000; font-size: 12px; font-weight: bold; }
#narrow-mid-NPC .back-to-top a { text-transform: uppercase; color: #000; font-size: 12px; font-weight: bold; }
#narrow-mid-NPC .back-to-top a:hover { text-transform: uppercase; color: #999; font-size: 12px; font-weight: bold; }
	
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#mid-big-text { color: #FFF; font-size: 14px; line-height: 18px; }
.col-left { color: #868686; text-align: left; padding: 0 7px 0 7px; }
.col-center { color: #868686; text-align: center; padding: 0 7px 0 7px; }
.clear 	{ clear: both; } 
.photo-content { float: left;}
.photo-content2 { float: left; padding: 20px 0 0 0;}