/* Start of CMSMS style sheet 'base_style' */
/*-------------*/
/*  Grid       */
/*-------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8,
.grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}
.grid_1 { width: 40px; }
.grid_2 { width: 100px; }
.grid_3 { width: 160px; } 
.grid_4 { width: 220px; }
.grid_5 { width: 280px; }
.grid_6 { width: 340px; }
.grid_7 { width: 400px; } 
.grid_8 { width: 460px; }
.grid_9 { width: 520px; }
.grid_10 { width: 580px; }
.grid_11 { width: 640px; }
.grid_12 { width: 700px; }
.grid_13 { width: 760px; }
.grid_14 { width: 820px; }
.grid_15 { width: 880px; }
.grid_16 { width: 940px;}
.push_1 { left: 60px; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  }
/*--------------*/
/*  Typography   */
/*--------------*/
body {
  font: 62.5%/1.9 "Helvetica Neue", Helvetica, Arial, sans-serif;
}  
h4 {
  font-size: 1.9em;
  }
h5 {
  font-size: 1.7em;
  }
h6 {
  font-size: 1.5em;
  }
dt {
  font-weight: bold;
}
a, a:visited { 
  text-decoration: none;
}
a:hover { 
  text-decoration: underline;
}
input.formInput {
  border: 1px solid #ccc;
  height: 17px;
}
textarea {
  border: 1px solid #ccc;
}
strong {
  font-weight: normal;
  font-style: italic;
}
/*--------------*/
/*  Structure   */
/*--------------*/
body {
  background: #fff;
  color: #333;
  }
#pageWrapper {
  width: 100%;
  }
.outerSection {
  width: 100%; 
  clear: both; 
  }
.section {
  width: 960px;
  margin: 0 auto;
  clear: both;
  }
.subSection {
  width: 100%;
  clear: both;  
  }
  
/*--------------*/
/*  Sections    */
/*--------------*/  
#branding {
  margin-top: 15px;
}
#logo {
  width: 475px;
  float: left;
}
#strapline {
  width: 443px;
  height: 77px;
  float: right;
}
#logo a {
   height: 77px;
   background: url(images/tmd/the-missing-dimension.gif) no-repeat left top;
   display: block;
   text-indent: -999em;
   text-decoration: none;
}
#strapline a {
   margin-top: 50px;
   height: 27px;
   background: url(images/tmd/intelligent-design.gif) no-repeat left top;
   display: block;
   text-indent: -999em;
   text-decoration: none;
}
#menuWrapper {
  padding: 10px 0 5px 0;
}
#menuWrapper a {
  text-decoration: none;
}
.menu {
  font-weight: bold;
}
#menuPrimary {
  font-size: 1.6em;
  height: 1.875em;
/*  border-width: 1px 0; */
  }
#menuPrimary a,
#menuPrimary a:visited {
  color:#777;
}
#menuSecondary  {
  font-size: 1.4em;
  height: 2.143em;
  border-style: solid;
  border-color: #ccc;
  border-width: 1px 0 0 0;
  line-height: 2.2em;
  }
ul.navigation li {
  float: left;
  display: inline;
  padding: 0 18px;
}
#menuSecondary a,
#menuSecondary a:visited {
  color:#888;
}
#menuPrimary a:hover,
#menuSecondary a:hover {
  color: #111;
}
#menuPrimary li.current a,
#menuSecondary li.current a {
  color: #700;
}
.banner160 {
  height: 160px;
  width: 938px;
  border: 1px solid #ccc;
  margin-top: 10px;
}

/* Footer */
#footerOuter {
  border-top: 1px solid #ccc;
  background: #eee;
  margin-top: 19px; 
}   
#footer {
  padding-top: 0.3em;
  font-size: 1.3em;
  line-height: 1.461em;
  }
#footer a,
#footer a:visited {
  color: #444;
  text-decoration: none;
  }  
#footer a:hover {
  text-decoration: underline;
  }  
#footer p,
#footerNews li {
  margin-bottom: 1.461em;
}  
ul.footerMenu {
  list-style: none;
  margin:0;
}  
.footerMenu li,
#footerNews li:first-child {
  margin:0;
  } 
.footerMenu li:first-child {
  font-weight: bold;
  } 
#copyright p {
  color: #aaa;
  margin: 0 0 1.461em 0;
}
/* 
  Main Content 
*/
#content {
  padding: 10px 0 0 0; 
}  
#content a,
#content a:visited {
  font-weight: bold;
  color: #700;
}
#content a:hover {
  text-decoration: underline;
}

#content em {
  color: #111;
  font-weight: normal;
  font-style: normal;
}

#mainContent h2
 {
  font-family: Georgia, "Times New Roman", Times, serif; 
 color: #700;
}
#mainContent p,
#mainContent ul,
#mainContent .focus p,
#mainContent blockquote p,
#rightContent p,
#rightContent dl,
.sideArticle ul,
#callbackForm #alert {
   font-size: 1.3em; 
   line-height: 1.461em;
}

#mainContent h2 {
  font-size: 1.9em;
  line-height: 1em;
  margin: 2em 0 1em 0;
  }
#mainContent h2 a,
#mainContent h2 a:visited {
  color: #700;
}
#mainContent h2.process {
  margin-top: 1em;
}
#mainContent p {
  margin: 1.461em 0;
  }
#mainContent blockquote {
 font-family: Georgia, "Times New Roman", Times, serif;
  margin: 1.9em 1em 0 1em;
  font-style: italic;
  }
#mainContent blockquote span {
  font-weight: bold;
  display: block;
  float: right;
}
#mainContent ul {
  list-style: disc;
  margin: 1.461em 0;
  }
#mainContent li {
  margin-left: 3em;
/*  margin-bottom: 1.461em; */
  }  
#mainContent ul h3 {
  font-size: 1em;
}
#mainContent div.focus {
  border-style: solid;
  border-color: #ccc;
  border-width: 1px 0; 
  background: #eee;
  padding: 0 1.9em;
  margin: 1.8em 0;
  color: #333;
}
/* 
  Side Content 
*/
#leftContent {
  text-align: right;
}
#leftContent h1 {
  font-family: Georgia, "Times New Roman", Times, serif; 
  color: #700;
  font-size: 2.5em;
  line-height: 1.52em;
  margin-top: 0.25em;
  } 
#contentDivider  {
  border-style: solid;
  border-color: #ccc;
  width: 18px;
  margin: 20px auto 0 auto;
  height: 1px;
  }
.sideArticle {
  margin-bottom: 1.8em;
  border-bottom: 1px solid #ccc;
}
.sideArticle blockquote {
  font-style: italic;
}
.sideArticle ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: 0 0 1.461em 0;
}
.sideArticle ul li {
  margin-left: 1.5em;
}
#sideAddress {
  margin-top: 1.9em;
}
#rightContent p {
  margin: 0 0 1.461em 0;
  }
#rightContent h2 {
  font-size: 1.5em;
  line-height: 1.267em;
  margin: 1.267em 0;
  color: #700;
}
#rightContent dd {
  margin-bottom: 1.461em;
} 
#callbackForm div p {
  font-size: 1.2em;
  line-height: 1.583em;
  margin: 0;
}
li.trap {
  display: none;
}
#callbackForm label {
  font-size: 1.3em;
  line-height: 1.461em;
  margin: 0;
}
form#callback {
  margin: 1.9em 0;
}
form#callback input {
  width: 158px;
}
form#callback li.submitButton {
  margin-top: 1.9em;
  text-align: right;
}
form#callback input#callback_send {
  font-size: 1.2em;
  margin-right: 0; 
/*  float: right; */
  width: 50%;
}
#rightContent .service {
  background: #eee;
  border: 1px solid #ccc;
  padding: 1.8em 0.75em;
  margin: 1.9em 0;
  }
#rightContent .service h3 {
  font-size: 1.7em;
  line-height: 1.118em;
  margin: 0;
}
#rightContent h3 a,
#rightContent h3 a:visited,
#rightContent .service h3 a,
#rightContent .service h3 a:visited {
  color: #700;
}
#rightContent .service p {
  font-size: 1.2em;
  line-height: 1.583em;
  margin: 0;
}
#rightContent .service:hover {
  cursor: pointer;
  border-color: #999;
}
#leftContentFooter {
  position: absolute;
  bottom: 14px;
  left: 0;
  display: none;
}
.logo {
  width: 107px;
  text-align: center;
}
#logoVivid {
  margin-bottom: 20px;
}
#map_canvas {
  width: 518px; 
  height: 266px;
  border: 1px solid #ccc;
  margin-bottom: 1.9em;
  }
.newsImage {
  width: 518px;
  border: 1px solid #ccc;
  margin-bottom: 1.9em;
}
#newsTmdPrevious {
  height: 418px;
}
#newsHms {
  height: 494px;
}
#contactForm {
  border: 1px solid #ccc;
  margin-bottom: 1.8em;
  padding: 0 19px;
}
#contactForm ul {
  list-style: none;
}
#contactForm p,
#contactForm ul li {
  margin: 1.461em 0;
}
#contactForm label {
  width: 15%;
  display: block;
  float: left;
}
#contactForm li.submitButton {
  text-align: right;
  width: 472px;
}
#contactForm input#contact_send {
  width: 90px;
  margin: 0;
}
#contactForm #alert ul {
  list-style: disc;
  margin: 0 19px;
}
#contactForm #alert li {
  margin:0;
}

label.textArea {
  vertical-align: top;
}
#contactForm textarea,
#contactForm input.formInput {
  width: 400px;
}
#makingChoices {
  height: 323px;
  width: 508px;
}
ul#mycarousel {
  margin:0;
}
#mycarousel li {
  margin-left: 0;
}
#graphicPortfolio {
  height: 435px; 
  margin: 1.8em 0;
  border: 1px solid #ccc;
  width: 100%;
  overflow: hidden;
  padding: 19px 0;
}
/*
#webPortfolioInner {
  height: 435px;
  width: 480px;
  overflow: hidden;
  margin: 0 auto;
  border: 1px solid #ccc;
}
*/
#graphicPortfolioInner {
  height: 435px;
  width: 480px;
  overflow: hidden;
  margin: 0 auto;
}
#portfolioThumbs {
  width: 100%;
  margin-top: 3.8em;
}
.portfolioThumb {
  margin: 0;
  float: left;
  width: 160px;
  height: 133px;
  text-align: center;
  font-size: 13px;
  line-height: 1.461em;
}
.photoThumb {
  margin: 0;
  float: left;
  width: 250px;
  height: 209px;
  text-align: center;
  font-size: 13px;
  line-height: 1.461em;
}
.portfolioThumb a img,
.photoThumb a img {
  border: 1px solid #ccc;
}
.middle {
  padding: 0 20px;
}
.left {
  padding-right: 20px;
}
#footer p.last {
  margin-bottom: 0;
}

/* End of 'base_style' */