html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*line-height: 1;*/
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/********************************************************************/

strong {
	font-weight: bold;
}

.clearer {
	clear: both;
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 0;
	line-height: 1px;
	font-size: 1px;
}

html, body {
	background: #636589 url(/images/site/gradient.jpg) left top repeat-x;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	margin: 0 auto;
	background-color: #FFF;
	color: #3c3e6b;
	width: 788px;
}
	
#header {
	height: 97px;
	width: 788px;
	background: #FFF url(/images/site/corporactive-logo.jpg) left top no-repeat;
}       
 	
	.home #header {
		background: #FFF url(/images/site/corporactive-logo-home.jpg) left top no-repeat;
	}
	
 	#header #homelink {
		width: 180px; 
		height: 97px; 
		float: left;
	}
		        
	#header #navigation {
		float: right;
		width: 485px;
		width: 380px;
		height: 45px;
	} 

		#header #navigation ul {
			margin-top: 35px;
		} 
		 
			.home #header #navigation ul {
				margin-top: 12px;
			} 
 
		#header #navigation ul li {
			display: block;
			float: left;
			color: #909090;
			font-size: 12px;
			font-weight: bold;
			height: 27px;
			line-height: 27px;
			margin-right: 5px;
		} 
 
			#header #navigation ul li a {
				display: block;
				float: left;	
				color: #909090;
				font-size: 12px;
				text-decoration: none;	
				height: 27px;
				line-height: 27px;	
				padding-right: 9px;
				background: #FFF url(/images/site/nav-item-right.gif) right top no-repeat;
			} 
 
				#header #navigation ul li a span { 
					background: #FFF url(/images/site/nav-item-left.gif) left top no-repeat;
					display: block;
					float: left;
					padding-left: 9px;
					cursor: pointer;
					height: 27px;
					line-height: 27px;	
				}
 
			
			.home #header #navigation ul li#home a,
			.who-we-are #header #navigation ul li#who-we-are a,
			.what-we-do #header #navigation ul li#what-we-do a,
			.conferences #header #navigation ul li#conferences a,
			.events #header #navigation ul li#events a,
			.testimonials #header #navigation ul li#testimonials a,
			.contact #header #navigation ul li#contact a,
			.faqs #header #navigation ul li#faqs a,
			#header #navigation ul li a:hover {	
				color: #000;
				text-decoration: none;	
				background: #FFF url(/images/site/nav-item-right-over.gif) right top no-repeat;
			}		
				.home #header #navigation ul li#home a span,
				.who-we-are #header #navigation ul li#who-we-are a span,
				.what-we-do #header #navigation ul li#what-we-do a span,
				.conferences #header #navigation ul li#conferences a span,
				.events #header #navigation ul li#events a span,
				.testimonials #header #navigation ul li#testimonials a span,
				.contact #header #navigation ul li#contact a span,
				.faqs #header #navigation ul li#faqs a span,
				#header #navigation ul li a:hover span {
					background: #FFF url(/images/site/nav-item-left-over.gif) left top no-repeat;
					color: #FFF;
				}




#branding {
	width: 625px;
	height: 32px;
	background: #3c3e6b url(/images/site/branding-internal.jpg) left top no-repeat;
	color: #FFF;
	padding: 54px 0 0 163px;
}

	.faqs #branding, .error #branding {
		width: 754px;
		background-image: url(/images/site/branding-internal-nonav.jpg);
		padding-left: 35px;
	}

	#branding h1 {
		font-size: 20px;
	}

		#branding h1 a {
			font-size: 20px;
			color: #FFF;
			text-decoration: none;
		}

			#branding h1 a:hover {
				font-size: 20px;
				color: #CCC;
				text-decoration: none;
			}
				
	.home #branding {
		width: 746px;
		height: 147px;
		padding: 27px 0 0 42px;
		background: #3c3e6b url(/images/site/branding-home.jpg) left top no-repeat;
	}


		.home #branding #scrollingtestimonials {
			width: 325px;
			height: 140px;
		}
			
			.home #branding #scrollingtestimonials q {
				display: block;
				width: 320px;
				clear: both;
				color: #cccccc;
				font-size: 18px;
				line-height: 21px;
				margin-right: 25px;
				font-style: normal;
			}
			
			.home #branding #scrollingtestimonials cite {
				display: block;
				font-weight: bold;
				width: 300px;
				clear: both;
				font-size: 11px;
				line-height: 15px;
				margin-top: 20px;
				margin-right: 25px;
				font-style: normal;
			}

