body {
 margin: 0pt;
 padding: 0;
 font-family: Times New Roman,Arial,Verdana;
 font-size: 12pt;
 font-style: normal;
 text-align: justify;
 background-image: url("../i/pfm-associates-office.jpg");
 background-repeat: no-repeat;
 background-position: center center;
}

.Navigation {
 width: 119px;
 margin-top: 140px;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 font-family : Times New Roman, Verdana, Geneva, Arial, Helvetica, sans-serif;
 line-height : 100%;
 z-index: 6;
 border: 0px solid cyan;
}

.navbox {
 width: 115px;
 margin: 1px;
 padding: 1px 1px 1px 2px;
 font-size: 14px;
 line-height: 18.5px;
 font-weight: 500;
 font-family: Times New Roman, Verdana, Arial, Tahoma, Helvetica, sans-serif;
 background-color:#39F; 
 color : #000088;
 border-color: #999999;
 border-width: 0px;
 border-style: solid;
}

A:link {color: #0000ff; text-decoration : none;}
A:visited {color: #000; text-decoration : none;}
A:hover { color: #3499CC; text-decoration : underline;}
A:active {color: #FF0000; text-decoration : none;}

A.nav {
 color : #006699;
 text-decoration : none;
 background: transparent;
 display: block;
}

A.nav:hover {
 color: #FFFF33;
 text-decoration : none;
 display: block; 
}

A.navtot {
 color: #000000;
 text-decoration: none; 
 font-weight: normal;
 background: transparent;
 display: block;
}

A.coinlink {
 font-size: 16pt;
 text-decoration : none;
 color: #000000;
}

A.coinlink:hover {
 text-decoration : none;
 background: none;
 color: #006699;
}

a.text1 {
 margin: 0;
 padding: 0;
}

#bluebox {
 position: relative;
 left: 5%;
 top: 5px;
 width: 130px;
 height: 560px;
 margin: 0;
 padding: 0;
 border: 2px #000 solid;
 border-bottom: 0;
 background-color: #36C;
 background-image: url("../i/pfm-associates.jpg");
 background-position: center bottom;
 background-repeat: no-repeat;
 z-index: 0;
}

#boxfooter, #contactbox, #pensionbox, #insurancebox, #taxbox, #planningbox, #corporatebox, #savingsbox, #mortgagebox {
 position: absolute;
 left: 5%;
 top: 565px;
 width: 124px;
 height: auto;
 padding: 0 0 24px 6px;
 font-size: 9pt;
 text-align: left;
 color: #FFFFFF;
 background-color: #36C;
 border-left: 2px #000000 solid;
 border-top: 0;
 border-right: 2px #000000 solid;
 border-bottom: 2px #000000 solid;
}

#contactbox {
 height: auto;
}

#pensionbox {
 height: 320px;
}

#insurancebox {
 height: auto;
}

#taxbox {
 height: auto;
}

#planningbox {
 height: auto;
}

#corporatebox {
 height: auto;
}

#savingsbox {
 height: auto;
}

#mortgagebox {
 height: auto;
}

#yellowbox {
 position: absolute;
 left: 8%;
 top: 30px;
 width: 85%;
 height: 30px;
 border: 2px #000 solid;
 background-color: #FF9;
 text-align: right;
 vertical-align: middle;
 padding-top: 69px;
 z-index: 1;
}

#greybox {
 position: absolute;
 left: 22%;
 top: 20px;
 width: 25%;
 height: 90px;
 border: 2px #000 solid;
 background-color: #CCC;
 z-index: 2;
}

#whitebox {
 position: absolute;
 padding: 0px 0 0 0;
 left: 42%;
 top: 42px;
 width: 49%;
 height: 55px;
 text-align: center;
 border: 2px #000000 solid;
 background-color: #FFF;
 z-index: 3;
 font-size: 16pt;
}

.ciilogo {
 float: right;
 margin: 0 0px 0 0;
}

.pfmtitle {
 margin: 0px 0 0 0;
 padding: 0px 0 0 0;
 vertical-align: middle;
 font-size: 16pt;
 font-style: normal;
 font-weight: bold;
 letter-spacing: 0.05cm;
}
/*
 the text in the white box needs to be vertically-centred inside the box, this was done
 by padding the white box. But since we now need the CII logo in the white box we had to 
 remove the padding. This left the text at the top of the white box and setting a margin
 or padding would not move it down. Hence horrible cheat of inserting a span with a blank
 space and setting the font size to bump the text down.
 
 homepage needs different spacing as it has two lines of text, other pages only have one

*/
.bigcheat {
 margin-top: 0;
 padding: 0;
 font-size: 6px;
}

.bigcheat1 {
 margin-top: 0;
 padding: 0;
 font-size: 10px;
}

.titleunder {
 font-size: 10pt;
}

.homelink {
 font-size: 18pt;
 padding-left: 55px;
 margin-left: 55px;
}

#logo {
 position: absolute;
 left: 10%;
 top: 35px;
 z-index: 5;
}

#contentbox {
 position: absolute;
 left: 240px;
 top: 140px;
 width: 72%;
 height: 65%;
 margin: 0;
 padding: 0;
 border: 0px Red solid;
 z-index: 7;
}

h1 {
 margin: 0;
 padding: 0;
 font-size: 16pt;
}

h2 {
 margin: 1% 0 1% 0;
 font-size: 12pt;
}

h4 {
 margin: 1% 0 1% 0;
}

p {
 margin-left: 0%;
 margin-top: 1%;
 margin-right: 4%;
 margin-bottom : 2%;
 padding-left: 0%;
}

p.Footer {
 text-align: justify;
 font-size: 9pt;
 font-weight: bold;
 padding: 0%;
 margin-bottom : 0%;
 margin-right: 0%;
}

P.Center {
 margin: 0 auto;
 text-align: center;
 font-size: 9pt;
 font-weight: bold;
}

P.C {
 text-align: center;
 margin: 0 auto;
}

INPUT, TEXTAREA {
 background-color: #ECECEC;
 font-family: arial, verdana, ms sans serif;
 font-size: 10pt;
 font-weight: normal
}