@charset "UTF-8";
/* CSS Document */

body{
	background-image:url(background-fuzz.png);
	margin:0 auto;
	padding:0;
	margin:0;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#454545;
}
a, a img{
	outline:0;
	border:0;
	text-decoration:none;
}

h1{
	font-size:23px;
	font-weight:lighter;
	margin-bottom:4px;
	}
	

#container{
	width:1000px;
	margin:0 auto;
}

#about-header{
	height:432px;
	width:956px;
	background:url(about/aboutme-bg.jpg);
}

#header, #slider, #lower{
	width:949px;
	margin:0 auto;
}

#header{
	height:104px;
}

/* SLIDER */
#slider{
	background-image:url(slider-bg.jpg);
	height:253px;
}

.slider-image {
	float:left;
height:100%;
padding-left:4em;
padding-top:1.3em;
width:204px;
}
.slider-text{
	float:right;
height:100%;
padding-right:7em;
padding-top:1.5em;
width:335px;
color:#934225;
font-size:14px;
}

.slider-text h1, .slider-text span{
	font-family:Georgia, "Times New Roman", Times, serif;
}

#slider2{
	height:231px;
width:942px;
overflow: hidden; 
position:relative; 
visibility: visible;
}

.slider-text a{
	color:#877771;;
}
	

#name{
	float:left;
	padding-top:2em;
}
#navbar{
	float:right;
	padding-right:41px;
}

#navbar ul{
	margin:0;
	padding-right:3em;
}
#navbar ul li {
	width:89px;
	height:80px;
	float:left;
	list-style-type:none;
	padding:0;
margin-left:0px;
background:#405fa4;
}

li#about{
	opacity:.8;
}

li#about-selected{
	opacity:.9;
}

li#contact{
	opacity:.6;
}
#navbar ul li a{
	color:white;
display:block;
font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:lighter;
height:24px;
letter-spacing:1px;
padding-top:3.4em;
vertical-align:bottom;
width:89px;
}

#lower-l{
color:#454545;
float:left;
height:252px;
margin-left:16px;
margin-top:39px;
overflow:hidden;
position:relative;
width:636px;
}

#lower-l-passion, #lower-l-innovation, #lower-l-professionalism{
	top:185px;
}

.beliefs{
	background-image:url(background-fuzz.png);
float:left;
height:224px;
position:absolute;
top:185px;
width:612px;

}

#lower-portrait{
	background-image:url(lower-bg.png);
background-position:10px 10px;
background-repeat:no-repeat;
color:#454545;
float:left;
height:223px;
margin-top:-14px;
position:absolute;
width:183px;
z-index:200;
}

#lower-r{
background-image:url(beliefs.jpg);
float:right;
height:308px;
position:relative;
right:1.5em;
width:279px;
}

#lower-container > div{
	color:#454545;
font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
font-size:13px;
height:77px;
line-height:15px;
margin-bottom:-5px;
margin-top:-6px;
padding-left:0.5em;
width:248px;

}

#lower-container > div h2{
font-size:19px;
font-weight:bold;
margin-bottom:8px;
margin-top:13px;
padding-top:9px;
color:#934225;
}
.lower-header{
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
font-size:30px;
font-weight:lighter;
padding-left:1em;
}
#header-passion, #header-professionalism {
	padding-left:0.7em;
}

#header-professionalism{
	padding-left:4em;
}
#header-innovation{
	padding-left:1.7em;
}
#caption-passion{
	font-size:15px;
line-height:1;
padding-right:1em;
padding-top:1em;
text-align:left;
}
.lower-caption{
	float:right;
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:18px;
font-weight:lighter;
padding-right:6em;
padding-top:2em;
text-align:right;
width:400px;
}

#belief1{
	background-image:url(heart.png);
	background-repeat:no-repeat;
	background-position:185px 50%;
}

#belief2{
	background-image:url(bowtie.png);
	background-repeat:no-repeat;
	background-position:190px 50%;
}

#belief3{
	background-image:url(lightbulb.png);
	background-repeat:no-repeat;
	background-position:200px 11px;
}

#lower-container{
	padding-left:0.6em;
position:relative;
top:3em;
}

#footer{
	background:url(footer.jpg);
float:left;
height:62px;
left:2px;
margin-top:26px;
position:relative;
width:634px;
z-index:100;
}
#slider dd{
color:#454545;
display:none;
float:right;
position:relative;
right:10px;
top:-18px;
width:175px;
margin:0;
}
#slider dt{
	width:175px;
}