#footer {
	width: 788px;
	height: 40px;
	padding-top: 9px;
}

	#footer #footernav {
		width: 500px;
		height: 15px;	
		line-height: 15px;
		margin-left: 15px;
		float: left;
	}
	
		#footer #footernav ul {
			display: inline;
		} 

			#footer #footernav ul li {
				color: #666666;
				display: inline;
				border-right: 1px solid #8A8A8A;
				padding: 0 5px 0 3px;
				font-size: 11px;
			} 

				#footer #footernav ul li.last {
					border-right: none;
				} 
					 
				#footer #footernav ul li a {
					color: #666666;
					text-decoration: none;
					font-size: 11px;				
				}            	
				
					#footer #footernav ul li a:hover {
						color: #111111;
						text-decoration: none;
					} 
									
	#footer #extreme {
		float: right;
		width: 224px;
		font-size: 11px;
		color: #666666;
		height: 15px;	
		line-height: 15px;
		margin-right: 15px;
		margin-top: 2px;
	}
    
		#footer #extreme a {
			font-size: 11px;
			color: #666666;	
			text-decoration: none;	
		}

			#footer #extreme a:hover {
				color: #111111;	
				text-decoration: none;
			}
			

/*****************************************************************************
Internal Pages
**********************/

#subnav {
	float: left;
	width: 145px;
	font-size: 11px;
	color: #666666;
	padding-top: 20px; 
}

	#subnav ul li {
		display: block;
		width: 120px;
		line-height: 15px;
		border-bottom: 1px solid #d8d8e1;
		font-size: 11px;
		color: #666666;
		background: #FFF url(/images/site/subnav-bullet.gif) 11px 6px no-repeat;
		padding: 3px 0 3px 25px;
	}

		#subnav ul li a {
			display: block;
			width: 120px;
			line-height: 15px;
			font-size: 11px;
			color: #666666;
			text-decoration: none;
		}

			#subnav ul li a:hover {
				color: #3d3e6c;
				text-decoration: none;
			}
			
#maincontent {
	float: right;
	width: 625px;
}

	#maincontent a.back {
		display: block;
		width: 65px;
		height: 16px;
		line-height: 16px;
		margin-top: 7px;
		color: #3c3e6b;
		font-weight: bold;
		font-size: 11px;
		text-indent: 18px;
		text-decoration: none;
		background: #eaeaea url(/images/site/top-bullet.gif) 4px 4px no-repeat;
	}	
	
#maincontentfullwidth {
	float: right;
	width: 753px;
}

	#maincontent #intro, #maincontentfullwidth #intro {
		color: #3c3e6b;
		font-size: 11px;
		line-height: 16px;
		font-weight: bold;
		margin: 20px 30px 12px 0;
	}

		#maincontent #intro p, #maincontentfullwidth #intro p {
			color: #3c3e6b;
			font-size: 11px;
			line-height: 16px;
		}

		#maincontent #intro a, #maincontentfullwidth #intro a {
			color: #3c3e6b;
		}

			#maincontent #intro a:hover, #maincontentfullwidth #intro a:hover {
				color: #3c3e6b;
				text-decoration: none;
			}
				
	#maincontent .bodycopy {
		color: #5e5e5e;
		background-color: #eaeaea;
		font-size: 11px;
		line-height: 14px;
		font-weight: normal;
		margin: 20px 30px 12px 0;
		padding: 10px 10px 30px 10px;
	}

		#maincontent .bodycopy h2 {
			color: #5e5e5e;
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 3px;
		}
		
		#maincontent .bodycopy p {
			color: #5e5e5e;
			font-size: 11px;
			line-height: 16px;
			margin-bottom: 12px;
		}

		#maincontent .bodycopy table {
			margin-bottom: 12px;
			border-left: 1px dashed #FFF;
			border-top: 1px dashed #FFF;
		}

			#maincontent .bodycopy table td {
				padding: 4px;
				border-right: 1px dashed #FFF;
				border-bottom: 1px dashed #FFF;
			}
				
		#maincontent .bodycopy ul {
			margin-bottom: 12px;
		}

			#maincontent .bodycopy ul li {
				font-size: 11px;
				line-height: 16px;
				text-indent: 11px;
				background: url(/images/site/bullet.gif) -4px top no-repeat;
			}
				
		#maincontent .bodycopy a {
			color: #5e5e5e;
			text-decoration: underline;
		}

			#maincontent .bodycopy a:hover {
				color: #111;
				text-decoration: none;
			}
	
		#maincontent div.tile-internal {
			width: 190px;
			height: 112px;
			float: left;
			margin: 0 12px 12px 0;
			color: #FFF;
			background: url(/images/site/tile-intenal-default.jpg) left top no-repeat;
		}

			#maincontent div.tile-internal h1 {				
				width: 190px;
				height: 112px;
				padding: 0 5px 0 5px;
			}
			
				#maincontent div.tile-internal h1 a {
					font-size: 12px;
					font-weight: bold;
					color: #FFF;
					text-decoration: none;
					display: block;
					width: 180px;
					height: 20px;
					padding-top: 92px;	
				}
	
					#maincontent div.tile-internal h1 a:hover {
						color: #CCC;
						text-decoration: none;
					}
														
