body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	color:#33373F;
	background: #C8E3F1 url(../images/body-bg.png) repeat-x; /* #008b98 bg.jpg*/
}


a img {
	border: none;
}


* html .page-bottom {
	background: none;
}
.page-bottom {
	background: url(../images/page-bg-bottom.png) bottom;
	width: 816px;
	margin: 46px auto 0 auto;
	padding: 0 0 15px;
}
#page {
	width: 816px;
	background: url(../images/page-bg.png) repeat-y;
}


/* [+] HEADER -------------------------------------------*/

.header {
	position: relative;
	width: 816px;
	/*background: url(../images/page-bg-top.gif) no-repeat;*/
	height: 130px; /*87*/
}
#logo, .call-now {
	margin: 0;
	padding: 0;
	text-indent: -99999px;
	overflow: hidden;
	display: block;
	background: url(../images/pdsheader.jpg) no-repeat; /*logo.gif*/
	width: 464px; /*234*/
	height: 110px; /*55*/
	position: absolute;
	top: 10px;
	left: 21px;
}
.call-now {
	background: url(../images/call-now.jpg) no-repeat;
	width: 286px;
	height: 57px;
	top: 40px;
	left: 514px;
}
.call {
	position: absolute;
	top: 20px;
	left: 285px;
}

.content {
	background: url(../images/page-bg-line.gif) no-repeat 1px 127px;
	width: 816px;
}
.content-bg{ 
	background: url(../images/content-white.gif) repeat-y;
	width: 816px;
}

/* [+] LEFT COLUMN -------------------------------------------*/

* html .leftcolumn {
	margin: 0 0 0 9px;
}
.leftcolumn {

	width: 170px;
	margin: 0 0 0 18px;
	padding: 0;
	float: left;
	position: relative;
}
.bg-leftcolumn {
 /*background-color :#48989b */
 background: url(../images/left-box.gif) repeat;
}
.top-bg {
	/*background: url(../images/leftcolumn-line-bg.jpg) no-repeat;*/
	background: url(../images/left-box.gif) repeat;
	/*background-color:#48989b;*/ 
	text-align: left;
	margin: 0;
	padding: 3px 0 0;
}
.top-bg h2, .top-bg h3 {
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 9px 0 0;
	margin: 0;
	color:black; /*#fff;*/
	text-align: center;
	width: 100%;
	text-transform: uppercase;
}
.top-bg h2 {	
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 2px solid #fff; 
}
.top-bg h3 {
	padding: 4px 0 0;
	font-size: 10px;
}
.top-bg EnquiryForm {
	text-align: left;
	margin: 0;
	padding: 3px 0 0;
}

.top-bg label {
	display: block;
	font-size: 10px;
	color: Black; /*#eff8f8;*/
	line-height: 10px;
	padding: 3px 0 0 7px;
	position: relative;
}
.top-bg form label {
	display: block;
	font-size: 10px;
	color: Black; /*#eff8f8;*/
	line-height: 10px;
	padding: 3px 0 0 7px;
	position: relative;
}
.top-bg p {
	word-spacing: -1px;
	font-size: 9px;
	margin: 0;
	float: left;
	padding: 2px 0 4px 7px;
	color: Black;/*#eff8f8;*/
	width: 144px;
}
.top-bg p a {
	color: black; /*#fff;*/
}
.top-bg p a:hover {
	text-decoration: none;
}
.top-bg select {
	width: 156px;
	margin: 0 0 0 7px;
	border-color: #3fa7b1;
	font-size: 11px;
}
.top-bg input {
	font-size: 10px;
	color: #000;
	padding: 1px 2px;
	width: 150px;
	margin: 0 0 0 6px;
	border-color: #3fa7b1;
}

* html #send {
	padding: 0;
}

.top-bg .send {
	width: 161px;
	height: 44px;
	margin: 10px auto 41px auto;
	clear: both;
	padding: 10px 0 0;
	display: block;
}

.top-bg .error {
 	margin: 10px 0 41px 32px;
	clear: both;
	padding: 10px 0 0;
	display: block;
	font-weight: bold;
	font-size:medium ;
	padding: 9px 0 0;
	margin: 0;
	color:Red;
	text-align: center;
	width: 100%;
}
/* New left-box stuff */
.left-box-top {
	background: url(../images/left-box-top.gif) no-repeat;
	width: 170px;
	margin: 0 0 0px;
}
.left-box-top h5 {
	color: #eff8f8;
	width: 170px;
	height: 29px;
	display: block;
	font-size: 10px;
	line-height: 29px;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}
.left-box-top h5 a
{	
	color: #eff8f8;
	text-decoration: none;
}


