/* Specific styles for the
   360 landing page
-------------------------------------------- */

/* Layout
-------------------------------------------- */
body {
  border-top: 23px solid #ba1c6a;
}

#content {
  background-image: none;
}

#header {
  border-bottom: none;
}

#pitch {
  margin: 0 0 11px 201px;
  width: 656px;
  height: 30px;
}

#intro {
  position: relative;
  margin: 0 0 10px;
  padding: 20px 270px 0 234px; /* preston changed from 35px 270px 0 234px*/
  width: 436px;
  min-height: 176px;
  background: url("../images/360/intro-bg.jpg") 0 100% no-repeat;
}

#intro img {
  position: absolute;
  top: -53px;
  left: -20px;
}

#main {
  margin: 0;
  border-top: 1px dotted #94998b;
  padding: 10px 0;
  width: 940px;
}

#main #wrapper {
  width: 940px;
  background: url("../images/360/main-bg.gif") 0 0 repeat-y;
}

#main #wrapper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#retailers-and-precise {
  float: left;
  margin: 0 20px 0 0;
  width: 379px;
}

#retailers {
  margin: 0 0 2px;
}

#precise {
  padding: 20px 15px 19px;
  background: #d7e6e1;
}

#improvement {
  position: relative;
  float: left;
  padding: 35px 150px 0 25px;
  width: 366px;
  background: #e4e8bb;
}


/* Text
-------------------------------------------- */
#pitch h1 {
  width: 656px;
  height: 30px;
  text-indent: -9999px;
  background: url("../images/360/pitch.gif") 0 0 no-repeat;
}

#intro h2 {
  margin: 0 0 0.5em 0;
  font-size: 2.5em;
  font-weight: normal;
  color: #830e48;
}

#retailers h3 {
  width: 379px;
  height: 90px;
}

#precise h3 {
  margin: 0 0 10px;
  width: 238px;
  height: 20px;
  text-indent: -9999px;
  background: url("../images/360/eztouch-sprays.gif") 0 0 no-repeat;
}

#improvement h3 {
  margin: 0 0 0.5em 0;
  font-size: 2.2em;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
  color: #830e48;  
}

#intro p {
  font-size: 1.3em;
}

#precise p {
  clear: left;
  width: 357px;
  height: 19px;
  text-indent: -9999px;
  background: url("../images/360/precise-control.gif") 0 0 no-repeat;
}

#intro ul {
  font-size: 1.3em;
}

#improvement ul {
  font-size: 1.2em;
}

#intro li,
#improvement li {
  margin: 0 0 1em 0;
  padding: 0 0 0 20px;
  background: url("../images/360/bullet.gif") 0 0.6em no-repeat;
position:relative; /* preston added this */
}

/* preston added this rule*/
#wrapper #improvement li {
  background-color:#e6ebbd;
}

#precise ul {
  list-style: none;
}

#precise li {
  float: left;
  margin: 0 9px 10px 0;
  padding: 0;
  width: 110px;
  font-weight: bold;
  text-align: center;
  background-image: none;
}

#precise li.last {
  margin-right: 0;
}

#intro a {
  border-bottom: 1px dotted #333;
}

#intro a:hover,
#intro a:focus {
  border-bottom-style: solid;
}

#retailers h3 a {
  display: block;
  border-bottom: none;
  width: 379px;
  height: 90px;
  text-indent: -9999px;
  background: url("../images/360/retailers.gif") 0 0 no-repeat;
}

#retailers h3 a:hover,
#retailers h3 a:focus {
  border-bottom: none;
}

#improvement div#morph {
  float: right;
  margin: -6.8em -12em 0 0;
  padding: 0 0 10px;
}


/* Globalnav and sitenav color fixes
----------------------------------- */
#globalnav {
  background-color: #ba1c6a;
}

#sitenav li#nav-home a {
  background-image: url("../images/sitenav/360/nav-home.gif");
}

#sitenav li#nav-products a {
  background-image: url("../images/sitenav/360/nav-products.gif");
}

#sitenav li#nav-projects a {
  background-image: url("../images/sitenav/360/nav-projects.gif");
}

#sitenav li#nav-advice a {
  background-image: url("../images/sitenav/360/nav-advice.gif");
}

#sitenav li#nav-folder a {
  background-image: url("../images/sitenav/360/nav-folder.gif");
}


/* IE/Win specific styles
------------------------------------ */
* html #pitch {
  width: 656px;
  overflow: hidden;
}

* html #precise {
  width: 349px;
  overflow: hidden;
}

/* preston added  */
* html #morph {
	position:absolute;
	top:82px;
	left:385px;	
}