/*****************************************************************************
Homepage
**********************/

#fullwidth {
	color: #3c3e6b;
	padding: 15px 30px 15px 30px;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
}

	#fullwidth p {
		color: #3c3e6b;
		font-size: 11px;
		line-height: 16px;
	}

	#fullwidth a {
		color: #3c3e6b;
	}

		#fullwidth a:hover {
			color: #3c3e6b;
			text-decoration: none;
		}
			
#hometiles {
	width: 788px;
	/*height: 156px;*/
	margin-left: 2px;
	clear: both;
}

	#hometiles div.hometile {
		width: 190px;
		height: 175px;
		margin: 0 0px 5px 5px;
		color: #FFF;
		float: left;	
		font-size: 11px;
	}


	#hometiles div.dp {
		background: #3c3f6c url(/images/site/hometile-purple-dark-bg.gif) left bottom no-repeat;
	}

	#hometiles div.dg {
		background: #979797 url(/images/site/hometile-grey-dark-bg.gif) left bottom no-repeat;
	}	

	#hometiles div.lp {
		background: #69648c url(/images/site/hometile-purple-light-bg.gif) left bottom no-repeat;
	}

	#hometiles div.lg {
		background: #b8b8b8 url(/images/site/hometile-grey-light-bg.gif) left bottom no-repeat;
	}
		
		#hometiles div.hometile a.linkbox {
			display: block;
			width: 190px;
			height: 95px;
		}
		
		#hometiles div.hometile h2 {
			padding: 0 7px 0 7px;
		}
		
		#hometiles div.hometile h2 a {
			font-size: 13px;
			font-weight: bold;
			margin-bottom: 8px;
			color: #FFF;
			text-decoration: none;	
		}	
	
			#hometiles div.hometile h2 a:hover {
				color: #111;
				text-decoration: none;
			}	
		
		#hometiles div.hometile p {
			padding: 0 7px 0 7px;
		}
					
		#hometiles div.hometile p a {
			font-size: 11px;
			line-height: 14px;
			color: #FFF;
			text-decoration: none;
		}	

			#hometiles div.hometile p a:hover {
				color: #111;
				text-decoration: none;
			}		
	
/****************************************************************************************
FAQs
****************/

.questions {
	width: 100%;
	font-size: 12px;	
	color: #3c3e6b;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	margin: 20px 30px 12px 0;
}

	.questions h2 {
		color: #5e5e5e;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 3px;
	}	

	.questions ul {
		margin: 18px 30px 24px 0;
	}	

		.questions ul li {
			text-indent: 11px;
			border-bottom: 1px solid #d8d8e1;
			font-size: 11px;
			color: #666666;
			background: #FFF url(/images/site/subnav-bullet.gif) 3px 6px no-repeat;
			padding: 3px 0 3px 15px;
		}	
				
			.questions ul li a {
				text-decoration: none;
				color: #3c3e6b;
				font-size: 11px;
				line-height: 16px;
			}	
	
				.questions ul li a:hover {
					text-decoration: none;
					color: #111;
				}	
	
	
