/* ========== synapse_081406.css ============================================= */

/* ========== body =========================================================== */

body.synapse {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  margin: 0px 0px 0px 0px;
  color: #000000;
  background-color: #ffffff;
}

/* ========== headers========================================================= */

h1 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 13px;
  font-weight: bold;
  font-style: normal;
  margin: 10px 0px 10px 5px;
}

h2 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 14px;
  font-weight: bold;
  font-style: normal;
  margin: 0px 0px 14px 0px;
}

h3 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  font-style: italic;
  margin: 0px 0px 14px 0px;
  color: #ad9f25;
}
h4 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  font-style: normal;
  margin: 0px 0px 0px 40px;
  padding: 0px 0px 0px 0px;
  color: #797470;
}

/* ========== links ========================================================== */

a {
  text-decoration: none;
  color: #ad9f25;
}
a:hover {
  text-decoration: none;
  color: #797470;
}


/* ========== spans ========================================================== */
span.red {
  color: #cc0000;
  font-weight: bold;
}

/* ========== forms ========================================================== */
input {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 13px;
  font-weight: normal;
  font-style: normal;
  margin: 0px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
  width: 150px;
  color: #797470;
}
input.w90 {
  width: 90px;
}
select {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 13px;
  font-weight: normal;
  font-style: normal;
  margin: 0px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
  color: #797470;
}
select.w154 {
  width: 154px;
}
select.w143 {
  width: 143px;
}
input.checkbox {
  width: 20px;
  margin: 2px 2px 4px 0px;
}
textarea {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #797470;
}



/* ========== paragraphs ===================================================== */

p {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0px;
  text-decoration: none;
  font-weight: normal;
  margin: 0px 0px 14px 0px;
  padding: 0px 0px 0px 0px;
  color: #000000;
}
p.case-study {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0px;
  text-decoration: none;
  font-weight: normal;
  margin: 0px 20px 14px 0px;
  padding: 0px 0px 0px 0px;
  color: #000000;
}
p.form {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 11px;
  letter-spacing: 0px;
  text-decoration: none;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #000000;
}

p.side {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0px;
  text-decoration: none;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  color: #797470;
}
p.quote {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0px;
  text-decoration: none;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #797470;
}
p.quoter {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0px;
  text-decoration: italic;
  text-align: right;
  font-weight: normal;
  font-stle: italic;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #797470;
}
p.work-sample {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0px;
  text-decoration: italics;
  font-weight: none;
  margin: 5px 0px 20px 30px;
  padding: 0px 0px 0px 0px;
  color: #797470;
}

/* ========== lists ========================================================== */

ul {
  list-style: none;
  margin-top: 2px;
  margin-bottom: 10px;
  margin-left: 7px;
  padding: 0px;
}
li {
  margin-bottom: 3px;
  padding-left: 0em;
  margin-left: 0em;
  font-size: 11px;
  line-height: 12px;
}
ul.nav {
  list-style: none;
  padding: 2px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
li.nav {
  padding: 0px 20px 0px 0px;
  margin: 0px 0px 9px 0px;
  font-size: 10px;
  font-weight: bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #797470;
  line-height: 13px;
}
li.nav-selected {
  padding: 0px 20px 0px 0px;
  margin: 0px 0px 9px 0px;
  font-size: 10px;
  font-weight: bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #797470;
  line-height: 13px;
  background-image: url(../images/common/navarrow.gif);
  background-repeat: no-repeat;
  background-position: 177px 0px;
}
ul.menu {
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
li.menu {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 9px;
  float: right;
  font-size: 10px;
  font-weight: bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #797470;
  line-height: 10px;
}

/* ========== images ========================================================= */

img.padding64 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 64px;
  height: 40px;
  border: 0px;
}
img.padding53 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 53px;
  height: 40px;
  border: 0px;
}
img.padding35 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 35px;
  height: 40px;
  border: 0px;
}
img.logo {
  margin: 37px 0px 0px 32px;
  padding: 0px 0px 0px 0px;
  width: 171px;
  height: 55px;
  border: 0px;
}
img.corner {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 1px;
  height: 30px;
  border: 0px;
}
img.certified {
  margin: 0px 0px 12px 0px;
  padding: 0px 0px 0px 0px;
  width: 100px;
  height: 96px;
  border: 0px;
}
img.home {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 168px;
  height: 101px;
  float: left;
  border: 0px;
}
img.section-intro {
  margin: 0px 10px 15px 0px;
  padding: 0px 0px 0px 0px;
  width: 168px;
  height: 101px;
  float: left;
  border: 0px;
}
img.section-about-team {
  margin: 3px 10px 10px 25px;
  padding: 0px 0px 0px 0px;
  width: 195px;
  height: 110px;
  float: right;
  border: 0px;
}
img.section-about-close {
  margin: 3px 15px 5px 0px;
  padding: 0px 0px 0px 0px;
  width: 170px;
  height: 108px;
  float: left;
  border: 0px;
}
img.work-sample {
  margin: 0px 0px 0px 30px;
  padding: 0px 0px 0px 0px;
  width: 150px;
  border: 0px;
}
img.arrow {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 27px;
  float: left;
  border: 0px;
}

