html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#666;
} 
 
#pagewidth{ 
 width:964px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 border:1px solid #222;
 background-image:url("http://www.webplanninginc.com/candynew/images/candy_page_bg.gif");
 background-repeat:repeat-y; 
} 
 
#header{
 position:relative; 
 background-color:#FFFFFF; 
 width:100%;
 border-bottom:10px solid #000;
} 

#featurebox{
 position:relative;
 margin:0;
 padding:0;
 width:100%;
 height:187px;
 background-color:#000;
 border-bottom:10px solid #000;
}

#leftcol{
 width:192px; 
 float:left; 
 position:relative;
 margin:0 0 0 6px; 
 background-color:#fff;
 border-bottom: 1px solid #c6d7e2;
 border-top: 12px solid #fff;
}

#leftcol h3{
 margin:0 0 0 0;
 padding:3px;
 width:185px;
 background-color:#003466;
 color:#fff;
 font-family:helvetica;arial;
 font-size:16px;
 font-weight:normal;
}

#leftnav {
 width:190px;
 background-color:#fff;
 border-left: 1px solid #c6d7e2; 
 border-right: 1px solid #c6d7e2;
}

#leftnav h4 {
 margin:0px 0 0 0px;
 padding:7px 0 0 5px;
 width:185px;
 color:#003466;
 background-color:#fff;
 font-family:helvetica;arial;
 font-size:14px;
 font-weight:normal;
}

#leftnav ul {
 list-style-type:none;
 display:block;
 font-size:12px;
 margin:0 0 0 0;
 padding:7px 0 0 5px;
 width:185px;
}

#leftnav li{
 border-bottom:1px solid #fff;
}

#leftnav a {
 display:block;
 color:#333;
 background-color:#fff;
 text-decoration: none;
 padding:3px 0 3px 7px;
}

#leftnav a:hover {
 display:block;
 background-color:#333;
 color: #fff;
}

#maincol{
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:750px; 
 border-top:12px solid #fff;
}

#testimony{
 width:740px;
 height:50px;
 background-color:#003466;
}

#test_photos {
 float:right;
 margin:2px 1px 0 0;
}

#test_photos img {
 margin:0 0 5px 0;
 padding: 0 0 5px 0;
}

#test_text {
 float:left;
}

#test_text h3{
 color:#e7e7e7;
 font-family:times;
 font-size:30px;
 font-style:italic;
 font-weight:normal;
 margin:12px 0 0 7px;
}

#test_text h4{
 font-family:times;
 font-size:24px;
 font-weight:normal;
 margin:20px 0 0 50px;
}

#test_text h4 a{
 color:#e7e7e7;
 text-decoration:none;
}

#test_text h4 a:hover{
 color:#e7e7e7;
 text-decoration:underline;
}

#test_text h4 a:visited{
 color:#e7e7e7;
 text-decoration:none;
}

#middle_col {
 float:left;
 width: 525px;
 color:#333;
 font-family:helvetica,arial;
 border-top:12px solid #fff;
}

#middle_col p{
 font-size:14px;
 width:475px;
}

#middle_col td{
 font-size:14px;
}

#middle_col ul{
 font-size:14px;
 margin:0 0 0 12px;
 padding:0;
}

#middle_col h3{
 font-size:18px;
 font-weight:normal;
 width:475px;
 margin:0;
 padding:0;
}

#middle_col h4{
 width:450px;
 font-size:15px;
 font-weight:bold;
 margin:12px 0 0 0;
 padding:0;
}

#middle_col hr{
 width: 450px;
 align: left;
 margin:7px;
}

#middle_col a{
 color:#333;
 text-decoration:none;
}

#middle_col a:hover{
 color:#003466;
 text-decoration:none;
}

#middle_col a:visited{
 color:#333;
 text-decoration:none;
}

#right_col {
 float:right;
 width:210px;
 color:#333;
 border-top:12px solid #fff;
 margin:0 0 10px 0;
 padding:0;
}

#right_col table {
 margin:0 0 7px 0;
}

#right_col img{
 margin:0 0 7px 0;
}

#right_col h4{
 font-size:15px;
 font-weight:bold;
 margin:12px 0 0 0;
 padding:0;
}


#right_col p{
 font-size:14px;
 margin:5px 0 0 0;
}

#right_col ul{
 font-size:14px;
 margin:0 0 0 12px;
 padding:0;
}

#right_col a{
 color:#333;
 text-decoration:none;
}

#right_col a:hover{
 color:#003466;
 text-decoration:none;
}

#right_col a:visited{
 color:#333;
 text-decoration:none;
}

#footer{
 width:964px;
 height:150px; 
 background-color:#c6d7e2; 
 border-top:12px solid #ffffff;
 clear:both;
 text-align:center;
 } 

#footer p {
  width:400px;
  font-size:11px;
  margin:3px 0 7px 282px;
}
 
#footer_bar {
 height:8px;
 width:952px;
 background-color:#003466;
 margin:0; 
 border-right: 6px solid #fff; 
 border-left: 6px solid #fff;
 border-bottom: 1px solid #fff;
}
 
 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}