/*

changes SB made to PP css
- width of nav was 600
- footer active & hover 

			+General Elements
			+ Generic rules
			+ Basic typography
			
			+ Accessibility
			+ Reusable
	
			+ Main Elements
			+ Main wrapper
			+ Header
			+ Hero
			+ Ads
			+ Lists
			+ Footer
*/


/* General Elements
----------------------------------------------- */


html {
	width:100%;
	margin:0; 
	padding:0; 
	height: 100%;}
body {
	margin:0; 
	padding:0;
	background-image:url(../images/bg_secondary.png);
	position: relative;
	position: relative;
	height: 100%;	
	}
	
	/* + Generic Rules 
----------------------------------------------- */
a 					{color:#3868b7; text-decoration:none;}
a:visited 			{color:#3868b7; text-decoration:none;}
a:hover, a:focus 	{color:#cd8c26; text-decoration:none;}

a img, a:visited img {border:none;}

hr {clear:both;}


/* + Basic typography 
----------------------------------------------- */
body {
	color: #777882;
	font-size:87.5%; 
	line-height:1.5;
	font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
	}

h1,h2,h3,h4,h5,h6 {font-weight: bold; color: #d28233;}
h1 { font-size: 1.125em; line-height: 0.7em; padding: 0 0 0.45em 0;} /* secondary titles */
h2 { font-size: 1em; line-height: 0.6em; padding: 0 0 0.25em 0; } /* secondary sub-titles */
h3 { font-size: 1.4em; margin-top: 1.5em;}  /* designs pages sub-titles */
h4 { font-size: 1.1em; margin-top: 1.5em; font-weight: bold;} 
h5 { font-size: 1em; margin-top: 1.5em;}
h6 { font-size: 1em;line-height: 1.5em;}

p  { font-size: 1em; line-height: 1.5em;}

ul { margin: 0; padding: 0;}

strong      { font-weight: bold; }

small		{ font-size: 0.785714em;  line-height: 1.909091em;}

hr			{clear: both;}
/**********************************************************************/


/* + Accessibility
----------------------------------------------- */
.hide, .accessibility {display: none;}

/* + Reusable
----------------------------------------------- */
.normal {font-weight: normal;}
.odd {background: #f8fcfd;}
.even {background: #fff;}
.nomargin {margin: 0;}
.last {margin-right: 0;}
.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */
/**********************************************************************/


/* 	Main Elements
************************************************************************/

/* + Main wrapper
----------------------------------------------- */
.main-wrapper {
	width:100%;
	margin: 0;
	padding: 0;	
	}
	.container  {
		margin: 0 auto;
		text-align:center;
		padding: 0 0px;
		width: 930px;  /* UB 1257t*/
		overflow: hidden;
		position: relative;
		}
	
/* + Header
----------------------------------------------- */
.header-wrapper {
	width:100%;
	margin: 0;
	padding: 0;	
	background:#fff; 
	}
	.container  {
		margin: 0 auto;
		text-align:center;
		padding: 0 0px;
		width: 930px;  /* UB 1257t*/
		overflow: hidden;
		position: relative;
		}	
	#header {
	height: 110px;  /*   UB 8em 88px */
		width: 930px;  /* UB 1257t*/
	margin: 0;
	padding: 0 5px;
	overflow: hidden;
	background:#fff; 
	}
	#logo {
		float:left;
		width:165px;
		height: 64px;
		margin: 40px 0 0 0;     
		}  


/* Navigation */
	#nav {
		float: right;
		width:520px;
		margin: 0;
		padding: 60px 10px 0 0;  /* top, right, bottom, left */
		font-size:14px;
		line-height: 1.5em;
		height:50px;
		font-weight: bold;
	}
		#nav .topnav, #nav .here {
			color:#5583cd;
			padding: 15px;
			background: #FFF;
			font-weight: bold;
			}
			#nav .topnav a, {
				text-decoration:none;
				color:#5583cd;
				}
				#nav .here a {
				text-decoration:none;
				color:#e7925a;
				}
			#nav .topnav a:hover, #nav .here a:hover {
				text-decoration: none;
				color:#e7925a;
				}
			#nav .topnav a.active, #nav .here a.active { 
				text-decoration: none;
				color:#e7925a;
				}
			
				
	#nav .here {
		background-image:url(../images/on_wave_wide.png);
		background-repeat:no-repeat;
		background-position:bottom;
	}

