@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}

h1.frame {
  color: #616365;
  font-size: 25px;
  font-weight: lighter;
  letter-spacing: 0px;
  width: 300px;
  margin-top: 36px;
  margin-left: 20px;
  position: absolute}

h1.default {
  color: #616365;
  font-size: 25px;
  font-weight: lighter;
  letter-spacing: 0px;
  width: auto;
  margin-top: 36px;
  left: 20px;
  position: absolute}

h1.popsicle {
  color: #616365;
  font-size: 25px;
  font-weight: lighter;
  letter-spacing: 0px;
  width: auto;
  margin-top: 36px;
  left: 20px;
  position: absolute}

h1.prozac {
  color: #fff;
  font-size: 25px;
  font-weight: lighter;
  letter-spacing: 0px;
  width: auto;
  margin-top: 36px;
  left: 20px;
  position: absolute}

h1.writing {
  color: #fff;
  font-size: 25px;
  font-weight: lighter;
  letter-spacing: 0px;
  width: auto;
  margin-top: 36px;
  left: 20px;
  position: absolute;
  z-index: 2}
  
h1.terms {
  color: #fff;
  font-size: 25px;
  font-weight: lighter;
  letter-spacing: 0px;
  width: auto;
  margin-top: 36px;
  left: 20px;
  position: absolute}

h1.video {
  color: #fff;
  font-size: 22px;
  font-weight: lighter;
  letter-spacing: 0px;
  width: auto;
  margin-top: 43px;
  left: 22px;
  position: absolute}

h2.bridge {
  color: #616365;
  font-size: 20px;
  font-weight: lighter;
  letter-spacing: 0px;
  text-indent: 3px;
  margin-top: 3px;
  margin-bottom: 10px;
  background-color: #ebebeb;
  border-top-style: outset}  

h2.prozac {
  color: #616365;
  font-size: 17px;
  font-weight: lighter;
  letter-spacing: 0px;
  text-indent: 3px;
  margin-top: 20px;
  margin-bottom: 10px;
  background-color: #ebebeb;
  border-top-style: outset}  
  
h2.terms {
  color: #616365;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0px;
  text-indent: 3px;
  margin-top: 15px;
  margin-bottom: 10px}  

h2.video {
  font-size: 20px;
  color: #333;
  width: auto;
  margin-top: 43px;
  margin-left: 38px;
  position: absolute}

h3.resources {
  color: #616365;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0px;
  text-indent: 2px;
  margin-bottom: 10px}  
  
div#camera {
  color: #616365;
  font-weight: lighter;
  line-height: 17px;
  margin-top: 585px;
  margin-left: 22px;
  width: 666px;
  position: absolute}
  
div#bridge-content {
  font-size: 15px;
  text-align:justify;
  width: 667px;
  height: auto;
  margin-top: 120px;
  margin-left: 39px;
  position: absolute}

div#content-writing {
  font-size: 15px;
  text-align:justify;
  width: 667px;
  height: auto;
  margin-top: 120px;
  margin-left: 39px;
  position: absolute} 

div#video-content {
  font-size: 15px;
  color: #333;
  width: 488px;
  height: auto;
  margin-top: 88px;
  margin-left: 50px;
  position: absolute}

div#zune-list {
  font-size: 15px;
  text-align:justify;
  width: 667px;
  height: auto;
  margin-top: 90px;
  margin-left: 25px;
  position: absolute}

div#amazon-popsicle-ad {
 float: right; 
 margin: 6px}
  
div#olivia-list {
  font-size: 15px;
  text-align:justify;
  width: 667px;
  height: auto;
  margin-top: 120px;
  margin-left: 25px;
  position: absolute}  

div#prozac {
  font-size: 15px;
  text-align:justify;
  width: 667px;
  height: auto;
  margin-top: 80px;
  margin-left: 25px;
  position: absolute}  

div#android-content {
  font-size: 15px;
  text-align:justify;
  width: 667px;
  height: auto;
  margin-top: 520px;
  margin-left: 25px;
  position: absolute}  
  
ul.camera {
  list-style: none;
  list-style-position: outside;
  font-size: 15px;
  margin: 0px;
  margin-left: 0px;
  padding-left: 0em;
  text-indent: 0px}
  
div#web-get-started {
  margin: 0px;
  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;
  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}
  
h2.explore {
  font-size: 17px;
  margin-top: 222px;
  margin-left: 38px;
  position: absolute}

div#explore {
  font-size: 15px;
  font-weight: bold;
  width: 197px;
  margin-top: 253px;
  margin-left: 38px;
  position: absolute}
  
ul.explore {
  list-style-image: url('bullet-point-blue.gif');
  list-style-position: outside;
  font-size: 12px;
  width: auto;
  margin: 3px;
  margin-left: 8px;
  padding-left: 3em;
  text-indent: 3px;
  top: 270px;
  left: 10px;
  position: absolute}

ul.references {
  list-style-image: url('bullet-point-blue.gif');
  list-style-position: outside;
  margin: 3px;
  margin-left: 5px;
  padding-left: 1em;
  text-indent: 3px}

ul.decimal {
  list-style-type:decimal;
  list-style-position: outside;
  line-height: 25px;
  margin: 3px;
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 2em;
  text-indent: 5px}
  
h2.evaluate {
  font-size: 17px;
  width: auto;
  margin-top: 367px;
  margin-left: 38px;
  position: absolute}
  
