		#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:480px;
		max-width: 960px;
		overflow:hidden; 
		}	

	/* Easy Slider */

	#slider{		height:480px !important; width:960px !important; overflow:hidden; position:relative;}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0px 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
												
#slider li {background: #444 url(img/gradient.png) 100px 300px repeat-x; color: white;position:relative;padding:0px;}
#slider li div {width:592px;}
#slider li h2{background-color:transparent; color:white; line-height: 36px; height: 36px;padding-left: 40px; margin-top: 0px;}
#slider li p{padding: 0px 40px;}

#slider div.supporting {position: absolute;background: white url(img/gradient.png) repeat-x scroll left bottom; width: 367px; height: 180px;  left: 593px; top:300px;}
/* // Easy Slider */	



		
#contact a{color: white !important;}
		

#footer{background: transparent url(img/footer.png) top left no-repeat; width: 960px; height: 143px; position:relative}
	#footer a span{display:none;}
	#footer a{ display: block; margin-left: 480px; height: 110px;}	

		#contact{position:absolute; width: 356px; left: 598px; color:white; background-color:#1a1a1b;padding-bottom:1.6em;}
#contact dl{padding-left: 2em;}
	#contact {top:0px;}	
#title{display:none;}
body {font-family:  Verdana, "Bitstream Vera Sans", "liberation sans", sans-serif; background: #111 url(img/background.png) top center no-repeat;color: #444; line-height: 1.3em; font-size: 11px;  width: 960px; min-width:960px; max-width:960px; margin: 0em auto; padding-top: 223px; border-bottom-style: none; }
#page{margin:0 auto; width: 960px; padding:0px; margin:0px;position:relative;}		

#main {background-color:#d7d7da;padding-top: 7px;width: 960px;position:relative;min-width:960px;}

h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; font-family: "liberation sans", Arial, Helvetica, "Bitstream Vera Sans", sans-serif; letter-spacing: 0.2em; }
		a{text-decoration : none;}
		a:link, a:visited, a:focus{color: #777; }
		a:hover, a:focus{color: #000; }


		#contact dd{margin-top: -1em; margin-left:10em;}
	
		
		#contact .linkedin{display:block;background-image: url(http://www.linkedin.com/img/webpromo/btn_in_20x15.gif); background-position: 8em 2px; background-repeat: no-repeat; 
		}
		
		h2{line-height:36px; font-size:16px;}

		
		
		h3{text-transform: normal;  color:#666; font-size: 14px;}
		dl, dt, dd {padding: 0em; margin: 0em;}
		dt{font-weight: bold;font-family: "liberation sans", Arial, Helvetica, "Bitstream Vera Sans", sans-serif; }

		#title{border-bottom-style: none;font-size: 4em;font-family:  "liberation sans", Arial, Helvetica, "Bitstream Vera Sans", sans-serif; padding-bottom: 0.5em; margin-bottom: 0em; padding-top: 2em;}
		#title em{display: block;padding-top: 1em; font-style: normal; font-size: 50%;}
		#title small{font-size:25%; padding:0em; margin:2em 0em 0em 0em;}


		
		dl ul,  dl li {list-style: none; padding: 0px; margin: 0px;}
		#talks strong{color:#333;}
		#talks .blurb{background:#333 url(img/gradient.png) bottom right repeat-x; color:#fff; margin-left: -20px;margin-top: 10px; margin-right: 20px;padding: 20px; -moz-border-radius: 10px; border-radius: 10px;}
		#multimedia-applications div{margin-right: 1em;  width: 95px; padding:0em;float: left;  margin-bottom:0em;}
		#skills dt{padding: .5em 0em; color:#888;font-weight: normal;font-size:.85em; font-family:Verdana, "dejavu sans", "bitstream vera sans", tahoma; margin-bottom:.2em;}
		#skills{display:block;clear:both;}
		#skills dl{clear:both;}
		#skills a{display:block !important; width:100% !important; }
		#skills a:link, #skills a:visited{color:#444;}
		#skills a:hover, #skills a:focus{color:#000;}
		#skills dt{padding-bottom:.2em; border-bottom: 2px solid #ddd;}		

		#history li{font-size:.85em;}

		#community .msg_body {font-size:.85em;color:#999}
		#community p{margin:.2em;}
		#community strong a{font-size:.85em; width:120px; display:block;float:left;}
		#community em{padding-left: .5em;font-size:.75em;color:#aaa; font-style:normal;}

		#platforms, #development, #office, #productivity{display:block; padding:0em; width: 95px; float:left;margin-right: 1em;  padding-top:1em;}
		
	#platforms dt, #development dt, #office dt, #productivity dt{padding-top:1em;}
		#platforms small, #development small, #office small, #productivity small{color:#aaa;}
		#platforms{margin-left:110px;}
		
		acronym, abbr{border:none;}
		#talks{clear:both;}
		#talks dl{padding-top:1em;}
		#talks small, #talks em{color:#bbb}
		a:hover small, a:hover em{color:#000 !important;}
		#talks dt {clear:both;display:block; padding:0em !important; margin:0em !important; width: 100%; margin-bottom:0em;}
		#talks dd{display:block;font-size:.85em;padding:0em; color:#000; padding-bottom:.8em; margin-bottom:.8em;}
		#talks a{ position:relative; font-size:1.15em;font-weight:normal;}
		#talks emfont-size:.8em;font-style:normal;  padding:0em;margin:0em;color:#666;line-height:1.5em;}
		#talks small {font-size:.8em;font-weight:normal;   padding:0em; float:left; }
	#talks blockquote {margin:0em;}
		/*
		

		#talks dl{margin:0em;padding:0em;}
		*/
		#technologies li {display:block; text-align:center; width:95px; height:2.5em; line-height: 2.5em; float:left;margin-right: 1em; border-top:2px solid #ddd; border-bottom: 2px solid #ddd; margin-bottom:1em;}
		#technologies li:hover{border-color:#777 !important;}
		#technologies ul{padding:1em 0em;}
		#goal{ border: 2px solid #ddd;border-style: solid none;padding-bottom:3em;}
msg_head{cursor:pointer; }
.msg_head:hover{background-color:transparent; color:#000;}
.msg_head, .msg_body{padding:0px; margin:0px; }

		#history .msg_body .msg_head{line-height: 1em;}
#history .msg_body .msg_head{position:relative;padding: 1em; margin-left: -20px; margin-right: 20px;}
 #history .msg_body .msg_head strong{font-size: .8em; color:#000; font-weight: normal; }
 #history .msg_body .msg_head em{font-size: .8em; color:#777; font-weight: normal; display:block;float:right; margin-top: -2em; padding-right: 20px;}
#history .msg_head h3{letter-spacing: 0px !important; color:#555}
#history .msg_head:hover h3, #history .msg_head:hover em{color: #000 ;}
.msg_head{cursor:pointer; }
.msg_head:hover{background-color:#fdca01; color: black}
.msg_head, .msg_body{padding:0px; margin:0px; }
.msg_body, .msg_head{padding:0px; padding-left: 40px;}
	img{border:none;}
	.msg_body{padding-bottom:2em;}
h2.msg_head{background-color:#666; color:white;}

#resume .msg_head {border-top: 1px solid #ddd;}
#resume .msg_body .msg_head{border-top-style:none;}

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:960px;

		background:#fff;		
		margin-bottom:2em;
		}	
		
	#content{
		position:relative;
		}			

#bio .msg_body p{padding-right: 40px;}

#nextBtn a span, #prevBtn a span{display:none;}
#nextBtn a, #prevBtn a{font-size:2em; position:absolute; top: -480px;background-color:#444; color:#bbb; display:block; padding:0px;height: 300px;line-height:48px;width:48px;text-align:center;text-decoration:none}
#nextBtn a:hover, #prevBtn a:hover{background-color:#555; color:#fff;}
#nextBtn a, #nextBtn a:focus{ left: 960px; background: #ccc url(img/buttons.png) top right no-repeat; }
#nextBtn a:hover{  background-position:bottom right; }
#prevBtn a{ left: -48px;background: #ccc url(img/buttons.png) top left no-repeat;}
#prevBtn a:hover{  background-position:bottom left; }
#container{margin-bottom: 128px;}
#productivity{margin-bottom:2em;}
h1.iefreakout{margin:0 auto !important; width: 960px; color:white; position:absolute; text-align:center;  top:0px;  background-color: #900;padding: 20px 20px;letter-spacing: 0px; line-height: 1.3em; font-size: 12px;  margin:0px;}
h1.iefreakout span{}
#resume{background-color:#fff;width: 584px;margin-left:8px;}
#quotes h3 {padding: .5em 2em; color: #000}
#quotes h3 em {display:block;letter-spacing: 0px;  font-style:normal; font-size: .85em; color:#333; font-weight:normal;}
#quotes blockquote p{background-color:#444 ; padding:16px 32px; color:white; margin-left: -40px; margin-right: 40px; line-height: 1.5em; -moz-border-radius: 6px; border-radius: 6px; margin-top:2px;}
#quotes p small{display:block; margin-left: 35px}
#quotes strong{color:#111;}
#container{padding-bottom: 0px; margin-bottom: 0px;}
#skills .msg_body{padding-left: 25px !important;}
#bio ul{list-style:none; padding:0em;}
h3.msg_head{margin-right:40px }
#infographic{display:block; width:536px; height: 295px; background: transparent url(img/history.png) top left no-repeat; position:relative; margin-top: 20px; margin-bottom: 20px; margin-left: -20px;}
#infographic div{margin:0px; padding:0px;cursor:pointer;position:absolute; width: 250px; background-color: transparent; height: 59px;left:0px;}
#infographic div span{display: none}
#infographic div:hover span {display:block;display:block; position:absolute; top: 0px; left: 200px; width:336px; height: 295px; background-color: transparent ; background-image: url(img/history.png); background-repeat: no-repeat;}
#infographic div.hover1{top:0px;}
#infographic div.hover2{top:59px;}
#infographic div.hover3{top:118px;}
#infographic div.hover4{top:177px;}
#infographic div.hover5{top:236px;}

#infographic div.hover1 span{background-position:-736px 0px; top: -0px;}
#infographic div.hover2 span{background-position:-1272px 0px; top: -59px;}
#infographic div.hover3 span{background-position:-1808px 0px; top: -118px;}
#infographic div.hover4 span{background-position:-2344px 0px; top: -177px;}
#infographic div.hover5 span{background-position:-2880px 0px; top: -236px;}