.answers {
	width: 100%;
	font-size: 12px;	
	color: #3c3e6b;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	margin: 20px 30px 12px 0;
}

	.answers h2 {
		color: #5e5e5e;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 3px;
	}	

.answer {
	margin: 8px 30px 12px 0;
	font-weight: normal;
	border-bottom: 1px solid #d8d8e1;
	padding: 3px 0 15px 0;
}	

	.answer h3 {
		color: #5e5e5e;
		font-size: 13px;
		line-height: 18px;
		font-weight: bold;
		margin-bottom: 3px;
	}	

	.answer p {
		line-height: 16px;
		margin-bottom: 5px;
	}		

	.answer a.top {
		display: block;
		width: 90px;
		height: 16px;
		line-height: 16px;
		margin-top: 7px;
		color: #3c3e6b;
		font-weight: bold;
		text-indent: 18px;
		text-decoration: none;
		background: #eaeaea url(/images/site/top-bullet.gif) 4px 4px no-repeat;
	}		

		.answer a.top:hover {
			color: #5e5e5e;
			text-decoration: none;
		}	
	
	
/*****************************************************************************************
Testimonials
***************/

.testimonial {
	font-weight: normal;
	margin-bottom: 9px;
	padding-bottom: 12px;
	width: 595px;
	border-bottom: 1px solid #d8d8e1;
}

	.testimonial h2 {
		color: #5e5e5e;
		font-size: 13px;
		line-height: 18px;
		font-weight: bold;
		margin-bottom: 3px;
	}
	
	#maincontent .testimonial blockquote {	
		font-size: 12px !important;
		line-height: 18px !important;
		font-style: italic;
		font-weight: bold;
	}

	.testimonial cite {
		color: #5e5e5e;
		font-size: 11px;
		line-height: 16px;
		margin-bottom: 12px;
		font-weight: bold;
		height: 16px;
	}	
	
/***************************************************************************
Contact Page
*******************/

.contact #branding {
	width: 746px;
	height: 174px;
	padding: 0px 0 0 42px;
	background: #3c3e6b url(/images/site/branding-contact.jpg) left top no-repeat;
}


	#contactinfo {
		float: left;
		width: 310px;
		height: 149px;	
		padding-top: 25px;
	}

		#contactinfo p {
			font-size: 12px;
			line-height: 16px;
			margin-bottom: 5px;
		}
	
#map {
	width: 409px;
	height: 174px;
	background-color: none;
	float: right;
	border-right: 4px solid #FFF;
}	
	
.formbox {
	background-color: #e5e5e5; 
	width: 350px; 
	padding: 2px 10px 5px 10px; 
	margin: 0 0 0 5px;
	float: left;
	
	height: 250px;
}

	.formbox h2 {
		font-size: 12px;
		margin-top: 12px;
		margin-bottom: 30px;
	}

.contactfield {
	margin: 12px 0 0 0;
}

	.contactfield label  {
		display: block;
		width: 300px;
		height: 15px;
		font-size: 11px;
	}

	.contactfield input.required {
		width: 338px;
	}

	.contactfield textarea  {
		width: 338px;
	}

#contactimage { 
	width: 409px; 
	height: 257px;
	float: right;
	padding: 0; 
	margin: 0 4px 0 0;
	background: #e5e5e5 url(/images/site/contact-large.jpg) left top no-repeat;
}


/*********************************************************************************
Video Page
*****************/

.videobox {
	font-weight: normal;
	margin-bottom: 9px;
	padding-bottom: 12px;
	width: 595px;
	border-bottom: 1px solid #d8d8e1;
}

	.videobox h2 a {
		color: #5e5e5e;
		font-size: 13px;
		line-height: 18px;
		font-weight: bold;
		margin-bottom: 3px;	
		text-decoration: none;
	}

	.videobox p, .videobox p a {
		font-size: 11px;
		color: #5e5e5e;
		line-height: 14px;
		text-decoration: none;
	}