div#evaluate {
  font-size: 15px;
  font-weight: bold;
  width: 197px;
  margin-top: 398px;
  margin-left: 38px;
  position: absolute}

ul.evaluate {
  list-style-image: url('bullet-point-green.gif');
  list-style-position: outside;
  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-size: 17px;
  margin-top: 511px;
  margin-left: 38px;
  position: absolute}

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

h2.resources {
  font-size: 17px;
  margin-top: 628px;
  margin-left: 38px;
  position: absolute}
  
ul.resources {
  list-style-image: url('bullet-point-gray.gif');
  list-style-position: outside;
  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-weight: bold;
  font-size: 17px;
  top: 60px;
  left: 20px;
  position: absolute}

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

div#top-sub-nav {
  font-family: arial;
  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#share { 
  top: 145px; 
  left: 15px;
  height: 16px;
  width: 125px;
  position: absolute}

div#follow {
  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#footer {
  color: #555;
  font-size: 10px;
  width: auto;
  top: 900px; 
  left: 250px;
  position: absolute}
  
div#footer-popsicle {
  color: #555;
  font-size: 10px;
  width: auto;
  top: 3900px; 
  left: 250px;
  position: absolute}  

div#footer-default {
  color: #555;
  font-size: 10px;
  text-align:center;
  width: 235px;
  top: 785px; 
  left: 752px;
  position: absolute} 

div#footer-nav {
  color: #555;
  font-size: 10px;
  width: auto;
  top: 790px; 
  left: 745px;
  position: absolute}  

div#footer-android {
  color: #555;
  font-size: 10px;
  width: auto;
  top: 1500px; 
  left: 250px;
  position: absolute}

div#footer-terms {
  color: #555;
  font-size: 10px;
  width: auto;
  top: 2700px; 
  left: 250px;
  position: absolute}  

div#footer-video {
  color: #555;
  font-size: 10px;
  width: auto;
  top: 1000px; 
  left: 250px;
  position: absolute} 

div#footer-sitemap {
  color: #555;
  font-size: 10px;
  width: auto;
  top: 900px; 
  left: 250px;
  position: absolute}  
  
div#footer-contact {
  color: #555;
  font-size: 10px;
  width: auto;
  top: 1005px; 
  left: 250px;
  position: absolute} 

div#footer-writing {
  color: #555;
  font-size: 10px;
  width: auto;
  top: 2420px; 
  left: 250px;
  position: absolute}

div#adsense-content-writing {
  width: 160px;
  height: 600px;
  margin-top: 825px; 
  left: 785px;
  position: absolute}

div#adsense-popsicle-stick {
  width: 160px;
  height: 600px;
  margin-top: 825px; 
  left: 793px;
  position: absolute}

div#paper-shadow {
  background-image: url('img/paper-shadow.gif');
  width: 284px;
  height: 139px;
  top: 153px; 
  left: 10px;
  position: absolute;
  z-index: 0}

div#horizontal-adsense {
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 0px}

#digg {
  width: 55px;
  height: 85px;
  float: right; 
  margin-left: 15px}

ul.list {
  list-style-image: url('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}	

div#bridge { 
 float: right; 
 margin: 6px} 

div#highlight {
  background-color:#06C;
  width: 300px;
  height: 33px;
  top: 33px;
  left: 0px;
  position: absolute}

div#film {
  background-image: url('img/film.png');
  width: 396px;
  height: 328px;
  top: -5px;
  left: 0px;
  position: absolute}

div#video-production {
  background-image: url('img/video.jpg');
  width: 705px;
  height: 248px;
  margin-top: 350px;
  left: 0px;
  position: absolute}

div#formspring {
  width: 707px;
  height: auto;
  margin-top: 152px;
  left: 30px;
  position: absolute;
  z-index: 1}

div#writing {
  background-color:#06C;
  width: 300px;
  height: 30px;
  top: 36px;
  left: 0px;
  position: absolute;
  z-index: 1}

div#paper {
  background-image: url('img/paper.png');
  background-repeat: repeat-y;
  width: 151px;
  height: 2435px;
  margin: 0px;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 0}

div#android {
  width: 650px;
  left: 17px;
  top: 85px;
  position: absolute}

img.olivia-munn {
  position: absolute;
  right: -20px}

div#zune-hd-iframe1 {
  width: 150px;
  top: 120px;
  left: 285px;
  position: absolute}	

div#zune-hd-iframe2 {
  width: 150px;
  top: 120px;
  left: 485px;
  position: absolute}	

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}    

#container {left: 20px; top: 19px; position:absolute; width:700px}
#popsicle-container {left: 20px; top: 75px; position:absolute; width:707px; font-size: 15px}
#terms-container {left: 20px; top: 80px; position:absolute; width:707px; font-size: 15px}
#video-container {left: 16px; top: 65px; position:absolute; width:711px; font-size: 15px}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:700px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:700px; height:415px; padding:0px; border:0px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:700px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {margin-top: 0px; padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:700px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:400px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:395px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:5px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#333}
#slideleft:hover {background-color:#222}
#slideright {float:right; width:20px; height:81px; background:url(images/scroll-right.gif) center center no-repeat; background-color:#333}
#slideright:hover {background-color:#222}
#slidearea {float:left; position:relative; width:650px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}