.left-box-bottom {
	background: url(../images/left-box-bottom.gif) no-repeat bottom;
	padding: 0 0 8px;
}
.left-box {
	background: url(../images/left-box.gif) repeat-y;
}

.left-box p strong {
	display: block;
}

.left-box p, .right-box blockquote {
	margin: 0;
	padding: 3px 0 4px 9px;
	font-weight: normal;
	font-size: 10px;
	color: #000;
	width: 170px;
	text-align: left;
}
.left-box p.blue {
	color: #40a7b1;
	font-size: 10px;
	width: 170px;
	padding: 2px 0 0;
	text-align: center;
}
.left-box blockquote cite {
	display: inline;
	font-style: normal;
	font-weight: bold;
}

/* [+] -- */

.office-hours-left-box-bottom {
	width: 159px;
	margin: 4px 0 0 6px;
	background: #99d0d5 url(../images/leftcolumn-box-bottom.jpg) no-repeat bottom;
	padding: 0 0 4px;
}
.office-hours-left-box-top {
	background: url(../images/leftcolumn-box-top.jpg) no-repeat;
	padding: 4px 5px 0 3px;
}

.office-hours-left-box-top p {
	float: none;
	font-size: 10px;
	color: black; /*#ffffff;*/ 
	line-height: 14px;
	margin: 0;
	padding: 0;
}

#sendcall {
	width: 108px;
	height: 28px;
	margin: 10px 0 10px 32px;
	padding: 10px 0 0;
	display: block;
}
#page .lab-yes, #page .lab-no, .office-hours-lab-yes {
	line-height: 11px;
	font-size: 11px;
	float: left;
	overflow: hidden;
}
#page .lab-yes {
	margin: 0;
	padding: 0 0 0 20px;
}
#page .office-hours-lab-yes {
	margin: 0;
	padding: 0 0 0 7px;
}
#page .lab-no {
	padding: 0 0 0 30px;
}

* html #homeOwnerYes, * html #homeOwnerNo, * html #futureDevelopmentsYes, * html #futureDevelopmentsNo, * html #unsociableHoursYes, * html #unsociableHoursNo {
	margin: 0;
	height: 11px;
}
#homeOwnerYes, #homeOwnerNo, #futureDevelopmentsYes, #futureDevelopmentsNo, #unsociableHoursYes, #unsociableHoursNo, .agree {
	float: left;
	position: relative;
	overflow: hidden;
	width: auto;
}
* html #agree {
	margin: 0;
}
.top-bg .agree input {
	margin: 3px 0 0;
	width: auto;
}

.top-bg .radio input {
	float: left;
	position: relative;
	overflow: hidden;
	width: auto;
}

.interested {
	clear: both;
}
#page .interested {
	padding: 5px 0 0 7px;
}
#page p.pad {
	padding: 8px 0 1px 7px;
}
#page p.add {
	padding: 6px 0 1px 7px;
	float: left;
	width: 135px;
}
#page p.homeowner {
	padding: 2px 0 4px 0;
	float: left;
	width: 135px;
	font-size: 10px
}




/* [+] CONTENT -------------------------------------------*/

.centercolumn 
{
	margin-left:5px;
	margin-right:5px;
	width: 460px;
	float: left;
	font-size: 12px;
}

/* [+] TOPNAV ----*/

.top-nav {
	width: 500px;
	display: block;
	margin: 0;
	padding: 0;
}
.top-nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.top-nav li a {
	text-indent: -99999px;
	overflow: hidden;
	display: block;
	height: 26px;
	overflow: hidden;
	float: left;
	margin: 0 0 0 -4px;
}
.top-nav li a.help {
	background: url(../images/help.gif) no-repeat;
	width: 75px;
}
.top-nav li a.news {
	background: url(../images/news.gif) no-repeat;
	width: 75px;
}
.top-nav li a.apply-now {
	background: url(../images/apply-now.gif) no-repeat;
	width: 75px;
}
.top-nav li a.calculator {
	background: url(../images/how-we-can-help.gif) no-repeat;
	width: 97px;
}
.top-nav li a.home {
	background: url(../images/home.gif) no-repeat;
	width: 69px;
	margin: 0;
}
/* New links */
.top-nav li a.ask-us {
	background: url(../images/ask-us.gif) no-repeat;
	width: 68px;
}
.top-nav li a.contact-us {
	background: url(../images/contact-us.gif) no-repeat;
	width: 88px;
}
.top-nav li a.about-us {
	background: url(../images/about-us.gif) no-repeat;
	width: 75px;
}
.top-nav li a.jargon-buster {
	background: url(../images/jargon-buster.gif) no-repeat;
	width: 88px;
}
.top-nav li a.other-services {
	background: url(../images/other-services.gif) no-repeat;
	width: 91px;
}
/* End of new links*/

