/**
 * TABLE OF CONTENTS
 *   DEFAULTS
 *   NAVIGATION
 *   ID
 **/
/** DEFAULTS **/
  BODY {
    font-family: times;
     letter-spacing: 0;
    color: gray;
    font-size: 12pt;
    background: white;
    scrollbar-face-color: white;
    scrollbar-shadow-color: white;
    scrollbar-highlight-color: white;
    scrollbar-3dlight-color: white;
    scrollbar-darkshadow-color: white;
    scrollbar-track-color: white;
    scrollbar-arrow-color: black;
  }

  TD {
    font-family: times;
    color: gray;
    font-size: 12;
  }

  A:link {
    font-family: times;
    color: gray;
    font-size: 12;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    color: #AA0000;
  }

  A:visited {
    font-family: times;
    color: gray;
    font-size: 12;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    color: #AA0000;
  }

  A:active {
    font-family: times;
    color: gray;
    font-size: 12;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    color: #AA0000;
  }

/** ID **/
body#intro {
background-color: #EAE7A2; }

div#blogBG {
background-image: url(../images/blogBG.gif);
background-repeat: repeat;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
margin: auto;
background-position: bottom left;}

body#cityScape {
background-image: url(../images/bg.gif);
background-repeat: repeat-x; }

div#rain {
position: absolute;
right: 0;
bottom: 0;
background-image: url(../images/rain.gif);
background-repeat: no-repeat;
height: 150px;
width: 124px; }

div#powerPlant {
position: absolute;
left: 0;
bottom: 0;
background-image: url(../images/powerPlant.gif);
background-repeat: no-repeat;
height: 550px;
width: 776px; }

div#cityScapeBG {
background-image: url(../images/cityScapeBG.gif);
background-repeat: repeat-x;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
margin: auto;
background-position: bottom left;}

div#cityScape {
position: absolute;
right: 0;
bottom: 0;
background-image: url(../images/cityScape.gif);
background-repeat: no-repeat;
height: 400px;
width: 519px; }

div#about {
position: absolute;
top: 10px;
left: 10px;
font-family: Times, "Times New Roman", serif;
font-stretch: ultra-condensed;
color: #cf993b;
font-size: 112pt;
letter-spacing: -10pt;
vertical-align: -24pt;
line-height: 120pt; }

div#desc {
font-family: Times, "Times New Roman", serif;
font-stretch: ultra-condensed;
color: #cf993b;
font-size: 5em; }