body, p {
	font-family: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif;
	color:#222;
}

h1, h2, h3, h4, h5 {
	font-family: "Gill Sans MT", "Gill Sans", Calibri, sans-serif;
	letter-spacing:0.09em;
}

#Px88x7 h2, #Px88x10 h2 {letter-spacing:0.04em;margin-bottom:15px; color:#333;}


h1 {
	font-family: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif;
	width:100%;
	color:#fff;
	padding:3px;
	background-color:#88a6bb;
	padding-left:6px;
	text-transform:none;
	margin-bottom:15px;
	font-size:25px;
	letter-spacing:0.05em;
	
	background-color: #88a6bb;
	background-image: -webkit-gradient(linear, left, right, from(#88a6bb), to(#fff)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(left, #88a6bb, #fff); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(left, #88a6bb, #fff); /* FF3.6 */
	background-image:     -ms-linear-gradient(left, #88a6bb, #fff); /* IE10 */
	background-image:      -o-linear-gradient(left, #88a6bb, #fff); /* Opera 11.10+ */
	background-image:         linear-gradient(to right, #88a6bb, #fff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#88a6bb', endColorstr='#ffffff', GradientType=1)";
}

h5 {margin-top:4px; margin-bottom:8px;}

p {
	font-size:15px;
	line-height:20px;
	letter-spacing:0.02em;
	margin: 0px 0px 10px 0px;
}

/* SET COLUMN WIDTHS, OVERRIDE DEFAULT ERUBE LAYOUT */

#theSection #col_1_2 { width:700px;margin:0; margin-right:20px;}
#theSection #col_3 { width:240px; }

#Px88x2 #theSection #col_1_2 {width:580px;}
#Px88x2 #theSection #col_3 {width:340px;}

#col_1, #col_2, #col_4, #sponsorsRow {display:none;}
#theSection {border-bottom:1px dashed #ccc; margin-bottom:10px; padding-bottom:10px;}
body, div#theSite {text-align:left;}
/* HEADER STYLES */

#graves-header {
	height:90px;
	width:960px;
	background-image:url("../../img/graves/graves-curve.png");
	background-repeat:no-repeat;
	background-position:460px 0px;
	margin-bottom:20px;
}

#graves-header #title {
	width: 460px;
	float:left;
	text-align:center;
	padding-top:6px;
}

#graves-header #title h1 {
	font-size:24px;
	color: #366888;
	letter-spacing:0.09em;
	text-transform:uppercase;
	margin: 10px 0;
	background-color:#fff;
	font-family: "Gill Sans MT", "Gill Sans", Calibri, sans-serif;
	background-image:none;
	-ms-filter: "none";
}

#graves-header #title h2 {
	font-size:18px;
	color: #757678;
	letter-spacing:0.06em;
	text-transform:uppercase;
}

#graves-header #title a:hover {
	text-decoration:none !important;
}



#graves-header #graves-nav  {
	float:right;
	width:473px;
	height:20px;
	margin-top:23px;
	border-bottom:1px solid #e9b899;
}

#graves-nav li {
	font-family: "Gill Sans MT", "Gill Sans", Calibri, sans-serif;
	text-transform:uppercase;
	font-size: 18px;
	letter-spacing:0.06em;
	list-style:none outside none;
	float:left;
	position:relative;
	display:block;
	border-left: 1px solid #e9b899;
	margin-left:10px;
	padding-left:10px;
	height:20px;
}

#graves-nav li.first {border-left:none;}

#graves-nav li a {color: #b96a28;}

#graves-nav li a:hover, #graves-nav li.active a {
	text-decoration:none;
	color: #6191aa;
}

#graves-nav ul{
	/*background:#fff; 
	background:rgba(255,255,255,0); */
	list-style:none;
	position:absolute;
	left:-9999px; 
	z-index:10;
}

#graves-nav ul li {
	margin-left:0px;
	font-size:13px;
	padding:2px 5px;
	background-color:#e3e8ec;
	width:125px;
	text-transform:none;
	border-left:none;
}

#graves-nav ul li a {color:#757678;}

#graves-nav li:hover ul{ 
	left:-20px;
	top:21px; 
}

#graves-nav li#graves-about:hover ul{ 
	left:-60px; 
}

/* HOMEPAGE STYLES */

#hp-text {
	background-image:url("../../img/graves/hp_teapot_bg.png");
	background-repeat:no-repeat;
	padding-top:55px;
	position:relative;
	top:-35px;
}

span.drop-cap-i {
	background-image:url("../../img/graves/drop_cap_i.png");
	background-repeat:no-repeat;
	width:41px;
	height:41px;
	overflow:hidden;
	text-indent:-999px;
	float:left;
	margin-right:4px;
}

#portrait-bar {
	width:160px;
	float:right;
	text-align:center;
	margin-left:20px;
}

#alessi-bar {
	width:100px;
	float:right;
	text-align:center;
	margin-left:20px;
}

.hp-promos p, .hp-promos a,
.rhpromos p, .rhpromos a {
	font-size:14px;
	font-family: "Gill Sans MT", "Gill Sans", Calibri, sans-serif;
}

.hp-promos a, .rhpromos a {font-weight:bold;}

/* SELECTED WORKS SLIDESHOW STYLES */

#slide-nav {
	width:240px;
	float:right;
	margin-left:20px;
}

#slide-nav li {
	list-style-type:none;
	float:left;
	margin:0px 10px 10px 0px;
	margin-left:0px;
	border:3px solid #fff;
	padding:2px;
	width:100px;
	height:100px;
}