.top-nav li a.activ {
	background-position: bottom;
	position: relative;
	z-index: 0;
}
.top-nav li a:hover {
	background-position: bottom;
	position: relative;
	z-index: 10;
}

/* [+] SUBNAV ----*/

.sub-menu {
	margin: 0;
	padding: 0;
	/*background: url(../images/sub-menu.gif) no-repeat;*/
	background-color: #CBE7E9;
	/*width: 293px;*/
	width:auto;
	height: 18px;
	display: block;
	overflow: hidden;
	clear: both;
	font-size: 11px;
}
.sub-menu li {
	list-style: none;
	padding: 0 2px;
	margin: 0;
	display: inline;
	float: left;
}
.sub-menu li a {
	padding: 0 4px;
	height: 18px;
	color: #33a1ac;
	display: block;
	float: left;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
}
.sub-menu li a:hover, .sub-menu li a.activ {
	background: url(../images/sub-menu-hover.gif) repeat-x;
	color: #fff;
}

/* [+] CONTENT PROPER ----*/

.foto {
	position: relative;
}
h3.slogan {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	margin: 0 ;
	padding: 0;
	/*background: url(../images/slogan.gif) no-repeat; */
	width: 205px;
	height: 95px;
	top: 15px;
	left: 250px;
	position: absolute;
}

#textWrap {
	padding: 0 15px;	
}

#textWrap p{
padding-bottom:10px;
}

.centercolumn h1 {
	font-size: 22px;
	color: #008a97;
	margin: 0 0 10px 0;
	padding: 3px 0 0 0;
	text-align: center;
}
.centercolumn h2 {
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 3px 0 0 0;
}
.centercolumn h3 {
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 3px 0 0 0;
}
.centercolumn h2.arrow {
	background: transparent url(../images/icon-arrow-left.gif) no-repeat center left;
	padding-left: 50px;
}
.centercolumn p {
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 14px;
}
.centercolumn h4 {
	font-size: 12px;
	color: #008a97;
	margin: 0;
	padding: 10px 0;
}
.centercolumn h4 span {
	font-size: 15px;
	line-height: 15px;
}
.centercolumn h4.list-end {
	font-size: 15px;
	padding-top: 0;
}
.centercolumn blockquote {
	margin: 0 0 15px 0;	
}
.content-list {
	margin: 0 0 15px 8px;
	padding: 0;
}
.centercolumn p.list {
	padding: 0 0 8px 10px;
}
.content-list li {
	list-style: none;
	margin: 0;
	padding: 0 0 4px 12px;
	line-height: 15px;
	color: #000;
	background: url(../images/content-list-separator.gif) no-repeat 0 60%;
}

.logo-box
{
	width: 450px;
	margin-top: 10px;
	padding: 0 0 12px 10px;
}
.logo-box-content {
	margin: 0 12px 0 0;
	float: left;
	width: 136px;
}
.logo-box-content-right {
	margin: 0 12px 0 0;
	float:right;
	width: 136px;
}

.offer-box {
	background: #e5f3f4 url(../images/offer-top.gif) no-repeat 100% 0;
	width: 450px;
	margin-top: 10px;
}
.offer-box-bg {
	background: url(../images/offer-bottom.gif) no-repeat 100% 100%;
	padding: 0 0 12px 10px;
}
.offer-box-bg h4 {
	color: #2f2a5e;
	font-size: 14px;
	margin: 0;
	padding: 1px 0 4px 2px;
}
.offer-box-content {
	margin: 0 12px 0 0;
	float: left;
	background: url(../images/offer-box-top.gif) no-repeat;
	width: 136px;
}
.offer-box-content h5 {
	margin: 0;
	padding: 0;
	color: #2f2a5e;
	font-size: 11px;
	height: 21px;
	width: 136px;
	text-align: center;
	text-transform: uppercase;
	line-height: 21px;
}
.offer-box-content h5 a {
	text-decoration: none;
	color: #551A8B;
	}
.offer-box-content h5 a:hover {
	text-decoration: underline;
	}
.offer-box-content-b {
	background: #cee8e9 url(../images/offer-box-bottom.gif) no-repeat bottom;
	padding: 0 0 7px;
	width: 136px;
}
.offer-box-content-b p {
	margin: 0 0 0 2px;
	padding: 0 0 0 12px;
	width: 119px;
	font-size: 9px;
	color: #34a2ac;
	background: url(../images/offer-separatop.gif) no-repeat;
}
#page .mar {
	margin: 0;
}
#news #textWrap dl {
	background: #F1F9FB;
	margin-bottom: 2px;
	color: #59575C;
	padding: 7px 10px;
}
.news-title {	
	margin-bottom: 2px;
}
.news-date {
	font-style: italic;
	color: #000;
	font-size: 12px;
	margin-bottom: 2px;
}
#news #textWrap dl .news-title a {
	color: #188D97;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;	
}
#news #textWrap dl dd {
	margin: 0;
}

