/********************/
/* General Styling  */
/********************/

html {
  height: 101%;
}

body {
  font-family: Geneva  'Trebuchet MS';
  background: #dcdcdc;
  margin-top: -3px;
}

a {
  text-decoration: none;
  font-size: 11pt;
  font-family: Geneva  'Trebuchet MS';
  color: #404040;
}

a:hover {
  color: #588ebb;
}

.emphasis {
  color: #588ebb;
}

.italics {
  font-style: italic;
}

#brochureShadow {
  margin-left: auto;
  margin-right: auto;
  width: 908px;
  background: url(../images/brochure_shadow6.png) top left repeat-y;  
  margin-bottom: 0px;
}

#brochure {
  position: relative;
  top: 0px; /* 8 */
  left: 9px;
  margin-top: 0px;
  width: 888px; /*990*/
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  background: #FFFFFF;
}

#tagline {
  line-height: 1.4em;
  font-size: 22px;
  color: #588ebb;
  font-family: Geneva 'Trebuchet MS';
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
}

#container {
  float: left;
  width: 858px; /* 858 */
  padding: 25px 15px 0px 15px;
  overflow: hidden;
}

#content {
  float: left;
  width: 77%;
  padding: 0px 0px 10px 10px;
  margin: 0px;
}

#subcontent {
  margin-top: 7px;
  padding-top: 3px;
  margin-bottom: 50px;
}

#contact {
  margin-left: -50px;
  padding-left: 0px;
}

#filler {
  float: left;
  width: 100%;
  height: 200px;
}

#media {
  float: left;
  width: 77%;
  padding: 0px 0px 10px 10px;
  margin: 0px;
}

#media p {
  font-size: 9pt;
  #font-size: 11.5pt;
  font-family: Geneva 'Trebuchet MS';
  line-height: 1.5em;
  color: #404040; /* 757575 */
  padding: 0px 0px 0px 0px;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 12px;
}

#media img {
  margin-left: 18px;
  margin-top: 30px;
  margin-bottom: 10px;
}

#content p {
  font-size: 9pt;
  #font-size: 11pt;
  font-family: Geneva 'Trebuchet MS';
  line-height: 1.5em;
  color: #404040;
  padding: 0px 0px 0px 0px;
  margin-left: 0px;
  margin-right: 0px;
}

#content a {
  font-size: 9pt;
  #font-size: 11.5pt;
  font-family: Geneva 'Trebuchet MS';
  color: #588ebb;
}

#media a {
  font-size: 9pt;
  #font-size: 11.5pt;
  font-family: Geneva 'Trebuchet MS';
  color: #588ebb;
}

#media ul {
  list-style: none;
  padding-left: 15px;
  margin-top: 8px;
}

#book {
  float: left;
  width: 18.5%;
  font-size: 17px;
  font-family: Geneva 'Trebuchet MS';
  border: 1px dotted #dcdcdc;
  margin-right: 0px;
  margin-left: 10px;
  padding: 15px 15px 15px 15px;
}

#book img {
  margin-bottom: 4px;
}

#book a {
}

#books {
  float: left;
  width: 22%;
  font-size: 15px;
  font-family: Geneva 'Trebuchet MS';
  border: 1px dotted #dcdcdc;
  color: #404040;
  margin-left: 20px;
}

#books img {
  float: left;
  margin: 20px 12px 25px 25px;
}

#books p {
  float: left;
  margin-left: 25px;
  font-size: 14px;
  color: #707070;
  margin-top: 2px;
  padding-top: 0px;
}

#behnam {
  width: 190px;
  height: 850px;
  float: left;
  margin-right: 2px;
  margin-left: 0px;
}

.booktitle {
  float: left;
  font-size: 11px;
  margin-top: 4px;
  width: 70px;
  font-family: Geneva 'Trebuchet MS';
}

#behnam img {
  float: left;
  margin: 0px 10px 10px 0px;
}

#behnam p {
  margin-left: 0px;
}

#behnam a {
  margin-top: 3px;
  width: 30px;
}

h2 {
  font-size: 19px;
  color: #404040;
  margin-top: 0px;
  margin-bottom: 2px;
  font-weight: normal;
}

#horizontalrule {
  float: left;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #DCDCDC;
  padding-top: 0px;
  margin-top: 0px;
}

.author {
  margin-top: 10px;
  font-family: Geneva 'Trebuchet MS';
  font-size: 19px;
  color: #6697c0;
}

#header {
  margin-left: auto;
  margin-right: auto;
  width: 890px;
  height: 157px;
  padding-left: 0px;
  background: #62c1ef;
  border-bottom: 1px solid #dcdcdc;
}

#header img {
  float: left;
  border: 0px;
}

