/* Razorthink - Global
============================================================================= */

/* Reset
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, button {
  font-size: 100%;
	vertical-align: baseline;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	
}

ul {list-style: none;}

ul.inbody {list-style:circle inside;padding-left:10px}

a img { border: none; }

button {
  display: block;
  cursor: pointer;
}

a span, h1 span, h2 span, h4 span, h5 span, button span {
  display: none;
}





p.arrow {
  background: url(../images/arrow-circle.gif) 0 3px no-repeat;
  padding-left: 22px;
  margin-top: 10px;
}

#infographics p {line-height:20px;}

p.tweet-date {
  font: normal 11px/20px Tahoma, Arial, Helvetica, Sans-Serif;
  color: #8db739;
  border-bottom: 1px dotted #c6c4ba;
  padding-bottom: 9px;
  margin-bottom: 10px;
}

p.phone {
  background: url(../images/phone.gif) 0 5px no-repeat;
  padding-left: 13px;
}

p.email {
  background: url(../images/email-icon.gif) 0 7px no-repeat;
  padding-left: 18px;
}

p.twitter {
  background: url(../images/twitter-icon.gif) 0 4px no-repeat;
  padding-left: 14px;
}

p.flickr {
  background: url(../images/facebook-icon.gif) 0 4px no-repeat;
  padding-left: 16px;
}

p.phone, p.email, p.twitter, p.flickr {
  margin-top: 20px;
}
.left-border { border-left: 1px dotted #807A67;}




#footer li {float: left;}

/* Links
------------------------------------------------------------------------------*/

a, p a, li a, h2 a {color: #4da1bd;}
a:hover, p a:hover, li a:hover, h2 a:hover {color: #A53A1E;}

a.underline {border-bottom: 1px dotted #bbdde8;}
a.underline:hover {border-bottom: none;}

ul#navigation a {color: #f0f7e2; font-weight:bold;}

ul#navigation a:hover {
  color: #fff;
  border-bottom: 1px dotted #b3ce7f;
}

a.work {
  display: block;
  background: url(../img/typography/links/work.gif) 0 0 no-repeat;
  width: 70px;
  height: 23px;
  margin: 35px 0 11px 0;
}

a.work:hover {background-position: 0 -23px;}

/* Columns
------------------------------------------------------------------------------*/

/* Grid floating and margins */
.column, div.span-1, div.span-2, div.span-3,  div.span-4, div.span-5, div.span-6,
div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {
  float: left;
  margin-right: 25px;
  display: inline;
}
div.span-16 {margin-right:0px; float:left;} 
div.span-13{margin-right:0px; float:left; width: 310px;}

/* Use these classes to set the width of a column */

.span-1 {width: 58px;}
.span-2 {width: 142px;}
.span-3 {width: 226px;}
.span-16 {width: 190px;}
.span-5 {width: 290px; padding:0px 10px; min-height:250px;}
.span-6 {width: 478px;}
.span-7 {width: 562px;}
.span-8 {width: 646px;}
.span-9 {width: 730px;}
.span-10 {width: 814px;}
.span-11 {width: 898px;}
.span-12 {width: 982px;}


/* Apply to columns and elements to eliminate right margins */

div.last, .last {
  margin-right: 0;
  }

/* Layout
------------------------------------------------------------------------------*/

/* General */

body {
  
  text-align: center;
  margin: 0 auto;
  padding-bottom: 34px;
}

#header {
  position: relative;
  height: 80px;
  width: 982px;
  z-index: 2;
  background:#000;
}

#header #logo {
  display: inline;
  float: left;
  width: 263px;
}

#page-container {
  width: 982px;
  margin: 0 auto;
  text-align: left;
  position:relative;
}
#current-content, #new-content {
    width: 982px;
} 

#content {
  position: relative;
  height: 1%;
  border-bottom: 1px solid #807a67;
  padding-bottom: 34px;
}

/* Navigation */

ul#navigation {
  color: #deefbc;
  line-height: 25px;
  position:absolute;
  right: 10px;
  top: 45px;
  z-index: 9999;
}

ul#navigation li {
  float: left;
}

ul#navigation li.last {
  background: none;
  padding: 0;
  margin: 0;
}
#navigation a {
  float: left;
  padding: 6px 10px;
  font-size:12px;
}
ul#navigation a.main-navigation-active {
  background: url(../images/nav-active-black.gif) center 29px no-repeat;

}
ul#navigation a.main-navigation-active:hover {
    border: none;
}

/* Footer */

#footer {
  font: normal 11px/20px Tahoma, Arial, Helvetica, Sans-Serif;
  text-align: left;
  margin-top: 1px;
  padding-top: 20px;
  border-top: 1px solid #c6c4ba;
}



/* Homepage Layout
------------------------------------------------------------------------------*/

#content-home {

  border-bottom: 1px solid #807a67;
}


#content-home .column-right {
  float: left;
  width: 284px;
  padding-left: 26px;
 border-left: 1px dotted #807a67;
  padding-bottom: 10px;
}

#content-home .right-panel {
  float: left;
  width: 304px;
  padding-left: 26px;
 
  padding-bottom: 34px;
}

/* Hero */

#hero-container {
  width: 100%;
  border-bottom: 1px solid #807a67;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  height: 399px;
  overflow: hidden;
}

.hero-wrapper {
  height: 258px;
  padding-top: 141px;
  width: 100%;
}

ul#hero-frames {
  z-index: 100;
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 75px;
}

ul#hero-frames li {
  float: left;
  margin-left: 5px;
}

ul#hero-frames li a {
  display: block;
  width: 20px;
  height: 20px;
}



/* Infographics */
.contnt-wrap {width:646px; float:right; min-height:500px;}
.span-5  p, .span-8 p {margin:0px 0px 10px; padding:0px;}
.contnt-wrap .span-8 {width:631px; padding-right:15px;}
.col-contnt-left p {line-height:22px;}
.span-5  p.arrow {padding-left:25px;}
/* Work Layout
------------------------------------------------------------------------------*/

/* Slideshow */
.slideshow { margin:0px; width:983px; height:399px;}
.slideshow  .slide-banner1 { width:450px; top:280px; margin-top:30px;}
.slideshow  .slide-banner2 { width:450px; top:50px;}
.slideshow  .slide-banner1  p, .slideshow  .slide-banner2  p {margin-top:10px; line-height:22px; font-size:14px; }
.slideshow  .slide-banner1  h1, .slideshow  .slide-banner2  h1 {margin-top:10px; height:53px; }
#nav {position:absolute; bottom:20px; right:10px; z-index:10;}
#nav a { width:20px; height:20px; text-align:center; background:url(../images/slide-bg.gif) no-repeat; text-decoration: none; margin: 0 5px; padding: 3px 7px 4px;  }
#nav a.activeSlide {background:url(../images/arrow.jpg) no-repeat;}
#nav a:focus { outline: none; }