#slider dd ul li{
	list-style-image:url(dd-bg.png);
}
#slider dl{
	padding-left:1em;
}
#footer > div{
	color:white;
font-family:helvetica neue, helvetica, arial, sans-serif;
font-weight:lighter;
position:relative;
top:21px;
position:relative;
top:21px;
float:left;
}
#email{
left:36px;
width:202px;
}
#twitter{
	left:7em;
	width:200px;
}
#footer a{
	color:white;
	text-decoration:underline;
}
#location{
left:4.5em;
width:174px;
}

			/*Styles for dim overlay & message box*/
			#dim{ position:absolute; top:0; left:0; width:100%; z-index:100; background: url('dim.png'); display:none; text-align:left; }
				.msgbox{ position:absolute; width:300px; height:200px; z-index:200; border:5px solid #222; background: #FFF; top: 50%; left: 50%; margin-top: -100px; margin-left: -150px; }
					.msgbox img {border:none; margin:5px;}
					.close{ top:0px; float:right; }

			/*My own layout styles*/
			#content{position:absolute; width:350px; height:300px; border:5px solid #f5f5f5; background:#FFF; overflow:hidden; top: 80px; left: 50%; margin-left: -175px;  }
	    		#content a{ font:italic 32px Georgia, serif; text-decoration:none; color:#333; outline:none; display:block; padding: 131px 50px; }
	    			#content a:hover{ background:#EEE; }
	    		.cube{ width:100%; height:100%; float:left; clear:right; }
				
				
				/*Styles for Slider */
				
#myslider{
display:block;
float:none;
height:275px;
margin-left:3px;
padding:0;
position:relative;
width:937px;
z-index:100;
}

#under-slider ul{
list-style-type:none;
padding:0;
margin:0;
}
#under-slider ul li{
float:left;
display:block;
height:50px;
width:50px;
}

#coverslide {
clear:left;
display:inline;
float:left;
height:231px;
margin-top:9px;
position:relative;
width:937px;
}


.hidden, .showing{
height:231px;
margin:0;
overflow:hidden;
position:absolute;
width:943px;
}

.hidden{
	margin-left:514px;
	display:none;
}
#prevBtn, #nextBtn {
display:block;
height:40px;
left:11px;
position:absolute;
top:101px;
width:40px;
}


#prevBtn a, #nextBtn a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:url(leftarrow.png);
display:block;
height:40px;
width:40px;
}
#nextBtn a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:url(rightarrow.png);
}
#nextBtn {
left:889px;
}

#lower{
	padding-top:44px;
}

.slider-caption{
	color:#454545;
	font-style:italic;
	font-size:14px;
}
#left-square, #left-square-shadow {
	color:#E9DED4;
float:left;
font-size:26px;
font-weight:lighter;
line-height:1;
padding-left:2.2em;
padding-top:1.7em;
text-align:center;
z-index:1;
position:relative;
}

#left-square h3, #left-square-shadow h3{
font-size:35px;
font-weight:bold;
margin-bottom:45px;
}

#left-square-shadow{
	color:#795433;
margin-left:-434px;
margin-top:2px;
z-index:0;
}

#left-square a {
	color:#f4d771;
}
#left-square-shadow a{
	color:#795433;
}
#left-square a:hover{
	text-decoration:underline;
}
#right-square, #right-square-shadow{
float:right;
height:360px;
margin:1.3em 2em 2em;
width:411px;
color:#E9DED4;
font-size:19px;
font-weight:lighter;
line-height:1.2;
position:relative;
z-index:1;
}
#right-square h3, #right-square-shadow h3{
	font-weight:bold;
	font-size:18px;
margin-bottom:5px;
margin-left:-7px;

}

#right-square-shadow{
	margin-left:244px;
margin-top:-397px;
color:#795433;
z-index:0;
}


#about-lower{
	background-image:url(about/reality-bg.png);
height:705px;
margin:-1px auto 0 123px;
padding-left:1.7em;
padding-top:1.7em;
width:666px;
font-size:22px;
letter-spacing:-0.5px;
line-height:1.25;
}

#about-lower h1{
	color:#8e3c24;
	font-size:46px;
	margin:0;
	font-weight:bolder;
}

#about-lower h1 img{
	margin-bottom:-7px;
