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

body {
  background: url(../images/body.jpg) no-repeat center top;
  min-height:1600px;
  margin: 0px;
  padding: 0px;
  text-align:center;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #FFFFFF;
}
#wrapper {
  text-align: left;
  width: 900px;
  margin-right: auto;
  margin-left: auto;
}
#nav {
  height: 50px;
  width:900px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
}
div.atomicdc a {
  background: url(../images/atomicdc.gif) no-repeat left top;
  height: 15px;
  width: 113px;
  text-indent: -99999px;
  display: block;
  margin-top: 20px;
  float: left;
  margin-left: 70px;
  overflow:hidden;
}
div.atomicdc a:hover {
  background: url(../images/atomicdc.gif) no-repeat left -16px;
}
div.links {
  float: right;
  width: 400px;
}

div.about a {
  background: url(../images/about.gif) no-repeat left top;
  height: 15px;
  width: 75px;
  text-indent: -99999px;
  display: block;
  margin-top: 20px;
  float: left;
  overflow:hidden;
  margin-left: 30px;
}
div.about a:hover {
  background: url(../images/about.gif) no-repeat left -16px;
}
div.portfolio a {
  background: url(../images/portfolio.gif) no-repeat left top;
  height: 15px;
  width: 84px;
  text-indent: -99999px;
  display: block;
  margin-top: 20px;
  float: left;
  overflow:hidden;
  margin-left: 30px;
}
div.portfolio a:hover {
  background: url(../images/portfolio.gif) no-repeat left -16px;
}
div.contact a {
  background: url(../images/contact.gif) no-repeat left top;
  height: 15px;
  width: 93px;
  text-indent: -99999px;
  display: block;
  margin-top: 20px;
  float: left;
  overflow:hidden;
  margin-left: 20px;
}
div.contact a:hover {
  background: url(../images/contact.gif) no-repeat left -16px;
}
div.seen {
  background: url(../images/youveseen.png);
  text-indent: -99999px;
  display: block;
  height: 100px;
  width: 593px;
  overflow: hidden;
  position:absolute;
  margin-left: -256px;
  left: 50%;
  top: 430px;
}
div.social {
  height: 65px;
  width: 592px;
  margin-left: -280px;
  position: absolute;
  left: 50%;
  top: 560px;
}
div.fb a {
  background: url(../images/fb.png);
  text-indent: -99999px;
  display: block;
  float: left;
  height: 62px;
  width: 55px;
}
div.fb a:hover {
  background: url(../images/fb.png) 0px -66px;
}
div.delicious a {
  background: url(../images/delicious.png);
  text-indent: -99999px;
  display: block;
  float: left;
  height: 62px;
  width: 59px;
  margin-left: 20px;
}
div.delicious a:hover {
  background: url(../images/delicious.png) 0px -66px;
}
div.digg a {
  background: url(../images/digg.png);
  text-indent: -99999px;
  display: block;
  float: left;
  height: 62px;
  width: 55px;
  margin-left: 30px;
}
div.digg a:hover {
  background: url(../images/digg.png) 0px -66px;
}
div.stumble a {
  background: url(../images/stumble.png);
  text-indent: -99999px;
  display: block;
  float: left;
  height: 62px;
  width: 55px;
  margin-left: 20px;
}
div.stumble a:hover {
  background: url(../images/stumble.png) 0px -66px;
}
div.technorati a {
  background: url(../images/technorati.png);
  text-indent: -99999px;
  display: block;
  float: left;
  height: 62px;
  width: 54px;
  margin-left: 30px;
}
div.technorati a:hover {
  background: url(../images/technorati.png) 0px -66px;
}
div.twitter a {
  background: url(../images/twitter.png);
  text-indent: -99999px;
  display: block;
  float: left;
  height: 62px;
  width: 54px;
  margin-left: 20px;
}
div.twitter a:hover {
  background: url(../images/twitter.png) 0px -66px;
}
div.flickr a {
  background: url(../images/flickr.png);
  text-indent: -99999px;
  display: block;
  float: left;
  height: 62px;
  width: 111px;
  margin-left: 20px;
}
div.flickr a:hover {
  background: url(../images/flickr.png) 0px -66px;
}

div.really {
  background: url(../images/really.png);
  height: 114px;
  width: 560px;
  margin-left: -280px;
  position: absolute;
  left: 50%;
  top: 680px;
  text-indent: -99999px;
  display: block;
}
div#contact {
  height: 750px;
  width: 480px;
  margin-left: -40px;
  position: absolute;
  left: 50%;
  top:830px;
  /*overflow:hidden;*/
}
div.contact-us {
  background: url(../images/contact.png);
  text-indent: -99999px;
  display: block;
  height: 64px;
  width: 265px;
  margin-left: 70px;
}
div.call {
  background: url(../images/call.png);
  text-indent: -99999px;
  display: block;
  height: 59px;
  width: 228px;
  margin-left: 40px;
  margin-top: 25px;
}
div.sales a {
  background: url(../images/sales.png);
  text-indent: -99999px;
  display: block;
  height: 62px;
  width: 406px;
  margin-left: 40px;
}
div.sales a:hover {
  background: url(../images/sales.png) 0px -63px;
}
div.fields {
  background: url(../images/form-fields.png);
  text-indent: -99999px;
  display: block;
  height: 251px;
  width: 83px;
  margin-left:0px;
  margin-top:160px;
}
div.form {
  position:absolute;
  top:360px;
  left:50%;
  width:352px;
  margin-left:-145px;
}
form input.round {
  background: url(../images/round.png) no-repeat;
  display: block;
  border: none;
  height: 23px;
  width: 344px;
  padding: 6px 0px 0px 8px;
  margin: 0px 0px 19px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #0066FF;
}
form textarea.big-round {
  background: url(../images/big-round.png) no-repeat;
  display: block;
  border: none;
  height: 98px;
  width: 344px;
  padding: 6px 0px 5px 8px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #0066FF;
  overflow:auto;

}
div.slider {
  position:absolute;
  left:50%;
  width:284px;
  height:402px;
  top:905px;
  margin-left:-410px;
}

.button {
  height: 55px;
  width: 249px;
  padding: 0px;
  line-height: 100%;
  cursor: pointer;
  background: url(../images/click.png) no-repeat left top;
  border-style: none;
  margin-left: -600px;
  position: absolute;
  left: 50%;
  top:200px;
  z-index:99;
}