/* 
  Global styles for Pietila Pools Howell, Inc
  Author: Don Thacker
  Tested: IE6, Moz1.4
*/

body{
  margin: 0;
  padding: 0;
	text-align: center;  
}

form {
  margin: 0;
}

#canvas {
  margin-top: 25px;
	margin-right: auto;
	margin-left: auto;   
  width: 755px;
  border: 2px solid #004677;
  text-align:left; 
}

#header, #footer {
  margin: 0;
}


#header {
  background: #fff url("/img/global/header.jpg") top center no-repeat;
  padding: 60px 0;
}

#footer {
  background: #fff url("/img/global/footer.jpg") bottom center no-repeat;
  margin: 0 0 0 0;
  padding: 0;  
  clear: both;
}

#navigation {
  display: inline;
  float: left;
  width: 177px;
}

#splashcontent, #content{
  display: inline;
  float: right;
  width: 575px;
  margin: 2px 0 0 0;
}

#splashcontent {
  padding: 0 0 254px 0;
  background: #fff url(/img/global/splashimage.jpg) top left no-repeat;  
}

h2, h3, h4, h5, h6 {
  margin: 0;
  color: #004875;
  clear: both;
}

.subtext {
  margin: 10px 0;
  font-style: italic;
}
.subtext2 {
  margin-top: 200px;
  font-style: italic;
}

.hide {
  display: none;
}

.hilight {
  color: #f00;
}

#content {
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  clear: both;
  width: 556px;
  margin: 10px;  
}

#content input, #content select, #content textarea {
  border: 1px solid #004875;
}

#ContactUsForm1, #ContactUsForm2 {
  float: left;
  width: 45%;
}

#ContactUsForm1 dl, #ContactUsForm2 dl, #ContactUsForm3 dl {
  margin: 0;  
}

#ContactUsForm1 dt, #ContactUsForm2 dt, #ContactUsForm3 dt {
  font-weight: bold;
  color: #085696; 
}

#ContactUsForm1 dd, #ContactUsForm2 dd, #ContactUsForm3 dd {
  margin: 0 0 5px 0;  
}

#ContactUsForm3 {
  clear: both;
}

.disclaimer {
  font-size: 85%;
  color: #808080;
  width:300px;
}

#rdlContactMethod input, #rdlContactTime input {
  border: none;
}

#btnSend {
  width: 75%;
  background-color: #085696;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

.bold {
  font-weight: bold;
}

.close {
  margin: 0 0 10px 0;
}

h5 {
  text-decoration: underline;
  margin-top: 15px;
}

ul.float {
  margin: 0;
  float: left;
  list-style-type: square;
}

ul.float li {
  margin: 3px 20px 0 0;
}

ul.float img {
  border: 1px solid #004875;
  display: block;
}

#left{
  display:inline;
  float:left;
  width:225px;
  margin-top:30px;
}
#right{
  display:inline;
  float:right;
  margin-left:0;
  width:330px;
}

ul.float2 {
  list-style-type: none;
}