@CHARSET "ISO-8859-1";

html
{
	overflow-y: scroll;
	height: 100%;
}

body
{
	margin: 0;
	padding: 0;
	background-color: #DDDDDD;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


img
{
	display: block;	
}

img.noBorder
{
	border: 0;
}

.pageCentered
{
	width: 950px;
	margin: auto;
}

img.centered
{
	 margin: auto;
}


img.pictureFrame
{
	background: #FFFFFF;
	padding: 8px;
	border: 1px solid #CCCCCC;
	border-radius: 15px;
	box-shadow: 5px 5px 5px #DDDDDD;
}	
	
div.smallSpacing
{
	margin-top: 5px;	
}

div.mediumSpacing
{
	margin-top: 25px;	
}

div#pageContainer
{
	background-color: #FFFFFF;
}


div#header
{
	background-color: #FFFFFF;
	height: 70px;
}

div#nameTitle
{
	float: left;
	font-size: 40px;
	font-weight: bold;
	color: #000000;
	margin-top: 7px;
}

div#descriptorSection
{
	float: left;
	margin-left: 20px;
	font-size: 15px;	
	font-weight: bold;
	color: #666666;
	line-height: 22px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	letter-spacing:0.7px
}


div#socialSection
{
	float: right;
	margin-top: 15px;
}

div#socialSection a
{
	float: left;
	margin-left: 12px;
}

div#socialSection a img
{
	border: 0;	
}

div#navBar
{
	background-color: #DDDDDD;
	width: 100%;
	padding: 3px 0px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	box-shadow: 0px 0px 4px #CCCCCC;
	margin-bottom: 3px;
	float: left;
}

div#navBar a
{
	float: left;
	margin-left: 29px;
	font-size: 15px;
	text-decoration: none;
	color: #444444;
	text-transform: uppercase;
}

div#navBar a:hover,div#navBar a.active
{
	color: #a11e1e;
}


div#content
{
	background-color: #FFFFFF;	
	min-height: 550px;
	clear: both;
}

div.contentBottomMargin
{
	margin-bottom: 20px;	
}








/************* Page Title Section *************/

div.pageTitleSection
{
	margin-bottom: 20px;
}
	
div.pageTitleTextSection
{
	width: 300px;
	height: 90px;
	float: left;	
}

div.pageTitle
{
	font-size: 24px;
	font-weight: bold;
	color: #a11e1e;	
}

div.pageSubTitle
{
	margin-left: 20px;
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;	
}

img.pageTitleGraphic
{
	float: left;
	width: 650px;
	height: 90px;
}

div#pageContent
{
	
	font-size: 13px;
	color: #333333;
	margin-top: 10px;
	
}
	
div#pageContent a:hover
{
	color: #a11e1e;
}

	
	
	
	
	
	
	
	
	
	
	
	
/************* Left Nav Section *************/
	
	
div#leftNavSection
{
	float: left;
	width: 250px;
}

div#leftNavList
{
	border-top: 1px solid #CCCCCC;
}

div#leftNavList div.listItem
{
	border-bottom: 1px solid #CCCCCC;
	
}
div#leftNavList div.listItem a
{
	display: block;
	text-decoration: none;
	color: #444444;
	font-size: 14px;
	padding: 6px 0px 6px 10px;
}

div#leftNavList div.listItem a:hover, div#leftNavList div.listItem a.active
{
	background: #EEEEEE;
	color: #444444;
	color: #a11e1e;
}

div#leftNavList div.listItem a span.listTitle
{
	font-weight: bold;
}

div#leftNavList div.listItem a span.listSubTitle
{

}













/************* Right Page Content *************/

div#rightPageContent
{
	float: left;
	margin-left: 30px;
	width: 670px;
}


div#rightPageContent div.arrowLeftSection
{
	float: left;
	width: 200px;
}

div#rightPageContent div.genericSummarySection
{
	float: left;
	margin-left: 30px;
	width: 430px;
	font-size: 15px;
	line-height: 22px;
}

	
div#rightPageContent div.itemSection
{
	margin-left: 40px;
	margin-bottom: 25px;	
}
	
div#rightPageContent div.itemTitle
{
	float: left;
	width: 110px;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}

div#rightPageContent div.itemContent
{
	float: left;
	margin-left: 15px;
	font-size: 13px;
	width: 500px;
}

div#rightPageContent div.itemContent ul
{
	padding: 0;
	width: 450px;
	margin-top: 0;
	margin-left: 14px;
	list-style-type: square;
	margin-bottom: -10px;
}

div#rightPageContent div.itemContent ul li
{
	
	margin-bottom: 10px;
}

div#rightPageContent div.itemContent ul.links
{
	list-style-type: none;
	margin-left: 0px;
}



















/************* Home Page *************/

div#home
{
}

div#home div#photoSection
{	
	float: left;
	width: 500px;	
}

div#home div#photoSection img#emmanuelPhoto
{
	width: 425px;
	height: 732px;
}

div#home div#summarySection
{	
	float: left;
	width: 450px;	
	padding-top: 50px;

}

div#home div#summarySection ul
{	
	font-size: 16px;
	list-style-type: square;
	padding: 0;
	margin-top: 0;
}

div#home div#summarySection ul li
{
	
	margin-bottom: 35px;
}

div#home div#summarySection ul.subList
{	
	font-size: 16px;
	list-style-type: none;
	padding: 0;
	margin-left: 35px;
}

div#home div#summarySection ul.subList li
{	
	margin-bottom: 5px;
}

div#home div#summarySection img#spinzoLogo
{
	display: inline;
	margin-bottom: -30px;
	margin-left: 10px;	
	border: 0;
}

div#home div#summarySection a.buttonLinks
{
	display: block;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	padding: 10px;
	width: 300px;
	text-align: center;
	background-color: #1f94ba;
	border: 1px solid #14627c;
	border-radius: 10px;
	margin-bottom: 18px;
}

div#home div#summarySection a.buttonLinks:hover
{
	background-color: #40b8df;
}


/************* Services Pages *************/

div#services
{
	
}


div#services div#genericServicesTitle
{
	font-size: 25px;
	font-weight: bold;
}


div#services div.consultingBlock
{
	margin-bottom: 45px;
	border: 1px solid #CCCCCC;	
}

div#services div.consultingBlock div.consultingType
{
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	background-color: #EEEEEE;
	padding: 5px;
}

div#services div.consultingBlock div.consultingSubTypes
{
	color: #333333;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 5px;
}

div#services div.consultingBlock div.consultingSubTypes
{
	color: #333333;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}

div#services div.consultingBlock div.consultingExperience
{
	
}

div#services a.bookButton
{
	display: block;
	margin: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 200px;
	height: 28px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000000;
	padding: 10px;
	background-color: #3eba52;
	border: 1px solid #136a21;
	border-radius: 10px;
}

div#services a.bookButton:hover
{
	background-color: #5ad76e;	
}


div#services div#idealFor
{
	margin-left: 530px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: bold;
}



div#services div.speakingTheme
{
	clear: both;
	margin-bottom: 60px;
}


div#services div.speakingTheme div.speakingInfo
{
	float: left;
	width: 520px;
	margin-right: 10px;
	border-right: 1px solid #CCCCCC;	
}

div#services div.speakingTheme div.speakingTitle
{
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
	background-color: #EEEEEE;
	padding: 5px;
	margin-right: 10px;	
	line-height: 22px;
}

div#services div.speakingTheme div.speakingDescription
{
	color: #333333;
	margin-left: 20px;
	margin-right: 10px;	
}


div#services div.speakingTheme div.speakingTarget
{
	float: left;
	margin-left: 0px;
	width: 100px;	
}

















/************* Resume Page *************/

div#resume
{
	width: 900px;
	margin: auto;
}

div#resume div.section
{
	margin-top: 15px;	
}

div#resume div.section div.heading
{
	float: left;
	width: 150px;
	font-size: 14px;
	font-weight: bold;	
	color: #333333;
}

div#resume div.section div.content
{
	float: left;
	margin-left: 20px;
	width: 700px;
	background-color: #f5f5f5;
	border: 1px solid #DDDDDD;
	color: #333333;
	font-size: 13px;
}

div#resume div.section div.content ul
{
	margin-top: 10px;
	list-style: square;
}

div#resume div.section div.content ul li
{
	margin-bottom: 10px;
}

div#resume div.section div.content div.item
{
	padding: 10px;
}

div#resume div.section div.content div.item div.itemTitle
{
	font-weight: bold;
	color: #781010;
}

div#resume div.section div.content div.item div.itemSubTitle
{
	font-weight: bold;
}

div#resume div.section div.content div.item div.itemDateLocation
{
	margin-left: 10px;
}














/************* Work Pages *************/
div#work
{
}

div#work div.companyLogo
{
}

div#work div.genericCompanyTitle
{
	font-size: 25px;
	font-weight: bold;	
}

div#work div.aboutCompany
{
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 30px;	
	line-height: 20px;	
}














/************* Academic Pages *************/
div#academics
{
}

div#academics div.schoolLogo
{
}

div#academics div.genericSchoolName
{
	font-size: 25px;
	font-weight: bold;	
}

div#academics div.aboutSchool
{
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 30px;	
	line-height: 20px;
}	














/************* Project Pages *************/
div#projects
{
}

div#projects div.genericProjectName
{
	font-size: 25px;
	font-weight: bold;
}

div#projects div.aboutProject
{
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 30px;	
	line-height: 20px;
}	











/************* Media Pages *************/
div#media
{
}

div#media div.genericMediaTitle
{
	font-size: 25px;
	font-weight: bold;
}

div#media div.aboutMedia
{
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 30px;	
	line-height: 20px;
}

div#media a.goToLink
{
	float: left;
	margin-right: 10px;
	padding: 15px;
	background-color: #EEEEEE;
	color: #444444;
	font-size: 16px;
	font-weight: bold;	
	text-decoration: none;
	border: 1px solid #444444;
	border-radius: 10px;
}

div#media a.goToLink:hover
{
	background-color: #DDDDDD;
	color: #A11E1E;
}

div#media div.articleContent
{
	padding: 10px;
	background-color: #EEEEEE;
	color: #444444;
	font-size: 12px;
	line-height: 17px;
	border: 1px solid #444444;
	border-radius: 10px;
	width: 460px;
}















/************* Gallery Pages *************/

div#gallery
{
}

div#gallery div.galleryPictureFrame
{
	display: table; 
	vertical-align: middle;
	float: left;
	margin: 16px 16px 16px 16px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 15px;
	box-shadow: 5px 5px 5px #DDDDDD;
	width: 280px;	
	height: 200px;
}

div#gallery div.galleryPictureFrame div.galleryPictureFrameInnerBox
{
	display: table-cell;
	vertical-align: middle;
}

div#gallery div.galleryPictureFrame div.galleryPictureFrameInnerBox a
{
	outline: 0;
}

div#gallery div.galleryPictureFrame img
{
	margin: auto;
	border: 0;
}

div#gallery img.smallMargin
{
	margin-top: 10px;
	margin-bottom: 10px;	
}














/************* Social Pages *************/

div#social
{
}

div#social div.recentBlogSection
{
	float: left;
	width: 320px;
	border: 1px solid #DDDDDD;
	min-height: 430px;
	padding: 10px;
	border-radius: 10px;	
}

div#social div.recentBlogTitle
{
	float: left;
	font-size: 17px;
	font-weight: bold;
	margin-top: 5px;	
}
	
div#social div.recentBlogIcon
{
	float: left;
	margin-left: 15px;
}

div#social div.recentBlogIcon img
{
	border: 0;
}

div#social div.twitterSection
{
	float: left;
	width: 320px;
	margin-left: 40px;
}

div#social div.otherSocialSection
{
	float: left;
	width: 200px;
	margin-left: 40px;
}

.tumblr {
	list-style: none;
	margin-bottom: 1em;
	padding: 0;
}
.tumblr li {
	 margin-bottom: 1em;
}
.tumblr p {
	margin: 0;
}
.tumblr img {
	display: block;
}
.tumblr em {
	display: block;
	margin-top: 0.2em;
}
.tumblr .tumblr-post-date{
	display: block;
	font-size: 0.9em;
	margin-top: 0.5em;
}

div.googlePlusMarginAdjust
{
	margin-left: 35px;	
}

















/************* Contact Pages *************/

div#contact
{
}

div#contact div.contactContainer
{
	width: 750px;
	margin: auto;
}

div#contact div.contactContainer div.sectionTitle
{
	font-size: 16px; 
	font-weight: bold;
	margin-bottom: 5px;
}

div#contact div.contactContainer div.section
{
	 width: 700px;
	 border: 1px solid #DDDDDD;
	 border-radius: 20px;
	 padding: 15px;
	 margin: auto;
	 margin-bottom: 25px;	
}

div#contact div.contactContainer div.phoneNumbers
{
	line-height: 22px;	
}












/************* Footer *************/

div#footer
{
	background-color: #DDDDDD;
	border-top: 1px solid #999999;
	font-size: 12px;
	text-align: center;
	padding: 5px;
}