#slide-nav li.activeSlide {
	border: 3px solid #3C7393;
}

#slideshow-ctn {
	width:700px;
	margin-left:0px;
	float:left;
	text-align:left;
	position:relative;
}

#slide-prev-next {
	width:100px;
	position:absolute;
	right:0;
	top:10px;
	z-index:999;
}
#slide-prev-next h5 a {color:#EA7F1D;}


#slideshow  .slide {width:700px;}

.mr20 {
	margin-right:20px;
}

.mb20 {
	margin-bottom:20px;
}

/* CAREER TIMELINE STYLES */

#timeline-container {
	width:960px;
}

#timeline {
	width:960px;
	height:24px;
	position:relative;
	background-color:#EA7F1D;
}

.point {
	position:absolute;
	background-color:#e6662b;
	padding:5px;
	font-family:calibri,arial,sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:13px;
}	

#p-1934 {left:0px;}
#p-1959 {left:150px;}
#p-1960 {left:200px;}
#p-1962 {left:280px;}
#p-1969 {left:370px;}
#p-1972 {left:420px;}
#p-1982 {left:520px;}
#p-1985 {left:600px;}
#p-1991 {left:670px;}
#p-1995 {left:728px;}
#p-1999 {left:800px;}
#p-2003 {left:840px;}
#p-2011 {left:894px;}
#p-2012 {left:927px;}



#timeline-upper {
	margin-bottom:10px;
	height:170px;
	position:relative;
}

#timeline-upper .bubble {
	bottom:0px;
}

#timeline-lower {
	margin-top:10px;
	position:relative;
	height:170px;
}

.bubble {
    margin: 5px;
    padding: 5px;
    position: absolute;
	width:150px;
	border-color:#ACC2CF;
	background-color:#ACC2CF;
	color:#333;
	text-decoration:none;
}


.bubble:hover {
	border-color:#3c7393;
	background-color:#3c7393;
	color:#fff;
}

.bubble.bottom:after {
   display:block;
   position: absolute;
   top: 100%;
   left: 10px;
   border-top: 8px solid #ccc;
   border-top-color: inherit;
   border-left: 8px solid transparent;
   border-right: 8px solid transparent;
   content: "";
}

.bubble.top:before {
   position: absolute;
   top: -8px;
   left: 20px;
   border-bottom: 8px solid #ccc;
   border-bottom-color: inherit;
   border-left: 8px solid transparent;
   border-right: 8px solid transparent;
   content:"";
}


/* --- TOP BAR --- */

#b-1934 {
	width:122px;
	left:0px;
}

#b-1960 {
	left:140px;
	width:140px;
	padding:5px;
}

#b-1960:after {
	left:72px;
}

#b-1969 {
	left:295px;
	width:130px;
	padding:5px;
}

#b-1969:after {
	left:77px;
}

#b-1982 {
	left:452px;
	width:100px;
}

#b-1982:after {
	left:80px;
}

#b-1991 {
	left:570px;
	width:130px;
	padding:5px;
}

#b-1991:after {
	left:103px;
}

#b-1999 {
	left:728px;
	width:100px;
}

#b-1999:after {
	left:75px;
}

#b-2011 {
	left:846px;
	width:100px;
}

#b-2011:after {
	left:83px;
}

/* --- BOTTOM BAR --- */

#b-1959 {
	left:30px;
}
#b-1959:before {
	left:120px;
}

#b-1962 {
	left:200px;
	padding:5px;
	width:130px;
}

#b-1962:before {
	left:100px;
}

#b-1972 {
	left:380px;
	width:100px;
}

#b-1972:before {
	left:45px;
}

#b-1985 {
	left:495px;
	width:130px;
	padding:5px;
}

#b-1985:before {
	left:110px;
}

#b-1995 {
	left:652px;
	width:100px;
}

#b-1995:before {
	left:80px;
}

#b-2003 {
	left:764px;
	width:90px;
}

#b-2003:before {
	left:76px;
}

#b-2012 {
	left:867px;
	width:80px;
}

#b-2012:before {
	left:65px;
}

/* --- MODAL STYLES --- */

.reveal-modal {
	text-align:left;
}

.reveal-modal h2, .slide h2, .pm-section h2 {
	font-family: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif;
	color:#3c7393;
	/*text-transform:uppercase;*/
	font-size:22px;
	margin-bottom:10px;
}

.modal-left-col {
	float:left;
	width:390px;
	margin-right:10px;
}

.modal-right-col {
	float:right;
	width:390px;
	margin-left:10px;
}

/* Postmodernism styles */

.pm-intro h2 {color:#EA7F1D; text-transform:uppercase; font-size:18px;}
.pm-intro h3 {color:#757678; font-weight:normal;font-size:16px; margin-top:5px;}

.pm-section {
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px dotted #EA7F1D;
	clear:both;
}
.pm-section.first {border-top:none; margin-top:0px; padding-top:0px;}
.pm-section.last {border-bottom: 1px dotted #EA7F1D;}


/* VIDEOCTN styles */

.videoCtn {position:relative; overflow:hidden;background-color:000000;}

.videoCtn:hover {cursor:pointer;}

.videoCtn img {height:100%; position:relative; z-index:1;}

.videoCtn img.playBtn {
	display:block;
	width:100px;
	height:100px;
	z-index:5;
	position:absolute;
	top:25%;
	left:35%;
}

.videoCtn iframe {
	position:absolute;
	z-index:10;
	border:0 none;
}