/* spiralstyle.css */
/* For Impact Coach */
html {
      text-align: center;
}

body {
      /* typography */
      color: #666666;
      font-family: Verdana, Geneva, Ariel, sans-serif;
      font-size: small;
	  text-align: left;
	  
	  /* colour */
	  background-color: #666666;
	  /*
	  background-image: url(images/gradient.jpg);
	  background-repeat: repeat-x;
	  background-position: top left;
	  */
}

h1 {
  font-size: 150%;
  color: #666666;
}

h2 {
  font-size: 130%;
  color: #666666;
}

a {
   text-decoration: none;
   color: #333300;
}

li {
      list-style-image: url(images/bullet_1.gif);
	  margin-left: 20px;
}

#bck-img-pos {
      position: absolute;
	  top: 0px;
	  left: 0px;
	  z-index: 0;
}

#outer-container {
      /* layout */
      position: relative;
      width: 1000px;
	  margin: 0 auto;
}

#container {
     position: relative;
	 width: 100%;
	 background-color: white;
     margin: 5px 0px 0px 0px; 
}

#header {
      background-color: #666666;
	  background-image: url(images/notebook_top.gif);
	  background-repeat: no-repeat;
	  background-position: top left;
     /* To expose graphic ... */
	  height: 85px;
}

#post-footer-content {
	  background-color: #FFFFFF;
	  margin-left: 10px;
	  margin-right: 10px;
	  padding-top: 10px;
	  text-align: center;
	  /* Just for example ... */
	  height: 30px;
	  border: 1px solid #999999;
}

.large-text {
	  font-size: 150%;
}

.largest-text {
	  font-size: 180%;
}

.nav {
      background-image: url(images/bullet_star.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  margin: 5px 0px 0px 30px;
	  padding: 7px 10px 3px 30px;
	  text-align: left;
}

.centre-small {
      text-align: center;
	  font-size: 75%;
}

.rubbish-heading {
      font-size: 125%;
	  color: #146324;
}

.bold-coloured {
      color: #330099;
	  font-size: 125%
}

.menu-link {
      color: #990000;
	  font-weight: bold;
}

#main-area {
      background-color: #FFFFFF;
	  margin: 10px 300px 0px 300px;
	  height: 770px;
	  text-align: center;
}

#left-column {
      width: 250px;
	  float: left;
	  padding: 60px 0px 0px 25px;
}

#right-column {
      width: 250px;
	  float: right;
	  padding: 60px 15px 0px 0px;
}

#testimonial-text {
      font-weight: bold;
	  font-style: italic;
}

testimonial-credit {

}

#icon-desk {
      position: absolute;
	  top: 430px;
	  left: 300px;
	  z-index: 3;
}

#icon-picture {
      position: absolute;
	  top: 300px;
	  left: 300px;
}

#icon-keyboard {
      position: absolute;
	  top: 450px;
	  left: 410px;
	  z-index: 10;
}

#icon-mouse {
      position: absolute;
	  top: 470px;
	  left: 570px;
	  z-index: 10;
}

#icon-monitor {
      position: absolute;
	  top: 325px;
	  left: 420px;
	  z-index: 8;
}

#icon-phone {
      position: absolute;
	  top: 400px;
	  left: 350px;
	  z-index: 8;
}

#icon-plant {
      position: absolute;
	  top: 370px;
	  left: 590px;
	  z-index: 8;
}

#icon-rubbish {
      position: absolute;
	  top: 530px;
	  left: 270px;
	  z-index: 5;
}

#icon-set-drawer-tl {
      position: absolute;
	  top: 518px;
	  left: 320px;
	  z-index: 5;
}

#icon-set-drawer-tr {
      position: absolute;
	  top: 517px;
	  left: 572px;
	  z-index: 5;
}

#icon-set-drawer-bl {
      position: absolute;
	  top: 568px;
	  left: 322px;
	  z-index: 5;
}

#icon-set-drawer-br {
      position: absolute;
	  top: 566px;
	  left: 569px;
	  z-index: 5;
}

#left-arrow {
      position: absolute;
	  left: 300px;
	  top: 230px;
	  height: 23px;
}

#right-arrow {
      position: absolute;
	  left: 670px;
	  top: 230px;	  
	  height: 23px;
}

#an-intro {
      /* Initial Hide */
      display: none;
}

#my-ethos {
      /* Initial Hide */
      display: none;
}

#will-and-wont {
      /* Initial Hide */
      display: none;
}

#my-costs {
      /* Initial Hide */
      display: none;
}

#profound-saying {
      /* Initial Hide */
      display: none;
}

#free-and-priced {
      /* Initial Hide */
      display: none;
}

#testimonials {
      /* Initial Hide */
      display: none;
}

#monthly-rubbish {
      /* Initial Hide */
      display: none;
}

#contact {
      /* Initial Hide */
      display: none;
}

#designer {
      /* Initial Hide */
      display: none;
}

#experience {
      /* Initial Hide */
      display: none;
}

#group-2601 {
      /* Initial Hide */
      display: none;
}

#main-menu {
      /* Initial Hide */
      display: none;
}

#footer {
      background-color: #666666;
	  background-image: url(images/notebook_bottom.gif);
	  background-repeat: no-repeat;
	  background-position: top left;
	  padding-top: 22px;
	  text-align: center;
	  color: #663300;
	  font-size: 70%;
     /* To expose graphic ... */
	  height: 51px;
}

#footer-content {
	  background-color: white;
	  margin-left: 10px;
	  margin-right: 10px;
	  text-align: center;
	  padding: 10px;
	  clear: both;
}

#footer-content p {
      font-size: 70%;
	  line-height: normal;
}