@charset "UTF-8";
/*##################################################*/
/*##################################################*/

	/*HTML CODE WRITTEN BY BENJAMIN CAPLAN
    
		BENJAMIN CAPLAN: IAmCaplan.com*/


/*##################################################*/
/*##################################################*/

/*########NORMALIZE########*/
*{
	margin: 0px;
	padding: 0px;
}

body, div, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, img{
	border: 0px;
}

a{
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

ul{
	list-style-type: none;
}
/*end normalizer*/




/*########MAIN STYLES########*/
body{
	color: #333333;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #D5DEEC;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	}

a{
	color: #333333;
	font-weight: normal;
}

a:visited{
	color: #333333;
}

a:active{
	color: #333333;
}

a:hover{
	color: #0046B2;
	text-decoration: none;
}
	
h1, h2, h3, h4, h5{
	color: #00317D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

p{
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 5px;
}

p a{
	border-bottom: 1px dotted #333333;	
}
p a:hover{
	border-bottom: 1px dotted #0046B2;	
}
/*end main styles*/




/*########DIVS########*/
/*--==CONTAINER_MAIN==--*/
#container_main{
	width: 900px;
	height: auto;
	margin: 0 auto;
}
/*end container_main*/

	
	/*######################################################################### HEADER   */
	/*--==CONTAINER_HEADER==--*/
	#container_header{
		width: 900px;
		height: 100px;
		padding: 0;
		background-image: url(../images/header.jpg);
		background-repeat: no-repeat;
		background-position: top;
	}
		.home #container_header{
			width: 900px;
			height: 300px;
			padding: 0;
			background-image: url(../images/header_home.jpg);
			background-repeat: no-repeat;
			background-position: top;
		}
		#container_header h1{
			float: right;
			width: 280px;
			color: #ffffff;
			font-size: 1.8em;
			line-height: 1.2em;
			text-align: right;
			font-style: italic;
			font-weight: normal;
			margin: 0;
			padding: 30px 20px 0px 0;
		}
		#container_header h2{
			float: right;
			width: 280px;
			color: #ffffff;
			font-size: 1.6em;
			text-align: right;
			font-style: italic;
			font-weight: normal;
			margin: 0;
			padding: 0 20px 0 0;
		}
			.home #container_header h2{
				float: left;
				width: 512px;
				color: #1E395D;
				font-size: 3.2em;
				line-height: 1.2em;
				text-align: left;
				margin: 30px 0 0 90px;
				padding: 0;
			}
			.home #container_header h4{
				float: right;
				width: 200px;
				color: #1E395D;
				font-size: 1.2em;
				line-height: 1.2em;
				font-style: italic;
				text-align: left;
				margin: 0px 250px 0 0px;
				padding: 0;
			}
	/*end container_header*/
	
		/*FLASH_LOGO*/
		#flash_logo{
			display: block;
			width: 500px;
			height: 90px;
			float: left;
			margin: 0px 0 0 0px;
		}
		/*end falsh_logo*/
		
		/*LOGO*/
		#logo{
			display: block;
			width: 425px;
			height: 45px;
			float: left;
			margin: 30px 0 0 25px;
		}
		/*end logo*/
		
	
	
	
	
	
	
	
	/*######################################################################### MAIN MAV   */
	/*--==CONTAINER_NAV==--*/
	#container_nav{
		clear: both;
		width: 900px;
		height: 50px;
		background-image: url(../images/nav_bg.jpg);
		background-repeat: repeat-x;
	}
	/*end container_nav*/
		
		/*########################################### GENERAL NAV*/
		#container_nav ul{
			width: 900px;
			height: 50px;
		}
			#container_nav ul li{
				width: auto;
				float: left;
			}
				#container_nav ul li a{
					height: 50px;
					display: block;
					margin-left: 1px;
					background-repeat: no-repeat;
					background-position: 0 0;
				}
					#container_nav ul li a#home{
						width: 83px;
						background-image: url(../images/home_nav.jpg);
						margin-left: 0;
					}
					#container_nav ul li #meeting_planners{
						width: 184px;
						background-image: url(../images/meeting_planners_nav.jpg);	
					}
					#container_nav ul li #bio{
						width: 121px;
						background-image: url(../images/bio_nav.jpg);	
					}
					#container_nav ul li #presentations{
						width: 149px;
						background-image: url(../images/presentations_nav.jpg);	
					}
					#container_nav ul li #testimonials_and_references{
						width: 265px;
						background-image: url(../images/testimonials_and_references_nav.jpg);	
					}
					#container_nav ul li #contact{
						width: 93px;
						background-image: url(../images/contact_nav.jpg);	
					}
					
					#container_nav ul li a.active{
						background-position: 0 -50px;
					}
					
					#container_nav ul li a:hover{
						background-position: 0 -50px;
					}

	
	/*######################################################################### CONTENT MAIN   */
	/*--==CONTAINER_CONTENT==--*/
	#content_wrapper{
		clear: both;
		width: 900px;
	}
	
		/*############################################  FEATURES */
		/*--==CONTAINER_FEATURE==--*/
		#container_feature{
			width: 900px;
			padding: 10px 0 0px 5px;
		}
			
			#container_feature .feature{
				position: relative;
				width: 275px;
				height: 209px;
				float: left;
				padding: 8px 7px 8px 8px;
				background-color: #79CAF2;
				background-image: url(../images/ad_bg_tile.jpg);
				background-repeat: repeat-x;
				background-position: top;
				overflow: hidden;
			}
				#container_feature .feature img{
					display: block;
					width: 270px;
					height: 114px;
					padding: 1px;
					margin: 0 0 15px 0;
					border: 1px solid #00317D;
				}
				#container_feature .feature div{
					position: absolute;
					display: none;
				}
					#container_feature .feature h3{
						font-size: 1.2em;
						font-weight: bold;
						font-family: Verdana, Geneva, sans-serif;
						color: #326A99;
						margin-bottom: 5px;
						padding: 0 0 0 14px;
					}
					#container_feature .feature p{
						font-size: 1.2em;
						line-height: 1.2em;
						font-weight: normal;
						font-family: Verdana, Geneva, sans-serif;
						color: #455166;
						padding: 0 14px;
					}
			#container_feature .middle{
				margin: 0 10px;
			}
		/*end container_contnent*/
		
		
		/*############################################  CONTENT */
		/*--==CONTAINER_CONTENT==--*/
		#container_content{
			float: left;
			width: 590px;
			margin: 15px 0 0px 30px;
			padding: 30px 20px 0 0;
			border-right: 1px solid #CCCCCC;
		}
		.contact #container_content{
			border: 0;
			padding-right: 0;
		}
			#container_content h1{
				color: #1E395D;
				font-size: 3.0em;
				line-height: 1.2em;
				font-weight: normal;
				margin: 0 0 10px 0;
			}
			#container_content h2{
				color: #0046B2;
				font-size: 1.6em;
				line-height: 1.2em;
				font-weight: bold;
				font-family: Verdana, Geneva, sans-serif;
			}
			#container_content p{
				color: #555555;
				margin: 0 0 15px 0;
				font-size: 1.4em;
				line-height: 1.4em;
				font-family: Verdana, Geneva, sans-serif;
			}
				#container_content p.source{
					text-align: right;
					font-size: 1.0em;
					font-style: italic;
					margin: 0px 30px 25px 0;
				}
				#container_content p.quote{
					margin: 0;
					padding: 0;
				}
			.content_list{
				margin: 0 0 15px 35px;	
				padding: 0;
				font-size: 1.3em;
				color: #444444;
				list-style-type: square;
			}
				.content_list a{
					border-bottom: 1px dotted #444444;;
				}
			
			
			
			
			/*############################################  TIMELINE */
			#timeline{
				position: relative;
				width: 576px;
				height: 170px;
				padding: 0 0 0 7px;
				margin: 25px 0 50px 0;
				background-image: url(../images/timeline_bg.jpg);
				background-repeat:no-repeat;
				background-position: bottom right;
			}
				#timeline ul{
					list-style-type: none;
					float: left;
				}
					#timeline ul.one{
						margin: 0px 2px 0px 7px;	
					}
					#timeline ul.two{
						margin: 0px 7px 2px 0px;	
					}
					
					#timeline ul li{
						width: 10px;
						height: 10px;
						position: relative;
						margin: 0px 0px 4px 0px;
					}	
						#timeline ul li.empty{
							background-color: #fafafa;	
						}
						#timeline ul li.style1{
							background-color: #7FB2FF;	
						}
						#timeline ul li.style2{
							background-color: #0066FF;	
						}
						#timeline ul li.style3{
							background-color: #00317D;	
						}
							#timeline ul li a{
								display: block;
								width: 10px;
								height: 10px;
								text-decoration: none;
							}
							
							#timeline ul li .bubble{
									display: none;
									position: absolute;
									width: 250px;
									height: auto;
								}
									#timeline ul li .bubble .bubble_top{
										height: 2px;
										width: 250px;
										background-image: url(../images/bubble_top.gif);
										background-repeat:no-repeat;
										background-position: top;
									}
									#timeline ul li .bubble .bubble_content{
										height: 95px;
										width: 250px;
										padding: 5px 20px 0 20px;
										overflow: hidden;
										background-image: url(../images/bubble_tile.gif);
										background-repeat: repeat-y;
									}
									#timeline ul li .bubble .bubble_bottom{
										height: 13px;
										width: 250px;
										background-image: url(../images/bubble_bottom.png);
										background-repeat:no-repeat;
										background-position: top;
									}
									
									#timeline ul li:hover .bubble{
										display: block;
										z-index: 10;
										top: -115px;
										left: -24px;
									}
										#timeline ul li:hover .bubble p{
											vertical-align: top;
											width: 210px;
											font-size: 1.2em;
											line-height: 1.1em;
											color: #111111;
										}
										#timeline ul li:hover .bubble img{
											padding: 0 5px 0 0;
										}
										#timeline ul li:hover .bubble h3{
											font-size: 1.7em;
											padding: 0 0 2px 0;
										}
										#timeline ul li:hover .bubble a{
											display: inline;
										}
		/*end container_contnent*/
		/*############################################  PRESENTATION */
		#container_content .topic{
			width: 520px;
			margin: 0 0 25px 40px;
		}
			#container_content .topic h3{
				margin: 0 0 0px 0;
				padding: 0;
			}
				#container_content .topic h3 a{
					color: #0046B2;
					font-family: Verdana, Geneva, sans-serif;
					font-size: 1.2em;
					line-height: normal;
					font-weight: bold;
				}
			#container_content .topic img{
				width: 59px;
				heigth: 62px;
				float: left;
				margin: 5px 5px 5px 0;
			}
			#container_content .topic p{
				float: left;
				width: 450px;
				font-size: 1.2em;
				margin: 0 0 5px 0;
				padding: 0;
			}
			#container_content .topic ul{
				float: left;
				width: 410px;
				margin: 0 0 0 40px;
				list-style-type: disc;
				font-size: 1.2em;
				color: #666666;
			}
		
		
		/*############################################  CONTACT */
		
		form ul{	
			margin: 0 0 100px 0;
		}
			form ul li{
				clear: both;
				width: 100%;
				height: auto;
				padding: 5px 0 0 0;	
			}
				#container_content form ul li p{
					width: 285px;
					float: left;
					padding: 0 0 0 210px;
					margin: 0;
					/**/
					font-size: 1.0em;
				}
				form ul li .form_label{
					float: left;
					width: 200px;
					vertical-align: top;
					padding: 0 5px 0 0;
					/*type*/
					text-align: right;
					font-size: 1.2em;
				}
				form ul li .form_field{
					float: left;
					width: 285px;
					vertical-align: top;
				}
					form ul li .form_field input{
						width: 281px;
						padding: 2px;
						border: 1px solid #000000;
						/*type*/
					}
					form ul li .form_field textarea{
						width: 281px;
						height: 225px;
						padding: 2px;
						border: 1px solid #000000;
					}
				form ul li .form_submit{
					float: left;
					width: 285px;
					margin: 10px 0 0 205px; 
				}
					form ul li .form_submit input{
						display: block;
						float: right;
						cursor: pointer;
					}
		
		/*############################################  SIDEBAR */
		/*--==CONTAINER_SIDEBAR==--*/
		#container_sidebar{
			float: left;
			width: 210px;
			margin: 40px 0 0 25px;
			padding: 0px 0px 0 0;
		}
		.contact #container_sidebar{
			border-left: 1px solid #ccc;
			padding-left: 20px;
		}
			#container_sidebar h2{
				color: #1E395D;
				font-size: 1.6em;
				line-height: 1.2em;
				font-weight: normal;
				margin: 0 0 10px 0;
			}
			#container_sidebar h3{
				color: #0046B2;
				font-size: 1.2em;
				line-height: 1.2em;
				font-weight: bold;
				font-family: Verdana, Geneva, sans-serif;
			}
			#container_sidebar p{
				color: #555555;
				font-size: 1.2em;
				line-height: 1.3em;
				font-family: Verdana, Geneva, sans-serif;
			}
			
			#container_sidebar .quick_download{
				width: 100%;
				margin: 15px 0 0 0;
			}
				#container_sidebar .quick_download a{
					display: inline-block;
					float: left;
				}
					#container_sidebar .quick_download a img{
						display: block;
						padding: 0 10px 0 0;
						width: 33px;
						height: 34px;
					}
				#container_sidebar .quick_download h3{
					display: inline-block;
					width: 165px;
				}
					#container_sidebar .quick_download h3 a{
						display: block;
						color: #0046B2;
						font-size: .9em;
						line-height: 1.2em;
						font-weight: bold;
						font-family: Verdana, Geneva, sans-serif;
					}
				#container_sidebar .quick_download p{
					display: inline-block;
					width: 165px;
					color: #888888;
					font-size: 1.1em;
				}
			
				#container_sidebar #social_networking{
					border-top: 2px dotted #999999;
					margin-top: 20px;
					padding-top: 20px;
				}
					#container_sidebar #social_networking a{
						border: 0;
					}
		/*end container_contnent*/



	
	/*######################################################################### FOOTER   */
	/*--==CONTAINER_FOOTER==--*/
	#container_footer{
		clear: both;
		width: 900px;
		border-top: 2px solid #00317D;
		padding: 10px 0 0 0;
		margin-top: 15px;
		text-align: center;
	}
	/*end container_footer*/
		#container_footer #site_credit{
			font-size: 1.0em;
		}
		#container_footer #site_credit a{
			border: 0;
		}

		
	
	
	



/*######################################################################### GENERAL RULES   */
.hidden{
	visibility: hidden;	
}
.clear{
	clear: both;	
}
.red{
	color: #ff0000; 	
}
.no_margin{
	margin: 0 !important;	
}
.img_right{
	float: right;
	padding: 0 0 5px 10px;
}
.pad-left{
	display: block;
	padding-left: 25px;
}
.pad-bottom{
	padding-bottom: 20px;	
}
.small{
	font-size: 1.0em;	
}
.right{
	text-align: right;
}