padding-left:7px;
}
#stuart-portrait{
	float:right;
padding-right:2px;
padding-top:16px;
}

#thatswhere{
background-color:#8E3C24;
clear:both;
height:39px;
line-height:39px;
margin-left:-34px;
text-align:center;
width:698px;
}
	
#more{
	background-color:#FF0;
}

#itstime1, #itstime2, #itstime3 {
	height:81px;
margin-left:-42px;
margin-top:23px;
padding-left:1.7em;
width:706px;
font-size:19px;
line-height:1.5;
}

#itstime1 img, #itstime2 img, #itstime3 img{
float:left;
padding-right:1.5em;
padding-left:1em;
}

#itstime1{
	padding-top:1em;
}

#indent{
	padding-left:15px;
}

#contactl{
color:#304E90;
float:left;
font-size:20px;
font-weight:lighter;
padding-left:2em;
padding-top:1em;
text-align:right;
}
#contactr{
	float:left;
font-size:20px;
margin-left:1.4em;
margin-top:1em;
font-weight:lighter;
}
#contactr a{
	color:#454545;
	text-decoration:underline;
}
.msgbox{
	background-image:url(contact-bg.png);
background-repeat:repeat-x;
border:0px;
height:280px;
left:50%;
margin-left:-300px;
margin-top:-150px;
padding-left:1.5em;
padding-top:1.5em;
position:absolute;
top:256px;
width:546px;
z-index:200;
}

#tree{
	float:right;
	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:-7px;
}

close.a{
	float:right;
margin-top:-23px;
top:0;
}

#morestuff{
	margin-bottom:-10px;
padding-left:45px;
padding-top:40px;
}
#extra{
background-color:#FEFDFA;
background-image:url(more-bg.png);
background-repeat:repeat-x;
border:1px solid #B1B1B1;
float:left;
margin-left:2.7em;
position:relative;
top:1em;
width:902px;
height:100%;
}

#extra-container{
background-image:url(video-bg.png);
background-repeat:repeat-y;
float:left;
background-position:center;
margin-bottom:13px;
margin-top:13px;
overflow:hidden;
height:297px;
}
#extra h1{
}
#extra-l, #extra-c, #extra-r{
	float:left;
	width:268px;
}

#extra-l{
	background-position:0 10px;
padding-left:20px;
width:248px;
}
#extra h2{
	background-repeat:no-repeat;
color:#934225;
font-size:18px;
font-weight:lighter;
height:50px;
line-height:50px;
margin-bottom:-5px;
padding-left:2.5em;
	}

#extra-l h2{
	background-image:url(articles.png);
background-position:0 7px;
}

#extra-c h2{
	background-image:url(award.png);
padding-left:2em;
margin-bottom:-15px;
}
#extra-r h2{
	background-image:url(books.png);
background-position:0 6px;
margin-left:-5px;
padding-left:3em;
}

#extra-c{

padding-left:20px;
padding-right:20px;
width:326px;
}

#extra-r{
	padding-left:20px;
width:235px;
}

#extra dt, #extra-c a{
	font-weight:bolder;
padding-top:20px;
}

#extra a {
	color:#454545;
}
#extra dt a:hover, #extra-c a:hover{
	text-decoration:underline;
}
#extra dl{
	padding-left:0em;
	font-size:14px;
}

#extra dd{
	display:inline;
	margin:0;
	font-weight:lighter;
}

.more-extras, .more-extras-video{
}

.lessmore{
	background-image:url(lessmore.png);
background-position:0 0;
float:left;
height:22px;
margin-left:412px;
position:relative;
text-indent:-9999px;
top:16px;
width:169px;
}

.lessmore a{
	display:block;
	width:169px;
	height:22px;
	position:relative;
}

.lessmore:hover{
	background-position:0 -22px;
}

.moreless{
	background-image:url(lessmore.png);
background-position:0 -44px;
float:left;
height:22px;
margin-left:412px;
position:relative;
text-indent:-9999px;
top:16px;
width:169px;
}

.moreless:hover{
	background-position:0 -66px;
}
.moreless a{
	display:block;
	width:169px;
	height:22px;
	position:relative;
}
	
#vid1spa1-vid, #vid2spa2-vid, #vid3spa3-vid{
	display:none;
}

#speech{
	background-image:url(speech.png);
bottom:-13px;
height:13px;
left:45px;
position:absolute;
width:34px;
}