/* selector overrides */ 
body {
  background: #F5F5F5 url('../images/main-bg.png') fixed;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  text-align: center;
}

h1 {
  margin-bottom: 5px;
  color: #981821;
  font-family: 'VegurRegular';
  font-size: 1.8em;
  font-weight: normal;
  text-transform: uppercase;
}

h2 {
  padding: 8px 0px;
  margin: 8px 0px;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}

a {
  text-decoration: none;
  color: #35b3d3;
}

a:hover {
  color: #0a8cb3;
}

p, td {
  font-size: 1.3em;
  line-height: 1.6em;
  color: #545454;
  margin-bottom: 15px;
}

/* sections */
#container {
  width: 1024px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  background-color: #FFFFFF;
}

#container-inner {
  width: 955px;
  margin: 0 auto;
  background-color: #FFFFFF;
  border: 1px solid transparent;
}

#header {
  position: fixed;
  width: 955px;
  margin-top: -1px;
  padding-top: 40px;
  background-color: #FFFFFF;
  z-index: 100;
}

#header #logo {
  margin-bottom: 40px;
}

#header #main-navigation {
  position: relative;
  border-bottom: 2px solid #444444;
  margin-bottom: 10px;
}

#header #main-navigation li {
  display: inline;
}

#header #main-navigation li a {
  display: block;
  float: left;
  text-transform: uppercase;
  margin-right: 30px;
  color: #444444;
  font-size: 1.3em;
  font-weight: bold;
  height: 17px;
  border-bottom: 2px solid #FFFFFF;
}

#header #main-navigation li a:hover,
#header #main-navigation li a.current-link {
  color: #AA1C1C;
  border-bottom: 2px solid #444444;
}

#header #main-navigation a.twitter-link {
  position: absolute;
  right: 0px;
  top: -4px;
}

/* content area */
#content {
  position: relative;
  margin-top: 140px;
}

#content .project-entry {
  padding: 40px 0px 50px 0px;
  border-bottom: 1px solid #999999;
}

#content .project-entry .project-description {
  position: relative;
  width: 260px;
  height: 385px;
  margin-right: 30px;
  margin-top: 8px;
}

#content .project-entry .project-description a {
  padding: 5px 10px;
  color: #FFFFFF;
  background-color: #35b3d3;
  text-transform: uppercase;
  font-weight: bold;
}

#content .project-entry .project-description a:hover {
  background-color: #0a8cb3;
}

#content .project-entry .project-description .project-navigation {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

#content .project-entry .project-description .project-navigation a {
  padding: 0px;
  font-size: 1.0em;
  font-weight: bold;
  color: #343434;
  text-transform: uppercase;
  background-color: transparent;
}

#content .project-entry .project-description .project-navigation a:hover {
  color: #981821;
}

#content .project-entry .project-screenshot {
  float: right;
}

#content .project-entry .project-screenshot img {
  width: 660px;
}

/* home section */
#content #home {
  clear: both;
  padding: 42px 0px 22px 0px;
  border-bottom: 1px solid #999999;
  position: relative;
}

#content #home p {
  color: #444444;
  font-family: 'GnuolaneRegular';
  font-size: 5.2em;
  font-weight: normal;
  line-height: 1.1em;
  text-transform: uppercase;
}


/* about us section */
#content #about img {
 margin-bottom: 30px;
}

#content #about .employee {
  position: relative;
}

#content #about .employee a.linkedin {
  position: absolute;
  top: -3px;
  right: 0px;  
}

#content #about .employee h1 {
  color: #000000;
  font-size: 1.4em;
}

/* news section */
#content #news ul {
  margin-bottom: 15px;
}

#content #news ul li {
  list-style-type: circle;
  font-size: 1.2em;
  line-height: 1.6em;
  color: #343434;
  margin-left: 25px;
}

#content #news ul.twitter li {
  list-style-type: none;
  color: #555555;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  border-bottom: 1px dotted #DEDEDE;
}


/* services section */
#content #services img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}


/* footer */
#footer {
  position: relative;
  margin-top: 15px;
  border-top: 2px solid #444444 !important;
}

#footer p {
  color: #444444;
  font-size: 1.1em;
  font-weight: bold;
}

#footer .top {
  position: absolute;
  top: 10px;
  left: 0px;
}

#footer .top a {
  color: #343434;
}

#footer .copyright {
  position: absolute;
  top: 10px;
  right: 0px;
}

/* push */
#push {
  height: 100px;
}

/* form */ 
input, textarea {
  display: block;
  width: 368px;
  height: 20px;
  padding: 2px;
  padding-left: 70px;
  margin-bottom: 10px;
  border: 1px solid #DEDEDE;
}

textarea {
  width: 420px;
  height: 120px;
  padding: 25px 10px 10px 10px;
}

input.form-submit {
  width: 160px;
  height: 30px;
  margin-top: 15px;
  padding: 8px 10px;
  color: #FFFFFF;
  border: none;
  background-color: #981821;
  text-transform: uppercase;
  font-weight: bold;
}

input.form-name {
  background: url('../images/form-name.png') no-repeat 5px 5px;
}

input.form-email {
  background: url('../images/form-email.png') no-repeat 5px 5px;
}

input.form-subject {
  background: url('../images/form-subject.png') no-repeat 5px 5px;
}

textarea.form-message {
  background: url('../images/form-message.png') no-repeat 5px 5px;
}

input.required, textarea.required {
  background-color: #FEEAE5;
}


/* generics */ 
.column {
  float: left;
}

.quarter {
  width: 200px;
  margin-left: 50px;
}

.thirds {
  width: 269px;
  margin-right: 50px;
}

.double {
  width: 630px;
  margin-right: 50px;
}

.half {
  width: 450px;
  margin-right: 50px;
}

.section {
  padding: 50px 0px 35px 0px;
}

.divider {
  background: transparent url('../images/divider.png') no-repeat;
  width: 955px;
  height: 17px;
}

.group:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

*:first-child+html .group {
  zoom: 1;
} /* IE7 fix */

.no-margin {
  margin: 0px !important;
}

.no-border {
  border: none !important;
}

.clearfix {
  clear: both;
}



/* fonts */ 
@font-face {
  font-family: 'VegurRegular';
  src: url('fonts/vegur-r_0.602-webfont.eot');
  src: url('fonts/vegur-r_0.602-webfont.eot?iefix') format('eot'),
       url('fonts/vegur-r_0.602-webfont.woff') format('woff'),
       url('fonts/vegur-r_0.602-webfont.ttf') format('truetype'),
       url('fonts/vegur-r_0.602-webfont.svg#webfontNGmgVRLQ') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'VegurLight';
  src: url('fonts/vegur-l_0602-webfont.eot');
  src: url('fonts/vegur-l_0602-webfont.eot?iefix') format('eot'),
       url('fonts/vegur-l_0602-webfont.woff') format('woff'),
       url('fonts/vegur-l_0602-webfont.ttf') format('truetype'),
       url('fonts/vegur-l_0602-webfont.svg#webfontZhKgUwMw') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GnuolaneRegular';
  src: url('fonts/gnuolane_rg-webfont.eot');
  src: url('fonts/gnuolane_rg-webfont.eot?@iefix') format('embedded-opentype'),
       url('fonts/gnuolane_rg-webfont.woff') format('woff'),
       url('fonts/gnuolane_rg-webfont.ttf') format('truetype'),
       url('fonts/gnuolane_rg-webfont.svg#webfontTV9Olmrw') format('svg');
  font-weight: normal;
  font-style: normal;
}