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

body {margin:0; padding:0px; font:11px Arial; color: #868989}

div#headline {
  top: 184px;
  left: 10px;
  position: absolute;
  z-index: 1}

div#footer-default {
  color: #555;
  font-size: 10px;
  text-align:center;
  width: 235px;
  top: 785px; 
  left: 752px;
  position: absolute} 
  
h1.website-design {
  font-family: arial;
  color: #616365;
  font-size: 22px;
  font-weight: lighter;
  letter-spacing: 0px;
  margin-top: 20px;
  margin-left: 10px;
  position: absolute}

h2.code {
  font-family: arial;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0px;
  margin-top: 15px;
  margin-left: 20px;
  position: absolute}
  
h2.affordable {
  font-family: arial;
  color: #616365;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0px;
  margin-top: 485px;
  margin-left: 139px;
  position: absolute}

h2.communicate {
  font-family: arial;
  color: #616365;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0px;
  margin-top: 645px;
  margin-left: 20px;
  position: absolute}
  
div#website-design-content {
  font-family: arial;
  color: #616365;
  font-size: 13px;
  font-weight: lighter;
  line-height: 17px;
  margin-top: 86px;
  margin-left: 13px;
  width: 300px;
  position: absolute}
  
div#web-get-started {
  margin: 0px;
  font-family: arial;
  color: #fff;
  font-size: 18px;
  font-weight: lighter;
  letter-spacing: 0px;
  line-height: 17px;
  margin-top: 250px;
  margin-left: 63px;
  width: 115px;
  position: absolute} 
  
div#web-design-quote {
  margin: 0px;
  font-family: arial;
  color: #616365;
  font-size: 14px;
  font-weight: lighter;
  letter-spacing: 0px;
  line-height: 15px;
  margin-top: 595px;
  margin-left: 140px;
  width: 122px;
  position: absolute}

div#web-quoute-icon {
  background-image: url('img/comment-bubble.png');
  margin-top: 590px;
  margin-left: 265px;
  width: 29px;
  height: 28px;
  position: absolute}

div#affordable-img {
  margin-top: 470px;
  margin-left: 25px;
  width: 99px;
  position: absolute}

div#communicate-img {
  margin-top: 630px;
  margin-left: 500px;
  width: 193px;
  position: absolute}
  
div#communicate-request {
  margin: 0px;
  font-family: arial;
  color: #616365;
  font-size: 14px;
  font-weight: lighter;
  letter-spacing: 0px;
  line-height: 15px;
  margin-top: 770px;
  margin-left: 20px;
  width: 190px;
  position: absolute}

div#communicate-icon {
  background-image: url('img/paperclip.png');
  margin-top: 767px;
  margin-left: 212px;
  width: 23px;
  height: 21px;
  position: absolute}
  
div#web-brochure {
  margin: 0px;
  font-family: arial;
  color: #616365;
  font-size: 14px;
  font-weight: lighter;
  letter-spacing: 0px;
  line-height: 15px;
  margin-top: 770px;
  margin-left: 280px;
  width: 145px;
  position: absolute}

div#web-brochure-icon {
  background-image: url('img/brochure.png');
  margin-top: 764px;
  margin-left: 427px;
  width: 18px;
  height: 30px;
  position: absolute}

div#affordable-content {
  margin: 0px;
  font-family: arial;
  color: #616365;
  font-size: 13px;
  font-weight: lighter;
  letter-spacing: 0px;
  line-height: 15px;
  margin-top: 510px;
  margin-left: 139px;
  width: 560px;
  position: absolute}

div#communicate-content {
  margin: 0px;
  font-family: arial;
  color: #616365;
  font-size: 13px;
  font-weight: lighter;
  letter-spacing: 0px;
  line-height: 15px;
  margin-top: 670px;
  margin-left: 20px;
  width: 470px;
  position: absolute}

div#compatibility-content {
  margin: 0px;
  font-family: arial;
  color: #000;
  font-size: 13px;
  font-weight: lighter;
  letter-spacing: 0px;
  line-height: 15px;
  margin-top: 185px;
  margin-left: 40px;
  width: 600px;
  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;
	width: auto;
	margin: 3px;
	margin-left: 8px;
	padding-left: 3em;
	text-indent: 3px;
	top: 270px;
	left: 10px;
	position: absolute;
	height: 59px}
    
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;
  width: auto;
  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#web-design-splash {
  background-image: url('img/wed-design-splash-background.jpg');
  top: 65px; 
  left: 0px;
  height: 301px;
  width: 738px;
  position: absolute}

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

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

div#top-sub-nav {
  font-family: arial;
  color: #868989;
  font-size: 17px;
  text-align: right;
  width: 275px;
  top: 43px;
  left: 453px;
  position: absolute}
  
div#right-nav {
  background-image: url('img/internal-right-nav-background.png');
  margin: 0px;
  top: 18px; 
  left: 740px;
  height: 756px;
  width: 261px;
  position: absolute;
  z-index: 1}

div#compatibility {
  background-image: url('img/browsers.jpg');
  top: 820px; 
  left: 22px;
  height: 282px;
  width: 691px;
  position: absolute}

h2.compatibility {
  font-family: arial;
  color: #555;
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px; 
  margin-left: 163px;
  height: 26px;
  width: 300px;
  position: absolute}

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

div#follow {
  font-family: arial;
  color: #868989;
  font-size: 12px;
  font-weight: bold;
  top: 178px; 
  left: 15px;
  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#html-code {
  background-image: url('img/hand-coded-background.jpg');	
  top: 367px; 
  left: 0px;
  height: 101px;
  width: 725px;
  position: absolute}
  
div#code-content {
  font-family: arial;
  color: #ffffff;
  font-size: 13px;
  font-weight: lighter;
  letter-spacing: 0px;
  line-height: 15px;
  margin-top: 35px;
  margin-left: 20px;
  width: 695px;
  position: absolute}   
    
div#footer {
  font-family: arial;
  color: #555;
  font-size: 10px;
  width: auto;
  top: 1130px; 
  left: 300px;
  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}

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.white:link {
  color: #fff;
  text-decoration: none}
a.white:visited {
  color: #fff;
  text-decoration: none}
a.white:hover {
  color: #ffff00;
  text-decoration: none}
  
a.cta:link {
  color: #555;
  text-decoration: none}
a.cta:visited {
  color: #555;
  text-decoration: none}
a.cta: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}