/***************
 * Intro Panel *
 ***************/
 
 
#story-header {
	color : #666;
	
	
}

#story-header #logo {
	margin : 20px 0 50px 0;
}

#story-header h2 {
	font-family: "Times-Roman", Verdana, sans-serif;size:12px;
}

#story-header .story {
	width         : 850px;
	padding-right : 0px;
	
	
}

#story-header p {
	width     : 800px;
	font-size : 16px;
}

#story-header ul li {
	font-size : 16px;
	margin    : 16px 0;
}

#story-header ul {
	padding : 0px;
}


/***************
 * Only in About Page *
 ***************/
#story-intel4 {
	color      : #000;
	background : #ffffff;
	height:960px;
	z-index:5;
	
}


/***************
 * Only in History Page *
 ***************/
#story-intel5 {
	color      : #000;
	background : #ffffff;
/*	height:2800px;*/

}


/***************
 * Bottom of About Page *
 ***************/
#story-intel6 {
	color      : #000;
	background : #ffffff;
	height:200px;

}


/***************
 * Intel Panel *
 ***************/
#story-intel {
	color      : #000;
	background : #ffffff;
	height:800px;
	z-index:2;
	
}

#story-intel .story {
	width         : 850px;
	padding-right : 100px;
	
}

/***************
 * Intel Panel2 *
 ***************/
#story-intel2 {
	color      : #000;
	background : #ffffff;
	z-index:5;
}
/*********************
 * Ultrabook Project *
 *********************/
#story-william {
	color      : #000;
	background : #ffffff;
	height:300px;
}

#story-william .bg {
	left  : auto;
	right : 0px;
}


/**************
 * Bing Panel *
 **************/
#story-bing {
	color       : #FFF;
	text-shadow : 1px 1px 1px #000;
	background  : #C9BC33;
	
	
}

#story-bing .logo {
	position : absolute;
	right    : 20%;
	bottom   : 50%;
}

#story-bing .logo.start {
	bottom : 190%;
}

#story-bing .logo.end {
	bottom : -90%;
}


/***************
 * Intel Panel *
 ***************/
#story-foo {
	color      : #000;
	background : #ffffff;
	height:1px;
	
}


/***************
 * Paragraphs *
 ***************/
.story-text {
        font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px; /*Changed from 16px*/
	color:#ffffff;  /*Changed from #545454;#3E3E3E;#2C2C2C*/
	width:90%;
	margin-left:50px;

	margin-right:15px;

}

.story-heading {
	font-family: Times-Roman;
	font-size:16px;
	color:#081D52;
	margin-bottom:0px;
	line-height:100%;
	
	
}

.story-heading2 {
	font-family: Times-Roman;
	size:16px;
	color:#081D52;
	margin-bottom:0px;
	line-height:100%;
	
}


.story-heading3 {
	font-family: Times-Roman;
	size:8px;
	color:#00B7EE;
	
	
}


/* Onmouseover effect */
/***************
 * Future work *
 ***************/
#story-future-work {
	color      : #000;
	background-image:url('images/intel-bg-01.jpg');
	z-index:5;
}



.main-header {
	font-family: times;
	font-size: 68px;
	color: #081D52; 
	letter-spacing: 1px;
	line-height: 64px!important;
	margin-left:50px;
	padding-top:160px;
	position: absolute;
	top:0;
	
}


/***************
 * Photo Box *
 ***************/
.endphotobox{
margin-left:18px;
}

.endphoto {
width:100%; 
line-height:100%;
font-family:arial;
font-size:13px;
}

.centerphoto {
width:100%; 
line-height:100%;
font-family:arial;
font-size:13px;
}




/***************
 * Quote Box *
 ***************/

.quotetableright{
margin-left:8px;

margin-top:-30px;
}

.quotetableleft{
margin-right:15px;
margin-left:-18px;
margin-top:-20px;
}


/***************
 * Video Table *
 ***************/

.videotableleft{
float:left;
margin-right:10px;
margin-bottom:3px;
margin-top:6px;
}

.videotableright{
float:right;
margin-left:8px;
margin-bottom:3px;
margin-top:6px;
}


/***************
 * Timeline *
 ***************/

.timeline-iframe {
  margin-top: 20px;
  margin-bottom: 0px;

  -moz-border-radius: 12px;
  -webkit-border-radius: 12px; 
  border-radius: 12px; 

  -moz-box-shadow: 4px 4px 14px #000; 
  -webkit-box-shadow: 4px 4px 14px #000; 
  box-shadow: 4px 4px 14px #000; 
  
  }
  
  
  /***************
   * Map *
   ***************/
  #story-map {
  	color      : #000;
  	background : #ffffff;
  	height:889px;
}