/*----------------------------------------------------------------------------- 
GLOBAL RESET - Standardizes elements across all browsers
-----------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, samp, small, 
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*----------------------------------------------------------------------------- 
GLOBAL STYLING - Elements that are applied throughout the site
-----------------------------------------------------------------------------*/
body {
  font-size: 62.5%;
  font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
  background: url('/images/bgr-body.png') repeat-y;
  width: 960px;
  color: #29323b;
  border-top: 5px solid #435b70;
}
a {
  color: #336e91;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


/*----------------------------------------------------------------------------- 
WRAPPER
-----------------------------------------------------------------------------*/
#wrapper {
  border-top: 5px solid #353f48;
}


/*----------------------------------------------------------------------------- 
SIDEBAR
-----------------------------------------------------------------------------*/
#sidebar {
  padding: 20px;
  width: 175px;
  text-shadow: 0px 1px 0px #f3f7fa;
  float: left;
}
#sidebar h2 {
  font-size: 1.8em;
  margin: 15px 0 3px 0;
}
#sidebar p, #sidebar ul {
  color: #4d5964;
  font-size: 1.3em;
  line-height: 1.3em;
  margin-bottom: 10px;
}
h1 {
  background: url('/images/img-logo.png') no-repeat;
  width: 152px;
  height: 38px;
  display: block;
  text-indent: -9999em;
}


/*----------------------------------------------------------------------------- 
PROJECT LISTING
-----------------------------------------------------------------------------*/
#content {
  float: left;
  padding: 25px 28px;
  overflow: hidden;
}
#content li {
  margin-bottom: 30px;
  width: 686px;
}
#content li .main_image {
  position: relative;
  text-align: center;
  padding: 0 0 0 0;
}
#content li .border {
  background: url('../images/bgr-border.png') no-repeat;
  width: 686px;
  height: 181px;
  position: absolute;
  left: 0;
  display: block;
}
#content li .border:hover {
  background-position: 0 -181px;
}
#content li .main_image img {
  margin: 7px 0 0 1px;
}
#content li h3 {
  font-size: 2.6em;
  text-shadow: 0px 1px 0px #fff;
  margin: 10px 0 0 5px;
  float: left;
}
#content li .services {
  float: right;
  margin-top: 18px;
  font-size: 1.3em;
  text-shadow: 0px 1px 0px #fff;
  font-style: italic;
  color: #4d5964;
}
.viewsite {
  background: url('/images/btn-viewsite.png') no-repeat;
  width: 80px;
  height: 19px;
  display: block;
  text-indent: -9999em;
  float: left;
  margin: 16px 0 0 8px;
}
.viewsite:hover {
  background-position: 0 -19px;
}

/*----------------------------------------------------------------------------- 
HACKS - Global browser hacks to make everybody play nice
-----------------------------------------------------------------------------*/
#wrapper:after, #content li:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#wrapper, #content li {display:inline-block;}
/* Hide from IE Mac \*/
#wrapper, #content li {display:block;}
/* End hide from IE Mac */