/* ----------------------------------- */
/* ---------->>> global <<<----------- */
/* ----------------------------------- */
body {
  background: url('../images/background.png') left top repeat;
  color: #666; }
  
#overlay {
  background-color: rgb(17, 17, 17);
  opacity: 0.7;
  z-index: 950;
  position: absolute;
  left: 0;
  top: 0;
}

#frame {
  font-size: 1.2em;
  margin: 15px auto 0;
  width: 960px; }

/* ----------------------------------- */
/* ---------->>> header <<<----------- */
/* ----------------------------------- */
header nav {
  float: right; }
  header nav ul li {
    display: inline;
    font-size: 1.4em;
    margin-left: 10px; }
    header nav ul li a:hover {
      color: #009E45;
      text-decoration: none; }
    header nav ul li a:visited {
      color: #999;
      text-decoration: none; }
    header nav ul li a:visited:hover {
      color: #009E45; }
header #logo {
  background: url('../images/logo.png') 0 0 no-repeat;
  display: block;
  height: 85px;
  width: 470px;
  text-indent: -3000px; }
  header #logo:hover {
    background-position: 0 -85px; }

/* ----------------------------------- */
/* ---------->>> #intro <<<----------- */
/* ----------------------------------- */
#intro {
  position: relative;
  margin-top: 15px;
  width: 960px; }
  #intro .top {
    background: transparent url('../images/intro_bg.png') top left no-repeat;
    color: #fff;
    height: 325px;
    width: 960px; }
    #intro .top .intro-content {
      margin: 40px 0 0 45px;
      width: 480px; }
      #intro .top .intro-content h1 {
        line-height: 1.2;
        font-size: 2.7em;
        font-weight: 300;
        text-shadow: 0px 1px 4px #333; }
      #intro .top .intro-content p {
        line-height: 1.5;
        font-size: 1.6em;
        font-weight: 200;
        margin-top: 15px;
        margin-bottom: 20px;
        text-shadow: 0px 1px 10px #333; }
      #intro .top .intro-content a#learn-more {
        background: url('../images/learn_more_btn.png') left top no-repeat;
        display: block;
        height: 42px;
        position: relative;
        text-indent: -3000px;
        width: 143px; }
        #intro .top .intro-content a#learn-more:hover {
          background-position: 0 -42px; }
        #intro .top .intro-content a#learn-more:active {
          bottom: 1px; }
    #intro .top .intro-slider {
      margin-left: 35px;
      margin-top: 40px; }
      #intro .top .intro-slider #slides {
        background: url('../images/slider_bg.png') left top no-repeat;
        height: 241px;
        position: relative;
        width: 361px; }
        #intro .top .intro-slider #slides .slide a {
          height: 225px;
          position: absolute;
          left: 8px;
          top: 8px;
          width: 345px; }
        #intro .top .intro-slider #slides #home a {
          background: url('../images/slider_home.png') left top no-repeat; }
        #intro .top .intro-slider #slides #video a {
          background: url('../images/sch_video_placeholder.png') left top no-repeat; }
        #intro .top .intro-slider #slides #mobile a {
          background: url('../images/slider_mobile.png') left top no-repeat; }
        #intro .top .intro-slider #slides #graphs a {
          background: url('../images/slider_graphs.png') left top no-repeat;
          top: 8px;
          left: 8px; }
      #intro .top .intro-slider .slide-selector {
        float: right;
        margin: 2px 5px 0 0; }
        #intro .top .intro-slider .slide-selector a {
          background: url('../images/slide_selector_icons.png') left top no-repeat;
          display: block;
          float: left;
          width: 20px;
          height: 20px;
          text-indent: -3000px;
          position: relative; }
        #intro .top .intro-slider .slide-selector a.activeSlide {
          background-position: -20px 0; }
        #intro .top .intro-slider .slide-selector a.activeSlide:hover {
          background-position: -20px 0; }
        #intro .top .intro-slider .slide-selector a:hover {
          background-position: -40px 0; }
        #intro .top .intro-slider .slide-selector a:active {
          top: 1px; }
  #intro .request {
    background-color: rgb(226, 226, 226);
    background-color: rgba(217, 217, 217, 0.5);
    color: #999;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    font-size: 2em;
    font-weight: 200;
    line-height: 42px;
    padding: 15px 45px;
    text-align: right; }
    #intro .request p {
      float: right; }
    #intro .request a#request-demo {
      background: url('../images/request_btn.png') left top no-repeat;
      display: block;
      float: right;
      height: 42px;
      margin: 0 0 0 30px;
      position: relative;
      width: 345px;
      text-align: left;
      text-indent: -3000px; }
      #intro .request a#request-demo:hover {
        background-position: -345px 0; }

#content {
  margin-top: 55px; }
  #content h1 {
    color: #666;
    font-size: 3.5em;
    font-weight: 200;
    margin-bottom: 25px; }
  #content h2 {
    color: #348D4C;
    font-size: 2.67em;
    font-weight: 200;
    margin: 0.75em 0; }
  #content h3 {
    color: #666;
    font-size: 2em;
    font-weight: normal; }
  #content p {
    font-size: 1.5em;
    line-height: 1.5; }
  #content ul {
    font-size: 1.5em;
    line-height: 1.5;
    margin: 1em 0; }
	#content dl#team {
		font-size: 1.5em;
		line-height: 1.3;
		margin: 1em 0;
	}
		#content dl#team dt {
			color: #666;
			font-size: 1.4em;
			font-weight: 200;
			margin-bottom: 0.3em;
		}
		#content dl#team dd {
			color: #999;
			font-size: 1em;
			line-height: 1.5;
			margin-bottom: 1em;
		}
  #content #features {
    width: 525px; }
    #content #features .feature {
      padding-left: 115px;
      margin-bottom: 35px; }
      #content #features .feature h2 {
        color: #666;
        font-size: 2em;
        font-weight: normal;
        margin: 0;
        margin-bottom: 15px; }
      #content #features .feature p {
        color: #888;
        font-size: 1.5em;
        font-weight: 200;
        line-height: 1.4; }
        #content #features .feature p em {
          font-weight: bold;
          font-style: normal; }
      #content #features .feature a {
        display: block;
        font-size: 1.4em;
        margin-top: 10px; }
      #content #features .feature a:hover {
        color: #999; }
    #content #features #cost-effective {
      background: url('../images/costeffective_icon.png') 40px 10px no-repeat; }
    #content #features #by-students {
      background: url('../images/builtbystudents_icon.png') 40px 10px no-repeat; }
    #content #features #integration {
      background: url('../images/integration_icon.png') 40px 10px no-repeat; }
  #content #sidebar {
    float: right;
    margin-right: 45px;
    width: 343px; }
    #content #sidebar section {
      background: rgb(228, 228, 228);
      background: rgba(225, 225, 225, 0.4);
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      margin-bottom: 20px;
      padding: 20px 0; }
      #content #sidebar section h3, #content #sidebar section dl {
        margin: 0 20px; }
      #content #sidebar section h3 {
        color: #999999;
        font-size: 1.5em;
        font-weight: normal;
        margin-bottom: 25px; }
      #content #sidebar section dl dt {
        color: #999;
        text-transform: uppercase;
        margin-bottom: 5px; }
      #content #sidebar section dl dd {
        font-size: 1.34em;
        line-height: 1.5;
        margin-bottom: 30px; }

footer {
  background: rgb(226, 226, 226);
  background: rgba(217, 217, 217, 0.5);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #999;
  font-size: 1.15em;
  margin: 0 auto;
  margin-top: 50px;
  padding: 15px 45px;
  width: 870px; }