/* + Hero
----------------------------------------------- */	
#hero-wrapper {
	clear:both;
	width:100%;
	height: 340px;  /*  was 420px  */
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	background: /*#197584*/ url(../images/home/hm_main_bg.png) left repeat-x;
	position: relative;
	}
	
	.container-hero  {
		clear:both;
		margin: 0 auto;
		padding: 0 0px;
		width: 1110px;  /*  was 1257px  */
		overflow: hidden;
		position: relative;
		height: 340px;  /* SB added */
		}


/* preview ------------------- */	

#preview {
	width:545px;
	float: left;
	height: 320px;
	/*background: url(img/bg-preview.png) left top no-repeat;*/
	}		
	/* #viewer {
		margin: 24px auto 0;
		width: 520px;
		height: 380px;
		padding: 0;
		}		*/
	
		#canvas {
	position: absolute;
	border:1px solid #a9a49d;
	left: 100px;
	top:20px;   /*  s adjust left margin and height of S&S  */
	width:440px;
	height: 300px;
			}
		
#canvas p {
	clear:both;
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-size:10px;
	text-align:left;
}

/* thumbnails  -------------------	*/


	#thumbnails {
	position: absolute;
	left:545px;
	top:21px;
	width:80px;
	height:300px;
	line-height: 1px;
	border:1px solid #a9a49d;
	margin-bottom:0px;
	background:#6c7a8d;
}


/* thumbnails UNORDERED LIST MAY NOT BE NEEDED, see index5 css --------- */


/* big idea ------------------- */

#big_ideas{
	float:right;
	width:300px;
	margin-left:0px;
	padding: 15px 100px 0 0;   /* top, right, bottom, left   */
}

#big_ideas a{
	color:#0c6d80; text-decoration:none;
}

h1#main_title {
	color: #d29e40;
	font-weight:bold;
	font-size: 1.5em;
	height: 20;
	line-height: 1.2em;
	margin: 0;
	position: relative;
	padding-top:75px;
	overflow:hidden;
	text-align:center;
	 /* width:300px; */
	}
	
#big_ideas_list {
	margin: 0 0 0 11px;
	padding: 5px 0;
	list-style: none;
}
#big_ideas_list li {
	font-size: 1em;
	line-height: 1.4em;
	font-weight: normal;
	color: #4f4f50;
	padding: 0 0 0 35px;   /* space from bullet   top, right, bottom, left */
	list-style: none;
	background: url(../images/triangle_lg.png) 0 0 no-repeat;
}
#btn-view a, #btn-view a:link, #btn-view a:visited {
	width:150px;
	height:35px;
	display:block;
	overflow:hidden;
	padding:0;
	margin:0 0 0 75px;
	color:#0c6d80;
	text-indent:-9000px;
	background:url(../images/home/btn_view.png) 0 0 no-repeat;
	border-bottom:none;
}
#btn-view a:hover {
	background-position:0 -44px;
	width:150px;
	height:35px;
	display:block;
	overflow:hidden;
	padding:0;
	margin:0 0 0 75px;
	color:#0c6d80;
	text-indent:-9000px;
	background:url(../images/home/btn_view_hover.png) 0 0 no-repeat;
	border-bottom:none;
}
#btn-view a:active {
	background-position:0 -88px;
	width:150px;
	height:35px;
	display:block;
	overflow:hidden;
	padding:0;
	margin:0 0 0 75px;
	color:#0c6d80;
	text-indent:-9000px;
	background:url(../images/home/btn_view_active.png) 0 0 no-repeat;
	border-bottom:none;
}


