@charset "utf-8";
/* CSS Document */

h1.homepage {
  font-family: arial;
  color: #616365;
  font-size: 18px;
  font-weight: lighter;
  letter-spacing: 0px;
  margin-top: 820px;
  margin-left: 10px;
  position: absolute}
  
div#home-content {
  font-family: arial;
  color: #616365;
  font-size: 16px;
  font-weight: lighter;
  letter-spacing: 1px;
  line-height: 20px;
  margin-top: 850px;
  margin-left: 15px;
  width: 285px;
  position: absolute}
  
div#home-sub-content {
  font-family: arial;
  color: #616365;
  font-size: 13px;
  font-weight: lighter;
  letter-spacing: 0px;
  line-height: 15px;
  margin-top: 1290px;
  margin-left: 10px;
  width: 285px;
  position: absolute}  
  
div#creative-services {
  margin: 0px;
  font-family: arial;
  color: #616365;
  font-size: 13px;
  font-weight: lighter;
  letter-spacing: 0px;
  line-height: 15px;
  margin-top: 1475px;
  margin-left: 15px;
  width: 355px;
  position: absolute}
  
div#services-list {
  margin: 0px;
  font-family: arial;
  color: #616365;
  font-size: 13px;
  font-weight: lighter;
  letter-spacing: 0px;
  line-height: 17px;
  margin-top: 1500px;
  margin-left: 10px;
  width: 355px;
  position: absolute} 

div#services-list-box {
  margin-top: 1500px;
  margin-left: 150px;
  width: 121px;
  position: absolute;
  z-index: -1}

div#content-end {
  margin: 0px;
  font-family: arial;
  color: #616365;
  font-size: 13px;
  font-weight: lighter;
  letter-spacing: 0px;
  line-height: 15px;
  margin-top: 1590px;
  margin-left: 9px;
  width: 285px;
  position: absolute}

h2.explore {
  font-family: arial;
  color: #868989;
  font-size: 17px;
  margin-top: 222px;
  margin-left: 38px;
  position: absolute}

div#explore {
  font-family: arial;
  color: #868989;
  font-size: 15px;
  font-weight: bold;
  width: 197px;
  margin-top: 253px;
  margin-left: 38px;
  position: absolute}
  
ul.explore {
  list-style-image: url('img/bullet-point-blue.gif');
  list-style-position: outside;
  font-family: arial;
  color: #868989;
  font-size: 12px;
  margin: 3px;
  margin-left: 8px;
  padding-left: 3em;
  text-indent: 3px;
  top: 270px;
  left: 10px;
  position: absolute}
    
h2.evaluate {
  font-family: arial;
  color: #868989;
  font-size: 17px;
  margin-top: 367px;
  margin-left: 38px;
  position: absolute}
  
div#evaluate {
  font-family: arial;
  color: #868989;
  font-size: 15px;
  font-weight: bold;
  width: 197px;
  margin-top: 398px;
  margin-left: 38px;
  position: absolute}

ul.evaluate {
  list-style-image: url('img/bullet-point-green.gif');
  list-style-position: outside;
  font-family: arial;
  color: #868989;
  font-size: 12px;
  margin: 3px;
  margin-left: 8px;
  padding-left: 3em;
  text-indent: 3px;
  top: 415px;
  left: 10px;
  position: absolute}
    
h2.discuss {
  font-family: arial;
  color: #868989;
  font-size: 17px;
  margin-top: 511px;
  margin-left: 38px;
  position: absolute}

div#discuss {
  font-family: arial;
  color: #868989;
  font-size: 15px;
  font-weight: bold;
  width: 197px;
  margin-top: 543px;
  margin-left: 38px;
  position: absolute}
  
ul.discuss {
  list-style-image: url('img/bullet-point-red.gif');
  list-style-position: outside;
  font-family: arial;
  color: #868989;
  font-size: 12px;
  margin: 3px;
  margin-left: 8px;
  padding-left: 3em;
  text-indent: 3px;
  top: 560px;
  left: 10px;
  position: absolute}  

h2.resources {
  font-family: arial;
  color: #868989;
  font-size: 17px;
  margin-top: 628px;
  margin-left: 38px;
  position: absolute}
  