#form1 dd {
	margin: 0 0 7px 0;
}
#jargon dt {
	font-weight: bold;
}
#jargon dd {
	margin-left: 0;
}
#callBack {
	text-align: center;
	margin-bottom: 15px;
}
#callBack img {
	margin: 0 auto 0 auto;
}

/* set millions of background images */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 17em; margin: 1em auto; }

/* [+] RIGHT COLUMN -------------------------------------------*/

.rightcolumn {
	width: 143px;
	float: left;
}
.right-box-top {
	background: url(../images/rigt-box-top.gif) no-repeat;
	width: 141px;
	margin: 0 0 15px;
}
.right-box-top h5 {
	color: #eff8f8;
	width: 141px;
	height: 29px;
	display: block;
	font-size: 10px;
	line-height: 29px;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}
.right-box-top h5 a
{	
	color: #eff8f8;
	text-decoration: none;
}


.right-box-bottom {
	background: url(../images/rigt-box-bottom.gif) no-repeat bottom;
	padding: 0 0 8px;
}
.right-box {
	background: url(../images/rigt-box.gif) repeat-y;
}
.right-box p strong {
	display: block;
}
.right-box p, .right-box blockquote {
	margin: 0;
	padding: 3px 0 4px 9px;
	font-weight: normal;
	font-size: 10px;
	color: #000;
	width: 121px;
	text-align: left;
}
.right-box p.blue {
	color: #40a7b1;
	font-size: 10px;
	width: 141px;
	padding: 2px 0 0;
	text-align: center;
}
.right-box blockquote cite {
	display: inline;
	font-style: normal;
	font-weight: bold;
}

#res {
	margin: 5px 0 0;
	width: 125px;
	padding: 1px 2px;
	text-align: right;
	background: #e1f3fc;
}
#num {
	width: inherit;
}
* html #go-b {
	padding-left: 0;
}
#go-b {
	padding: 7px 0 0 38px;
	display: block;
}
.right-box form {
	margin: 0;
	padding: 0;
	text-align: center;
}
.rightcolumn img {
	margin: 3px 0 0 3px;
}
.rightcolumn ul {
	margin: 0;		
	padding: 3px 5px;
	list-style: none;
}
.rightcolumn #newsitems {
	margin: 0;		
	padding: 3px 5px 0px 17px;
	list-style-type: disc;
}

.rightcolumn ul a {
	color: #000;
	font-size: 11px;
	text-decoration: none;
}


/* [+] FOOT -------------------------------------------*/

.footer {
	margin: -15px auto 0 auto;
	width: 816px;
}
.footer ul {
	margin: 0 0 0 200px;
	padding: 0 0 25px;
	line-height: 9px;
	font-size: 9px;
}
.footer ul li {
	list-style: none;
	margin: 0;
	padding: 0 10px 0 9px;
	background: url(../images/footer-separator.gif) no-repeat right;
	display: block;
	float: left;
}
.footer ul li.first {
	padding: 0 10px 0 0;
}
.footer ul li.end {
	padding: 0 0 0 9px;
	background: none;
}
.footer ul li a {
	position: relative;
	color: #6F6F6F;
	text-decoration: none;
}
.footer ul li a:hover {
	text-decoration: underline;
}
.footer p {
	font-size: 11px;
	color: #ffffff;
	line-height: 12px;
	width: 800px;
	margin: 0 0 0 8px;
	padding: 0 0 11px;
}
.footer a.fisa {
	display: block;
	margin: 0 0 11px 66px;
}
.siz1 {
	color: #cccdce;
	font-size: 14px;
	font-weight: bold;
}
.siz2 {
	color: #cccdce;
	font-size: 11px;
	font-weight: bold;
}
.siz3{
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}

/* [+] News */

#newsWrap img 
{
	float: left;
	padding: 0 10px 0 0;
	
}

/* [+] UTILITY -------------------------------------------*/

.clear {
	height: 1px;
	clear: both;
	overflow: hidden;
}

.clearFix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
.clearFix {display:inline-block;}

/* [+] Navigation Tabs */
 #tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
      }
    #tabs ul {
	margin:0;
	list-style:none;
	padding: 0px;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	background-image: url(../images/tableftF.gif);
	background-repeat: no-repeat;
	background-position: left top;
      }
    #tabs a span {
	float:left;
	display:block;
	color:#FFFFFF;
	background-image: url(../images/tabrightF.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
      }
    #tabs a span {float:none;}

    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
      
    #tabs a.activ
    {
	  	background-position:100% -42px;
	}
    
   

