body {background-color:#fff; font-family: 'Roboto', sans-serif; line-height:30px; color:#3d3d5c;}

a:link {color:#e3e3ed; text-decoration:none; font-weight:lighter;}   
a:visited {color:#e3e3ed; text-decoration:none;}
a:hover {color:#fafafc; text-decoration:none;}  
a:active {color:#e3e3ed; text-decoration:none;}

a.body:link {color:#66612e; text-decoration:underline; font-weight:lighter;}   
a.body:visited {color:#66612e; text-decoration:underline;}
a.body:hover {color:#aaa572; text-decoration:overline;}  
a.body:active {color:#66612e; text-decoration:underline;}

img {border:none; margin:0px;}

img.resume {border:1px solid #ccc;}

ul {position:absolute; margin:0px; padding:0px;}

h1,h2,h3,h4,h5,h6 {font-weight:normal; font-family: 'PT Serif Caption', serif; text-align:center;}

p {line-height:26px; font-size:16px;}

th {font-weight:lighter; vertical-align:middle; padding-left:5px; padding-right:5px;}

/* FLOATING NAVIGATION */

.floatingbar {position:fixed; left:0px; top:0px; width:100%; height:70px; background-color:hsla(235,60%,9%,0.7); z-index:1; color:#f0f0f5;}

table.navigation {position:relative; margin-left:auto; margin-right:auto; padding:0px 5% 0px 5%; height:100%; width:100%; max-width:1600px;}

th.logo {min-width:490px; font-family: 'PT Serif Caption', serif; letter-spacing:5px; font-size:50px;}

/* FOCAL IMAGE SLIDESHOW */

.carousel {position:absolute; left:0px; width:100%; background-color:#f6f6f9;}

.headshot {position:absolute; top:70px; left:0px; width:100%; background-color:#f6f6f9;}

/* MAIN AREA */

.main {width:100%; max-width:600px; margin-left:auto; margin-right:auto; height:100%;}

/* SPACERS */

.spacer1 {height:100px; width:100%; clear:both;}

.spacer2 {height:175px; width:100%; clear:both;}

.spacer3 {height:45px; width:100%; clear:both;}

/* COLUMNS and TABLES */

.wider {width:800px;}

.twocolumns {vertical-align:top;
	-moz-column-count:2; -moz-column-gap:30px; /* Firefox */
	-webkit-column-count:2; -webkit-column-gap:30px; /* Safari and Chrome */
	column-count:2; column-gap:30px;
	}

td {vertical-align:top;}

td.title {font-family: 'PT Serif Caption', serif; text-transform:uppercase;}

/* CONTACT FORM */

.contactform {position:relative; margin-left:200px; margin-bottom:70px; width:200px; text-align:center;}

label {clear:both;}

input, textarea {
    /* To make sure that all text fields have the same font settings
       By default, textareas have a monospace font */
    font-size: 0.9em; font-family: 'Roboto', sans-serif; letter-spacing:1px; 

    /* To give the same size to all text field */
    width: 200px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* To harmonize the look & feel of text field border */
    border: 1px solid #999;

    margin-bottom:20px;
}

button {clear:both; font-size:large; font-family: 'PT Serif Caption', serif;}

/* FOOTER */

p.footer {color:#a3a3c2; font-weight:lighter; text-align:center; width:100%; margin-top:70px; font-size:0.9em;}

a.footer:link {color:#a3a3c2; text-decoration:none;}
a.footer:visited {color:#a3a3c2; text-decoration:none;}
a.footer:hover {color:#666659; text-decoration:none;}
a.footer:active {color:#a3a3c2; text-decoration:none;}

/* IMAGE SLIDER */

.rslides {
  position: relative;
  z-index:0;
  list-style: none;
  overflow: hidden;
  width: 100%;
  max-width:1400px;
  margin-left:auto; margin-right: auto;
  padding: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  max-width:1400px;
  margin-left:auto; margin-right: auto;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.rslides_container {
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 50px;
  max-width:1400px;
  position: relative;
  width: 100%;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.large-btns_nav:focus {
  outline: none;
  }

.large-btns_tabs {
  margin-left:10%;
  margin-top: 10px;
  text-align: center;
  }

.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.large-btns_tabs a {
  margin-left:5px;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }