/*************** Internal Pages *****************/

/* Intro */
div.intro {
  background: url(/images/lines-dots.png) no-repeat 500px -80px;
  margin: 7px 0 0 0;
  float: left;
  width: 100%;
  height: 130px;
}
div.fixed-wrap{
  width: 960px;
  margin: 0 auto;
  height: 100%;
}
div.intro h1 {
  color: #fffcf1; /* Off White */
  margin-left: 80px;
}
div.intro p {
  font-size: 1.7em;
  color: #1d1c18;
  margin: 0 0 0 80px;
  min-width: 675px;
}
div.intro-btm {
  float: left;
  width: 100%;
  height: 11px;
}

/* Layout  */

div.sidebar {
  margin: 1em 0 0 3%;
  width: 30%;
  float: left;
}
div.divider {
  width: 7%;
  height: 960px;
  float: left;
  margin: 2em 3em;
}
div.main {
  margin: 1em 0;
  width: 48%;
  float: left;
}
div.main p {
  padding-left: 3.5em;
}
/*  Services  */

div#services {
  clear: both;
  width: 100%;
  background: #fffcf1 url(/images/bg-blue2.png) repeat-x 0 0;
  float: left;
}
div#services h1 {
  color: #fffcf1; /* Off White */
}
div#services h2 {
  color: #454545;/* Dark Grey*/
}
div#services h3 {
  color: #6ba6bb;/*Brand Blue*/
}
div#services h4 {
  color: #476D7B;
}
div#services h5 {
  color: #6BA6BB;
  padding: 0;
}
div#services .sidebar img {
  clear: left;
  border: 3px solid #6ba6bb;/*Brand Blue*/
  width: 270px;
  margin-bottom: 3em;
}
div.imagery {
  width: 270px;
  height: 135px;
  border: 3px solid #6ba6bb;/*Brand Blue*/
  margin-bottom: 3em;
}
div#img1 {
  background: transparent url(../images/splash/tailor.jpg) no-repeat 0 0;
}
div#img1:hover {
  background: transparent url(../images/splash/tailor-hover.jpg) no-repeat 0 0;
}
div#img2 {
  background: transparent url(../images/splash/fire-fighting.jpg) no-repeat 0 0;
}
div#img2:hover {
  background: transparent url(../images/splash/fire-fighting-hover.jpg) no-repeat 0 0;
}
div#img3 {
  background: transparent url(../images/splash/metamorphosis.jpg) no-repeat 0 0;
}
div#img3:hover {
  background: transparent url(../images/splash/metamorphosis-hover.jpg) no-repeat 0 0;
}
div#img4 {
  background: transparent url(../images/splash/solar.jpg) no-repeat 0 0;
}
div#img4:hover {
  background: transparent url(../images/splash/solar-hover.jpg) no-repeat 0 0;
}
div#services .sidebar p {
  font-size: 1.4em;
  margin: .2em 0;
}
div#services .sidebar a {
  background: ;
}
div#services .sidebar a:hover {
}
div#services .main {
  padding-top: 65px;
}
h3#chrome1 {
  color:;
}
h3#chrome2 {
  color: #6EAAD2;
}
h3#chrome3 {
  color: #4E8088;
}
h3#chrome4 {
  color: #343A3B;
}

div#div-green {
  background: transparent url(../images/splash/div-green.png) no-repeat 0 0;
}
div.main img.icon {
  float: left;
  width: 48px;
  height: 48px;
}
div#services div.main h3 {
  padding: 24px 0 0 50px;
}
/*
div.main h3#terminal {
  background: transparent url(../images/splash/terminal.png) no-repeat 0 0;
}
div.main h3#browser {
  background: transparent url(../images/splash/browser.png) no-repeat 0 0;
}
div.main h3#iphone {
  background: transparent url(../images/splash/iphone.png) no-repeat 0 0;
}
div.main h3#desktop {
  background: transparent url(../images/splash/desktop.png) no-repeat 0 0;
}*/

/* About */
div#about {
  clear: both;
  float: left;
  background: #fffcf1 url(/images/bg-green.jpg) repeat-x 0 0;
  min-width: 960px;
  width: 100%;
}
div#div-blue {
  background: transparent url(../images/splash/divider.png) no-repeat bottom left;
}
div#about h1 {
  color: #fffcf1; /* Off White */
}
div#about h3 {
  color: #6F8924;/*Bright Green*/
}
div#about h4 {
  color: #60771f;/*Dark Green*/
  padding: 0;
}
div#about h5, div#about h5 a {
  color: #6F8924;/*Bright Green*/
  padding: 0;
}
div#about h6 {
  
}

div.people img.headshot {
  margin: 0 .8em 1em 0;
  border: 3px solid #6F8924;/*Bright Green*/
  float: left;
  width: 145px;
}
div.people a {
  color: #6F8924;/*Bright Green*/
}
div#people-description p {
  clear: left;
  font-size: 1.4em;
  line-height: 1.3em;
}
div#people-description p em{
  top-padding: 1em;
}