ul.resources {
  list-style-image: url('img/bullet-point-gray.gif');
  list-style-position: outside;
  font-family: arial;
  color: #868989;
  font-size: 12px;
  margin: 3px;
  margin-left: 8px;
  padding-left: 3em;
  text-indent: 3px;
  width: 185px;
  top: 660px;
  left: 10px;
  position: absolute}  
  
div#background {
  background-image: url('img/x-repeat.png');
  background-repeat: repeat-x;
  top: 65px; 
  left: 0px;
  height: 160px;
  width: 100%;
  position: absolute}
  
div#logo {
  top: 1739px; 
  left: 125px;
  height: 47px;
  width: 55px;
  position: absolute}

div#call {
  font-family: arial;
  color: #868989;
  font-weight: bold;
  font-size: 17px;
  top: 60px;
  left: 25px;
  position: absolute}

div#top-nav {
  font-family: arial;
  color: #868989;
  font-size: 11px;
  letter-spacing: 1px;
  text-align: center;
  width: 225px;
  top: 779px;
  left: 47px;
  position: absolute}

div#top-sub-nav {
  font-family: arial;
  color: #868989;
  font-size: 11px;
  text-align: center;
  width: 275px;
  top: 798px;
  left: 21px;
  position: absolute}
  
div#right-nav {
  background-image: url('img/mobile-nav.png');
  margin: 0px;
  top: 18px; 
  left: 23px;
  height: 757px;
  width: 273px;
  position: absolute;
  z-index: 1}

div#keypoints {
  background-image: url('img/key-points-box.png');
  top: 1059px; 
  left: 40px;
  height: 223px;
  width: 236px;
  position: absolute}

div#keypoints-header {
  font-family: arial;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  top: 14px; 
  left: 21px;
  height: 20px;
  width: 150px;
  position: absolute}

div#share { 
  top: 145px; 
  left: 21px;
  height: 16px;
  width: 125px;
  position: absolute}

div#follow {
  font-family: arial;
  color: #868989;
  font-size: 12px;
  font-weight: bold;
  top: 178px; 
  left: 21px;
  height: 24px;
  width: 236px;
  position: absolute;
  z-index: 1}

div#follow-icons {
  top: -9px;
  left: 40px;
  height: 30px;
  width: 200px;
  position: absolute}
  
div#xbox { 
  top: -9px; 
  left: 201px;
  height: 30px;
  width: 30px;
  position: absolute}  

div#piechart { 
  top: 260px; 
  left: 465px;
  height: 30px;
  width: 30px;
  position: absolute}
    
div#footer {
  font-family: arial;
  color: #555;
  font-size: 10px;
  top: 1790px; 
  left: 95px;
  position: absolute}
  
div#right-nav-end {
  background-image: url('img/right-nav-end.png');
  top: 100%; 
  left: 730px;
  height: 80px;
  width: 273px;
  position: absolute}

ul.list {
  list-style-image: url('img/bullet-point-blue.gif');
  list-style-position: outside;
  font-size: 12px;
  margin: 3px;
  margin-left: 8px;
  padding-left: 3em;
  text-indent: 3px;
  top: 270px;
  left: 10px}

ul.keypoints-cross {
  list-style-image: url('img/cross.gif');
  list-style-position: outside;
  font-family: arial;
  color: #868989;
  font-size: 12px;
  line-height: 17px;
  margin: 3px;
  padding-left: 2em;
  text-indent: 1px;
  width: 180px;
  top: 39px;
  left: 8px;
  position: absolute}

span.em {
 font-weight: bold;
 font-style: italic}
 
span.bold {
 font-weight: bold}	
  
a.nav:link {
  color: #868989;
  text-decoration: none}
a.nav:visited {
  color: #868989;
  text-decoration: none}
a.nav:hover {
  color: #555;
  text-decoration: underline}

a.top-nav:link {
  color: #0067c5;
  text-decoration: none}
a.top-nav:visited {
  color: #0067c5;
  text-decoration: none}
a.top-nav:hover {
  color: #0067c5;
  text-decoration: underline}
  
a.list:link {
  color: #0067c5;
  text-decoration: none}
a.list:visited {
  color: #0067c5;
  text-decoration: none}
a.list:hover {
  color: #0067c5;
  text-decoration: underline}