/********** SLIDER **********/
.seraeloSlideshow { 
    background-repeat: repeat-x; 
    max-width: 100%; 
    margin: 0px auto 30px auto;}

.slide-1 {
    background-image: url('../images/cloud.png');}

.slide-2 {
    background-image: url('../images/skyline.png');}

.slide-3 {
    background-image: url('../images/circuits.png');}

.slide-4 {
    background-image: url('../images/dots.png');}

/*.slide-5 {
    background-image: url('../images/???.png');}*/

.slidePlayer {
    position: relative; /* IE7 */
    overflow: hidden;
    height: 430px;}

.slideGroup {
    width: 100%;
    height: 100%;
    position: relative;}

.slideSingles {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;}

.slideSingles:first-child {
    display: block;}


/********** BUTTONS **********/
.slideButtons {
  text-align: center;}

.slideButton {
  border: none;
  background: none;
  color: #000;
  font-size: 200%;
  line-height: 0.5em;}

.slideButton.active {
  color: silver;
  cursor: pointer;}

.slideButton:hover {
  color: blue;
  cursor: pointer;}

/********** SOCIAL ************/
#socialIcon {
    padding: 3em .5em 0 .5em;
    border: none;
    height: 100%;
    width: 100%;}

#sponsorLink {
    padding: 3em .5em 0 .5em;
    border: none;
    height: 100%;
    width: 100%;}

/********** CONTENT ************/
#engineeringPic {
    max-width: 70%;
}
.seraeloContent-white {
    text-align: center;
    color: #676767;
    background: none;
    margin-top: 4%;
    margin-bottom: 5%;
    max-width: 100%;
    font-size: 1.2em;
    height: 100%;}

.seraeloLLC {
    font-size: 3em;}

.seraeloContent-silver {
    text-align: center;
    color: #676767;
    background: #F0F0F0;
    max-width: 100%;
    height: 100%;}

.seraeloContent-cloud {
    text-align: center;
    background-image: url('../images/cloud.png'); 
    max-width: 100%;
    height: 100%; 
    margin: 0px auto 30px auto;}

.seraeloAbout {
    float: center;
    text-align: center;
    height: 100%;
    width: 70%;
    padding-top: 5px;
    padding-bottom: 2%;
    margin: 0px auto 30px auto;}

#aboutWord {
    font-size: 1.7em;}

#skillset {
    margin-bottom: 4%;
    font-size: 1.3em;}

#videoWord {
    padding-top: 1%;
    font-size: 1.5em;}

.nineKwords {
    height: 100%;}

#sponsorsWord {
    font-size: 1.7em;}

#formBorder {
    border: none;}

#formLegend {
    margin: 0 0 0 40%;
    color: #676767;}

#formWords {
    font-size: 1.4em;}

form {
    width: 45em;
    /*border: 1px solid blue;*/
    border-radius: 10px;
    box-shadow: .2em .2em .5em #999;
    /*background-color: #d0e9f6;*/
    background-color: #F0F0F0;
    padding: 1em;
    overflow: hidden;}

input.textinput, textarea {
    font-family: Ovo, Georgia, "Times New Roman", Times, serif;
    font-size: .875em;}

fieldset {
    margin: 0;
    padding: 0;
    border: none;}

/********************************************************/
/********************************************************/
/********************************************************/
table {
    float: center;
    text-align: left;
    border-collapse: separate;
    border-spacing: 7px 3px;
    border: none;
    empty-cells: hide;

    width: 50%;
    padding-top: 5px;
    padding-bottom: 0%;
    margin: 0px auto auto auto;
}
/*
.seraeloServices {
    float: center;
    text-align: center;
    height: 100%;
    width: 70%;
    padding-top: 5px;
    padding-bottom: 1%;
    margin: 0px auto 30px auto;
    }

#disciplineTable {
    float: center;
    text-align: center;
    height: 100%;
    width: 60%;
    padding-top: 5px;
    padding-bottom: 1%;
    margin: 0px auto 30px auto;}
    */

li {
    padding: 3px;}

ol {
    list-style-type: none;}

ul li {
    clear: both;}

.servicesList {
    width: 100%;
    text-align: left;}

label {
    display: block;
    float: left;
    /*width: 10em;*/
    width: 7em;
    text-align: left;
    margin-right: .5em;
    margin-left: 0;
    color: #676767;}

input.textinput {
    width: 35em;
    margin-right: 2.7em;
    border-radius: 5px;
    height: 2em;
    /*border: 1px solid blue;*/}

textarea {
    display: block;
    width: 35.5em;
    margin-right: 2.5em;
    border-radius: 5px;
    height: 7em;
    float: center;
    /*border: 1px solid blue;*/
    margin-bottom: 2em;
    line-height: 1.25;
    overflow: auto;
    resize: none;}

legend {
    display: block;
    width: 5em;
    float: left;
    margin-right: .5em;
    text-align: right;
    color: #676767;}

#timeframe label {
    color: #000;
    display: inline;
    float: left;
    text-align: inherit;
    width: 10.3em;
    font-weight: normal;
    margin-bottom: 2em;
    background-color: inherit;}

/********************************************************/
/********************************************************/
/********************************************************/

#timeframe ul li {
    display: inline;
    margin-bottom: 0;}

input[type="submit"], input[type="reset"] {
    display: block;
    width: 10em;
    height: 2em;
    float: left;
    background: white;
    font-size: inherit;
    border-radius: 5px;
    box-shadow: 2px 2px 3px rgb(0,0,0,.5);}

input[type="submit"] {
    margin-left: 11.5em;
    margin-right: 1em;
    color:  #C00;}

#amazing {
    float: center;
    text-align: center;
}