/* divider and  -------------------

#divider {
	position: absolute;
	left: -2px;
	bottom: 83px;
	padding:0;
	width: 100%;
	height:5px;
	overflow:hidden;
	z-index: 8000;
	text-align: right;
	background:url(../images/line_orange.png) repeat-x;
}
 */

/* ADS  ------------------- */
.ads-wrapper {
	width:100%;
	margin: 0;
	padding: 0;	
	height: 190px;  /* SB added */
	background: url(../images/home/bg_ads.png) left bottom repeat-x;
	}
	.container-ads  {
		margin: 0 auto;
		padding: 0;
		width: 930px;  /* need to get down to 930*/
		height: 190px;  /* SB added */
		overflow: hidden;
		position: relative;
		background: url(../images/home/bg_ads.png) left bottom repeat-x;
		}

#ads-content {
	overflow: hidden;
	margin: 0;
	clear: both;
	padding: 20px 20px 5px;
	}
	#ads-content h1 {font-weight: bold; color: #dc4e01;}
			
	 /*	.ads {   this is not working w/in the ads contaier
		width: 720px;
		float: left;
		margin: 0;
		padding: 0;
		}  */
		.ads-section {
			margin: 0 0 1em;
			overflow: hidden;
			padding: 0;
			}
			
			#ads-1 {
				width: 280px;
				float: left;
				margin: 0 20px 0 0;
				padding: 0;
				list-style: none;
				}
				
						
		#newsletter-hm a, #newsletter-hm a:link, newsletter-hm a:visited {
			width:107px;
			height:15px;
			z-index:1;
			left: 185px;
			top: 23px;
			background:url(../images/nav_newsletter.png) left top no-repeat;
					}
			
		#newsletter-hm {
			position:absolute;
			width:107px;
			height:15px;
			z-index:1;
			display:block;
			overflow:hidden;
			border-bottom:none;
			left: 185px;
			top: 23px;
			background:url(../images/nav_newsletter.png) left top no-repeat;
					}
					
			#newsletter-hm a:hover {
			background-position:0 -44px;
			position:absolute;
			width:107px;
			height:15px;
			z-index:1;
			display:block;
			overflow:hidden;
			border-bottom:none;
			left: 185px;
			top: 23px;
			background:url(../images/nav_newsletter_hover.png) left top no-repeat;
					}
					
			#newsletter-hm a:active {
			background-position:0 -88px;
			position:absolute;
			width:107px;
			height:15px;
			z-index:1;
			display:block;
			overflow:hidden;
			border-bottom:none;
			left: 185px;
			top: 23px;
			background:url(../images/nav_newsletter_active.png) left top no-repeat;
					}
					
		#rss-hm {
			position:absolute;
			width:36px;
			height:15px;
			z-index:1;
			left: 185px;
			top: 93px;
			background:url(../images/nav_rss.png) left top no-repeat;
		}
			
			 /*  Links VI News V2  -- */
	
				
			h5#news  {
				color: #d29a33;
				font-weight: bold;
				margin: 0 ;
				padding: 0;
				font-size: 12px;
				line-height: 1.4em;
				}
				
					#news-list ul {								
					margin: 0 0px 0 0px;  /* top, right, bottom, left */
					overflow: hidden;
					padding: 0 0px 0 0px;								
					width: 310px;
						}
					#news-list li {									
					font-size: 0.95em;
					line-height: 1.909091em;									
					color: #8a8fa6;
					font-weight: normal;
					margin: 0 0 0 20px;
					padding: 0 0 0 0px;									
					/*float: left; */
					list-style-position: inside;
					list-style-image:url(../images/triangle_sm.png);
					/*background: url(../images/triangle_sm.png) 0 0 no-repeat; */
						}
					
				 /*  Divider left  -- */
			#divider-hm-lt {
			position:absolute;
			width:22px;
			height:87px;
			z-index:2;
			left: 310px;
			top: 42px;
			background:url(../images/bar-gray.png) left top no-repeat;
			}
				 /*  / Divider left  -- */
				 
			 /*  Contact Us  -- */
				
					#ads-2 {
				width: 240px; /* 12/27/09 was 280 */
				float: left;
				margin: 10px 30px 0 20px;  /* top, right, bottom, left */
				padding: 0;
				text-align:center;
				}
				
				#contact-us {
				padding: 0;
				text-align:center;
					}
					
				.contact-us-title{
				padding: 0;
				color:#d29a33;
				font-size:1.1em;
				font-weight:bold;
				text-align:center;
				line-height:1.4em;
				margin-bottom: 0px;
						margin-top:20px;
					}

					#contact-us p {
						margin-top:10px;
					font-size:.9em;
					text-align:center;
					line-height:.1em;
					}
									
					#wave-hm-contact {
					position:absolute;
					width:68px;
					height:20px;
					z-index:4;
					left: 361px;
					background:url(../images/wave_60wtrans.png) left top no-repeat;
				}
			/* see secondary.css for wave div */
			
			
			/* divider right */
	
#divider-hm-rt {
	position:absolute;
	width:22px;
	height:87px;
	z-index:3;
	left: 584px;
	top: 41px;
	background:url(../images/bar-gray.png) left top no-repeat;
}
				
				/* Quote  -- */
			
				#ads-3 {
				width: 280px;
				float: left;
				margin: 0 0 0 0;
				padding: 0 0px 0 20px;
				}
				
					#quote {
					width:236px;
					padding:5px 12px;
					text-align:center;
					color:#d09e31;
					font-size:22px;
					font-weight:bold;
					font-style:normal;
					line-height:2em;
					float:left;
					z-index:9999;
					}

					#quote p { 
					margin:0 0 12px 0;
					}
					.ldquo {
					background:url(../images/home/quote-pre.png) left top no-repeat;
					padding:2px 8px;
					width:17px;
					margin-right:6px;
					}

					.rdquo {
					background:url(../images/home/quote-post.png) left top no-repeat;
					padding:2px 8px;
					width:17px;
					margin-left:6px;
						}

					#testimonial cite {
					font-style:normal;
						}

					.source {
					font-size:13px;
					color:#777882;
					line-height:1.25em;
					font-weight:normal;
					}
	

/* 
#ads .blog_post h3 {
	margin:.9em 0 0 0;
	padding:0;
	font-size:.8em;
}

#contact_call {
	background:url(/images/brown_opacity.png) top left repeat;
	color:#d2d0cc;
	width:618px;
	padding:0;
	margin:0 18px 18px 0;
	text-align:left;
	float:left;
}

#contact_call div {
	padding:0;
	margin:18px;
	width:264px;
	float:left;
}

#contact_call p {
	padding:0 0 1em 0;
	margin:0;
}


#blog #blog_content {
	margin:18px 18px 9px 0;
	padding:0 0 9px 0;
}

#contact_call #blog_content {
	margin:18px 18px 9px 0;
	padding:0 0 9px 0;
}

.blog_post {
	margin-bottom:3px !important;
}

#blog_post ul {
	margin:0;
	padding:10px 0;
	list-style: none;
	font-size:.9em;
}

#blog_post li {
	float:left;
	padding-left: 16px;
	width:116px;
	background: url(/images/work/check.gif) no-repeat 0 .25em;
}
*/


/* LISTS  ------------------- */
.list-wrapper {
	width:100%;
	margin: 0;
	padding: 0;	
	background:#fff; 
	}
	.container  {
		margin: 0 auto;
		text-align:center;
		padding: 0 0px;
		width: 930px;  /* UB 1257t*/
		overflow: hidden;
		position: relative;
		}	