#navbar {
  float: right;
  width: 50%;
  height: 25px;
  margin-top: -25px;
  margin-right: 5px;
}

#navbar a {
  float: right;
  margin-left: 10px; 
  margin-right: 8px;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  font-family: Geneva sans-serif;
}

#navbar a:hover {
  text-decoration: underline;
}

#navbar .active {
  color: #FFFFFF;
}

#navbar img {
}

#titles {
  font-size: 22px;
  color: #588ebb;
  font-family: Geneva 'Trebuchet MS';
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
}

.subtitles {
  margin-top: 12px;
  margin-left: 10px;
  margin-bottom: 7px;
  width: 100%;
  float: left;
  font-size: 18px;
  color: #575757;
  font-family: Geneva 'Trebuchet MS';
}

.sub {
  margin-top: 12px;
  margin-left: 10px;
  margin-bottom: 7px;
  width: 100%;
  float: left;
  font-size: 18px;
  color: #575757;
  font-family: Geneva 'Trebuchet MS';
}

.sub2 {
  margin-top: 12px;
  margin-left: 10px;
  margin-bottom: 7px;
  width: 100%;
  float: left;
  font-size: 15px;
  color: #575757;
  font-family: Geneva 'Trebuchet MS';
}

#sub3 {
  margin-top: 12px;
  margin-left: 10px;
  margin-bottom: 7px;
  width: 100%;
  float: left;
  font-size: 16px;
  color: #404040;
  font-family: Geneva 'Trebuchet MS';
}

.email {
  font-size: 15px;
  margin: 10px 0px 0px 0px;
  color: #696969;
  font-family: Geneva 'Trebuchet MS';
  float: left;
}

#footer {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 20px;
  margin-top: 0px;
  color: #404040;
  font-size: 11px;
  font-family: Geneva 'Trebuchet MS';
  margin-bottom: 10px;
}

#bottom-bar a {
  font-size: 11px;
}

#bottom-bar {
  height: 3px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 97%;
  background: #8CCAEF;
}

#footer p {
  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#footer a {
  text-decoration: underline;
  font-family: Geneva 'Trebuchet MS';
  font-size: 11px;
}

/*********/
/* Intro */
/*********/

#intro {
  float: left;
  width: 44%;
  font-size: 9pt;
  #font-size: 11pt;
  font-family: Geneva 'Trebuchet MS';
  line-height: 1.5em;
  color: #404040;
  padding: 0px 0px 10px 10px;
  margin: 0px;
}

#intro img {
  float: left;
  margin-bottom: 20px;
  margin-right: 30px;
}

#intro p {
  margin-left: 10px;
  margin-top: 20px;
}

#intro a {
  font-size: 9pt;
  #font-size: 11.5pt;
  font-family: Geneva 'Trebuchet MS';
  color: #588ebb;
}

#video {
  float: right;
  height: 330px;
  width: 47%;
  padding: 15px 0px 0px 0px;
  color: #808080;
}

.videotitle {
  float: left;
  #font-size: 16pt;
  font-size: 15px;
  margin: 0px 0px 4px 0px;
  color: #757575;
  font-family: Geneva 'Trebuchet MS';
}

.time {
  float: left;
  font-size: 12px;
  #font-size: 12pt;
  margin: 2px 0px 0px 0px;
  color: #757575;
  font-family: Geneva 'Trebuchet MS';
}

.time a {
  font-size: 12px;
  #font-size: 12pt;
  font-family: Geneva 'Trebuchet MS';
  color: #588ebb;
}

.heading {
  color: #404040;
  margin-top: 20px;
  font-family: Geneva 'Trebuchet MS';
}

/*********/
/* Method */
/*********/

#slides {
  float: left;
  margin-top: 7px;
  padding: 25px 10px 10px 20px;
}

/*********/
/* Media */
/*********/

.card {
  float: left;
  width: 240px;
  height: 190px;
  margin: 5px 120px 10px 10px;
  padding: 10px 10px 10px 10px;
  font-size: 12px;
}

.card p {
  margin: 10px 0px 0px -30px;
  width: 300px;
  font-size: 11px;
}

.card a {
  font-family: Geneva 'Trebuchet MS';
  font-size: 8pt;
  #font-size: 9pt;
  color: #757575;
}

.card a:hover {
  color: #588ebb;
}

.card img {
  margin: 0px 0px 7px 0px;
}

#background {
  height: 163px;
  width: 202px;
  background: #000000;
  margin-bottom: 7px;
}

#background img {
  margin: 45px 10px 15px 11px;
}

.card2 {
  float: left;
  width: 345px;
  height: 270px;
  margin: 5px 10px 20px 10px;
  padding: 10px 10px 7px 10px;
}

