/*Jonathon Changes */
/*body*/

html{height:100%;}
body {
  position: relative;
  padding-top: 40px;
  height:100%; 
}

.row{
	height:100%;
    overflow: hidden;
    display: table;
	}

.clear{clear:both;}
/*Masthead*/

.jw-custom-sidebar{
	float:right;
	margin-top:10px;
	margin-left:-1px;
	}

.main-img{
	float:left;
	margin-top:2px;
}

.masthead {
  border:1px #ccc solid;
  margin-top:10px;
  padding:10px;
  background-color:#FFF;

}

.main-img-copy {
	float:left;
	padding:0px 8px 8px 20px;
	background-color:#fff;
	}
	
	
#main-img-copy p{
  	text-align:left;
	
}

#history{
	color:#666;
/*	font-weight:bold;*/
	background-color:#FAFAFA;
	}

blockquote {
  padding: 14px 0 0 8px;
  margin: 0 0 2px;
  border-left: 4px solid #00c5ee;
  height:10px;
  vertical-align:middle;
}

blockquote p {
  margin-bottom: 0;
  font-weight: bold;
  line-height: .3em;
  font-size:12px;
}

#main-img .icon-envelope {list-style:none;}

div#line1 span#a {
	display:inline;
	font-size:.9em;
	color:#00c5ee;
	width:100%;
	text-align:center;
	font-weight:bold;
}
div#line1:hover span#a {
	display:none;
}
div#line1 span#b {
	display:none;
}
div#line1:hover span#b {
	display:inline;
	font-size:.71em;
	color:#00c5ee;
	line-height:15px;
}
/*End of Masthead*/


/*Timeline*/


.timeline-seperator{
	background-image: url(../img/bg-timeline.jpg);
	background-repeat:repeat-y;
	background-position: 50% 50%;
	padding-top:55px;
	}

.corner-left-first{
	background-image: url(../img/corner-left.png);
    background-repeat: no-repeat;
    display: block;
    height: 13px;
	margin:0 auto;
    width: 25px;
	clear:right;
}

.corner-left{
	background-image: url(../img/corner-left.png);
    background-repeat: no-repeat;
    display: block;
    height: 13px;
	margin:0 auto;
    width: 25px;
	clear:right;
}

.corner-right{
	background-image: url(../img/corner-right.png);
    background-repeat: no-repeat;
    display: block;
    height: 13px;
	margin:0 auto;
    width: 25px;
	margin-top:45px;
}	

#timeline-right{
	float:right;
	width:47%;
	}
	
#timeline-left{
	float:left;
	width:47%;
	}

		
#timeline-right .primary-content{
	float:right;
	text-align:left;
	border-bottom:dashed #ccc 1px;
	border-left:dashed #ccc 1px;
	background-color:rgba(220,220,220,0.3);
	padding:3px 0 5px 5px;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom:10px;
	background-color:#FFF;
	}
	
#timeline-left .primary-content{
	float:left;	
	text-align:right;
	padding:3px 5px 5px 2px;
	border-bottom:dashed #ccc 1px;
	border-right:dashed #ccc 1px;
	background-color:rgba(255,255,250,0.3);
	border-left:solid #ccc 1px;
	border-top:solid #ccc 1px;
	margin-bottom:10px;
	background-color:#FFF;

}


.year{
	font-size:1.2em;
	font-weight:normal;
	color:#00c5ee;
	}

#primary{
	background-image:url(../img/background-image.jpg);
 	background-repeat: no-repeat;
	background-position:center top; 
	}
/*End Timeline*/


.job-title{
	font-size:1.3em;
	}

.primary-content H4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7em;
	font-weight:bold;
	color:#00c5ee;
	}