div.people-links a {
  text-decoration: none;
  padding-right: .5em;
}
div.people-links h3 {
  color: #2f2f2f;
}
div.people-linkbox h5 {
  padding: 0 0 .3em 0;
}
div.people-linkbox {
  background: transparent url(/images/splash/green-box.gif) no-repeat 0 0;
  padding: 4px 0;
  width: 288px;
  height: 50px;
}
div.people-linkbox img {
  margin: 0 5px 5px 5px;
  vertical-align: middle;
}
div.people-linkbox p {
  padding: 7px 0 0;
  line-height: 80%;
  font-size: 14px;
}
div.people-links {
  float: left;
  margin: 0 0 30px;
}

div.content-photo {
  float: left;
  padding: 0 1em 1em 0;
}
div#about div.main h3 {
  padding: 12px 0 0 55px;
}
/* Portfolio */

div#portfolio {
  clear: both;
  float: left;
  background: #fffcf1 url(/images/bg-orange.jpg) repeat-x 0 0;
  min-width: 960px;
  width: 100%;
}
div#portfolio h1 {

}
div#portfolio h2 {
  padding-left: 3%;
}
div#portfolio h3 {
  color: #EB9400;
}
div#portfolio a {
  color: #eb9400;
}
div.piece {
  clear: both;
  float: left;
  width: 100%; 
  margin: 4% 0; 
}
div.piece#first-piece {
  margin-top: 1em
}
div#portfolio div.piece h3 {
  padding-top: 1em;
}
div.description {
  float: left;
  width: 26%;
  padding-left: 3%;
}
div#portfolio .feat-slides {
  width: 63%;
  margin: 0 3%;
  float: left;
}
.feat-slides img{
  border: 3px solid #EB9400;
}
div.more-slides {
  display: none;
}
div.divider-hz {
  clear: both;
  background: transparent url(/images/splash/divider-ht.png) no-repeat 0 0;
  height: 40px;
  margin: 3em 0;
  width: 100%;
}
div#final {
  clear: both;
  background: transparent url(/images/splash/divider-hz.png) no-repeat 0 0;
  height: 70px;
  margin: 1em 0;
}
ul.other-clients {
  float: left;
  width: 97%;
  margin: 1em 0;
  padding-left: 3%;
}
ul.other-clients li { 
  float: left;
  width: 33%;
  display: block;
}
ul.other-clients h2 {
  padding: 0;
  margin: 0;
}
ul.other-clients h3 {
  padding-top: .5em;
}

/*  Process  */

div#process {
  clear: both;
  float: left;
  min-width: 960px;
  background: #fffcf1 url(/images/bg-red.jpg) repeat-x 0 0;
  width: 100%;
}
div#process h1 {
}
div#process h2 {
  color: #454545;
}
div#process h3 {
  color: #bc5e1b;/*Bright Red*/
}
div#process h4 {
  color: #aa5518;/*Deep Red*/
}
div#process h5 {
  color: #bc5e1b;/*Bright Red*/
  padding-top: 0;
}
div#process a {
  color: #aa5518;/*Deep Red*/
  
}
div.testimonial img {
  margin: 0 .8em 1em 0;
  border: 3px solid #aa5518;/*Deep Red*/
  float: left;
  width: 145px;
}
div.testimonial p {
  font-size: 1.4em;
  line-height: 1.3em;
}
div.testimonial a {
  color: #bc5e1b;/*Bright Red*/
}
ul.bavolek {
  color:#3D3D3D;
  font-size: 1.4em;
}
div#div-red {
  background: transparent url(/images/splash/div-red.png) no-repeat 0 0;
}
div#process div.main h3 {
  padding: 5px 0 0 55px;
}

/* Blog */

div#blog {
  clear: both;
  float: left;
  min-width: 960px;
  background: #fffcf1 url(/images/bg-purple2.gif) repeat-x 0 0;
  width: 100%;
}
div#blog h1 {
}
div#blog h2 {
  color: #454545;
}
div#blog h3 {
  color: #8d3db3;/*Bright Purple*/
}
div#blog h4 {
  color: #454545;
  /*color: #6d2f8a;Deep Purple*/
}
div#blog h5 {
  color: #6d2f8a;/*Bright Purple*/
  padding-top: 0;
}
div#blog .sidebar {
  width: 58%;
}
div#blog .main {
  width: 25%;
}
div#blog a {
  color: #6d2f8a;/*Deep Purple*/
}
div#blog #rss {
  float:right;
  display: relative; 
}
div#blog #rss img {
  margin-bottom: 0px;
}
div#blog #rss span {
  font-size: 150%;
  color: #fff;
}
div#blog em  {
  font-size: 170%;
  background-color: #FFFECA;
  padding: 0 0.2em;
}
div#blog em, dfn {
  font-style:italic;
}

div#blog #stock {
  padding: 5px;
  margin-left: 115px;
  border: 3px solid #6d2f8a;
}
div#div-purple {
  background: transparent url(/images/splash/div-purple.png) no-repeat 0 0;
}


/*  Splash  */ 

#greenling img {
  margin: 2em 0 0 0;
}
#dots {
  width: 40%;
}