#list-content {
	overflow: hidden;
	margin: 0;
	clear: both;
	padding: 1.5em 20px 1.5em;
	text-align:left;
	}
	#list-content h1 {font-weight: bold; color: #dc4e01;}
			
		.list {
		width: 930px; /* need to get down to 930  */
		float: left;
		margin: 0;
		padding: 0;
		color: #8a8fa6;
		font-size: 12px;
		list-style-position: inside;
		}
		.list-section {
			margin: 0 0 16px;
			overflow: hidden;
			padding: 0;
			}
			.list h5 {
			font-size: 12px;
			font-weight: bold;
			margin: 0 0 0 0px;
			padding:12px 0px 3px;
			color: #8a8fa6;
				}
				
				.list h4, .list-plain h4 {
				color: #8a8fa6;
				font-size: 14px;
				font-weight: bold;
				margin: 0 0 0 0px;
				}	
				
			h4#list  {padding: 0;}	
			h4#list-plain  {padding: 0 0 8px O;}	
					
				.list h4 a, .primary h4 a:visited {
					font-weight: bold;
					color:#8a8fa6;
					text-decoration: none;
					}
				.list h4 a:hover { color: #8a8fa6; text-decoration: underline}
									
					#list-1 {
				width: 280px;
				float: left;
				margin: 0 20px 0 0;
				padding: 0;
				}
				
					#list-2 {
				width: 280px;
				float: left;
				margin: 0 20px 0 0;  /* top, right, bottom, left */
				padding: 0;
				}
				
				
				#list-3 {
				width: 280px;
				float: left;
				margin: 0;
				padding: 0;
				}
				
					#listing ul {								
					margin: 0 0px 0 0px;  /* top, right, bottom, left */
					overflow: hidden;
					padding: 0 0px 0 0px;	/* top, right, bottom, left */							
					width: 310px;		

					}
						#listing ul li {									
						font-size: 0.785714em;
						line-height: 1.909091em;									
						color: #8a8fa6;
						font-weight: bold;
						margin: 0 0 0 20px;
						padding: 0 0 0 0px;									
						list-style: disc;
						float: left;
						list-style-position: inside;

						}
						#listing a, .listing ul li a { color: #b13134; text-decoration: none;}
						#listing a, .listing ul li a:visited {color:#db4649;}
						#listing a, .listing ul li a:hover {color: #fb0a0f;}
	
	/* + Footer
----------------------------------------------- */
#footer-wrapper {
	width:100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 50px;  /* SB added */
	position: relative;  /* Pam 1-4-10, had this commented out */
	background: url(../images/bg_footer.png) repeat-x;
	}
	
	.container-footer  {
		clear:both;  /* Pam 1-4-10, addition */
		margin: 0 auto;
		padding: 0 0px;
		overflow: hidden;
		position: relative;

}
	#footer {
	margin: 0;
	padding: 10px  10px 10px 10px;
	text-align: center;
	background: url(../images/bg_footer.png) repeat-x;
	}
	#footer ul { 
		width: 100%;
		margin: 0; 
		padding: 0;
		float:inherit; /* original? */
		}
		#footer ul li {
			margin: 0;
			padding: 0; 
			display: inline;
			font-size: 0.857143em;
			line-height: 1.75em;
			font-weight: normal;
			}
			#footer ul li a {
					color:#668ecf;
					padding: 5px;
					font-weight: bold;
					}
			#footer ul li.active a {
					color:#e7925a;
					padding:5px;
					background: #f1f1f1;
					}
			#footer ul li a:hover {text-decoration: none;color:#e7925a;}
			
			#footer ul li.here {
				color:#e7925a;
				padding: 5px;
				font-weight: bold;
				}
				
			#footer ul li.here a {
				color:#e7925a;
				padding: 5px;
				font-weight: bold;
				}
			#footer ul li.here a:hover {
				color:#e7925a;
				padding: 5px;
				font-weight: bold;
				}
			#footer ul li.here a.active { 
				color:#e7925a;
				padding: 5px;
				font-weight: bold;
				}
			
			#footer ul li.right{
				list-style:none;
				display:inline;
				padding: 0 0px 0 30px;	/* top, right, bottom, left */	
				font-size: 0.8em;
			}


/**********************************************************************************************/