.card2 p, .card3 p {
  margin: 10px 0px 0px 0px;
  width: 340px;
  font-size: 12px;
  #font-size: 10pt;
  font-family: Geneva 'Trebuchet MS';
  line-height: 1.5em;
  color: #757575;
}

.placeholder, .sanjose {
  height: 80px;
}

.sanjose img {
  margin-top: 10px;
}

.card3 {
  float: left;
  width: 340px;
  height: 250px;
  margin: 5px 10px 5px 10px;
  padding: 10px 10px 7px 10px;
}

.bottom {
    border: 1px solid #dcdcdc;
    width: 780px;
    height: 950px;
    margin-top: 15px;
    margin-left: 20px;
    margin-bottom: 30px;
}

.top {
    border: 1px solid #dcdcdc;
    width: 780px;
    height: 230px;
    margin-top: 15px;
    margin-left: 20px;
}

.date {
  height: 11px;
  width: 300px;
  font-size: 12px;
  color: #a2a2a2;
  margin-top: 4px;
  font-family: Geneva 'Trebuchet MS';
}

.articletitle {
  width: 345px;
  font-size: 15px;
  color: #757575;
  margin-top: 6px;
}

.articletitle a:hover {
  color: #588ebb;
}

.articletitle a {
  color: #757575;
  font-family: Geneva 'Trebuchet MS';
  font-size: 12px;
}

/*********/
/* Book  */
/*********/

#right {
  float: right;
  width: 17.5%;
  height: 890px;
  #font-size: 17px;
  font-size: 16px;
  font-family: Geneva 'Trebuchet MS';
  padding: 15px 0px 10px 5px;
  background: #F0F0F0;
  border: 1px dotted #dcdcdc;
}

#right a {
  float: left;
  width: 80%;
  font-size: 12px;
  font-family: Geneva 'Trebuchet MS';
  margin: 2px 0px 5px 10px;
}

#right a:hover {
  text-decoration: underline;
}

#right a:before {
  content: "\00BB \0020 \0020 \0020";
}

.selected {
  color: #588ebb;
}

#right li {
  font-size: 12px;
}

#right ul {
  padding-left: 2px;
  list-style-type: none;
  color: #404040;
}

.person {
  margin-top: -10px;
  font-size: 9pt;
  font-family: Geneva 'Trebuchet MS';
}

textarea {
  text-indent: 0px;
  text-align: left;
  cursor: left;
}

#email {
  margin-bottom: 6px;
  margin-top: 0px;
}

#textarea {
  margin-bottom: 6px;
}

#submit {
  margin-right: 6px;
}

.assignments {
  margin-bottom: 2px;
  margin-left: 20px;
  margin-top: 2px;
}

.assignments p {
  margin-top: -2px;
}

.companies {
  color: #575757;
  font-size: 15px;
  margin-left: 0px;
}

.description {
  font-size: 14px;
}

#method {
  float: left;
  width: 98%;
  padding: 0px 20px 0px 20px;
  margin: 0px;
}

#method p {
  font-size: 9pt;
  #font-size: 11.5pt;
  font-family: Geneva 'Trebuchet MS';
  line-height: 1.5em;
  color: #404040; /* 757575 */
  padding: 0px 0px 0px 0px;
  margin-left: 0px;
  margin-top: 12px;
  margin-bottom: 0px;
}

#method ul {
  float: left;
  font-size: 9pt;
  #font-size: 11.5pt;
  font-family: Geneva 'Trebuchet MS';
  color: #404040;
  padding: 0px 0px 30px 0px;
  margin: 20px 0px 0px 20px;
}

#vdiagram {
  float: left;
  width: 300px;
  padding: 20px 0px 0px 0px;
  margin: 0px 0px 30px 50px;
}

#list {
  float: left;
  width: 480px;
}

#method li {
  margin-top: 5px;
  line-height: 1.5em;
  color: #404040;
  padding-left: 0px;
}

#diagram {
  float: left;
  width: 98%;
  margin-left: 20px;
  margin-top: 0px;
  font-size: 14px;
  #font-size: 12pt;
  font-family: Geneva 'Trebuchet MS';
  color: #404040;
}

#diagram p {
  font-size: 8.5pt;
  #font-size: 10pt;
  font-family: Geneva 'Trebuchet MS';
  line-height: 1.5em;
  color: #404040; /* 757575 */
  padding: 0px 0px 0px 0px;
  margin-left: 3px;
  margin-top: 7px;
  margin-bottom: 0px;
}

.phases img {
  margin-left: 0px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.phases {
  margin-top: 12px;
  float: left;
  width: 147px;
  margin-right: 12px;
  padding-left: 0px;
}

#feedback {
  padding-top: 10px;
}