/* ========== divs =========================================================== */

div.body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 810px;
  height: 700px;
  background-image: url(../images/common/blueprint.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}
div.side {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 241px;
  height: 600px;
}
div.padding64 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 64px;
  height: 80px;
}
div.padding53 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 53px;
  height: 80px;
}
div.padding35 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 35px;
  height: 80px;
}
div.nav {
  margin: 45px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 164px;
  width: 188px;
  height: 100px;
}
div.certified {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 152px;
  height: 160px;
}
div.contact {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 152px;
  height: 120px;
}
div.testimonial {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 152px;
  height: 40px;
}
div.main {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 480px;
}
div.menu {
  margin: 31px 0px 40px 0px;
  padding: 0px 0px 0px 0px;
  width: 495px;
  height: 19px;
}
div.border-top-left {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  clear: both;
  float: left;
  width: 240px;
  height: 30px;
  background-color: #e3e4e9;
  background-image: url(../images/common/corner_tl.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
div.border-top-right {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 240px;
  float: left;
  height: 30px;
  background-color: #e3e4e9;
  background-image: url(../images/common/corner_tr.gif);
  background-repeat: no-repeat;
  background-position: top right;
}
div.content {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 480px;
  background-color: #e3e4e9;
}
div.page {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 408px;
  background-color: #e3e4e9;
}
div.border-bottom-left {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 240px;
  height: 30px;
  background-color: #e3e4e9;
  background-image: url(../images/common/corner_bl.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}
div.border-bottom-right {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 240px;
  height: 30px;
  background-color: #e3e4e9;
  background-image: url(../images/common/corner_br.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}
div.container {
  margin: 0px 0px 14px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 410px;
  background-color: #e3e4e9;
}
/*
  background-image: url(../images/home/solutionboxarrow.gif);
  background-repeat: no-repeat;
  background-position: top right;
*/
div.solution {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 213px;
  height: 101px;
  color: #797470;
  background-color: #ffffff;
}


/* ========== tables ========================================================= */
table.section {
  padding: 0px 0px 0px 0px;
  width: 408px;
}
td.case-study {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  width: 218px;
}
td.case-study-2col {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  width: 408px;
}
td.work-sample {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  width: 180px;
  border-left: 1px solid #bbb;
}

/* ============== Portfolio ====================================================== */
#projects_wrapper {
width:400;
float:left;
width:100%;
}

#projects_sidenav {
float:left;
display:inline;
margin: 0px 20px 0px 0px;
height:100%;
}

.projects_thumbs {
float:left;
padding:5px;
width:45px;
}

.iframe {
float:left;
width:380px;
}