/* typography.css */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Removes list-style from lists */
ol, ul { list-style: none; margin: 0px; padding: 0px;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
cite {text-align: left; font-weight: bold;font-style: normal;}
/* Removes list-style from lists */
table { border-collapse: collapse; border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset, img { border: 0; }

/* Left-aligns text in caption and th */
caption, th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content: ''; }
body { font: 72%/1.5 "Tahoma" , "Verdana" , "Arial"; margin: 0; padding: 0; }

h2, h3, h4, ul { margin: 0 20px .75em; }

blockquote { margin: 0 20px .75em; margin-bottom: 50px; font-style: italic;}

.normalquote { margin: 0 20px .75em; margin-bottom: 80px;}


h2, h3 { margin-bottom: .15em; font-size: 200%; font-weight: normal; letter-spacing: 0; }

p { font-size: 1em; color: #515054; }


a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:link, a:visited { }






/* layout.css */

html {text-align:center;}
body { width:1007px;margin:0 auto;text-align:left;position: relative; }

div#container {position: relative;width:100%; border: 0px solid #0FF;}
div#wrapper { float: right; width: 100%; margin-left: -770px; border: 0px solid #F0F; }
div#rightcontent { margin-left: 770px;text-align: left; }
div#leftcontent { float: left; width: 198px; border: 0px solid #FF0;  }
div#maincontent { float: left; width: 790px; min-width: 790px; border: solid 0px #555; }
div#footer { clear: both; width: 100%;  }

div#headerleft { width: 100%; height: 80px; background: transparent url(../images/STEEL_Logo.png) no-repeat 0px 0px; }
div#header { border: 0px #000 solid; background: transparent url(../images/PFM_Group_Logo.png) no-repeat 770px 0px; }
div#homeheadercenter { position: absolute; left: 572px; top: 0px; width: 198px; height: 80px; background: transparent url(../images/imagestrip_home_1.jpg) no-repeat; }
div#aboutusheadercenter { position: absolute; left: 572px; top: 0px; width: 198px; height: 80px; background: transparent url(../images/imagestrip_about_1.jpg) no-repeat; }
div#planningheadercenter { position: absolute; left: 572px; top: 0px; width: 198px; height: 80px; background: transparent url(../images/imagestrip_services_1.jpg) no-repeat; }
div#ourclientsheadercenter { position: absolute; left: 572px; top: 0px; width: 198px; height: 80px; background: transparent url(../images/imagestrip_clients_1.jpg) no-repeat; }
div#wealthheadercenter { position: absolute; left: 572px; top: 0px; width: 198px; height: 80px; background: transparent url(../images/imagestrip_experience_1.jpg) no-repeat; }
div#clientloginheadercenter { position: absolute; left: 572px; top: 0px; width: 198px; height: 80px; background: transparent url(../images/imagestrip_login_1.jpg) no-repeat; }
div#contactusheadercenter { position: absolute; left: 572px; top: 0px; width: 198px; height: 80px; background: transparent url(../images/imagestrip_contact_1.jpg) no-repeat; }

div#homenavtop { position:relative;width: 1007px; height: 190px; background: #005a95; }
div#navtop { position:relative;width: 1007px; height: 48px; background: #005a95; }
ul#topnav { position:absolute;top:20px;left:0;}
ul#topnav li{ display:inline;line-height:10px; }
ul#topnav li a{ float:left;color:White;padding:0.1em 0.4em;text-transform:uppercase; border-right: solid 1px white;font-size:98%; }
ul#topnav a.norightborder { border-right: solid 0}


p#welcome {color:White;font-size:600%;position:absolute;left:0;top:160px;margin-left:20px;  }


div#homenavcenter { position: absolute; left: 572px; top: 80px; width: 198px; height: 190px; background: transparent url(../images/imagestrip_home_2.jpg) no-repeat; }
div#aboutusnavcenter { position: absolute; left: 572px; top: 80px; width: 198px; height: 48px; background: transparent url(../images/imagestrip_about_2.jpg) no-repeat; }
div#planningnavcenter { position: absolute; left: 572px; top: 80px; width: 198px; height: 48px; background: transparent url(../images/imagestrip_services_2.jpg) no-repeat; }
div#ourclientsnavcenter { position: absolute; left: 572px; top: 80px; width: 198px; height: 48px; background: transparent url(../images/imagestrip_clients_2.jpg) no-repeat; }
div#wealthnavcenter { position: absolute; left: 572px; top: 80px; width: 198px; height: 48px; background: transparent url(../images/imagestrip_experience_2.jpg) no-repeat; }
div#clientloginnavcenter { position: absolute; left: 572px; top: 80px; width: 198px; height: 48px; background: transparent url(../images/imagestrip_login_2.jpg) no-repeat; }
div#contactusnavcenter { position: absolute; left: 572px; top: 80px; width: 198px; height: 48px; background: transparent url(../images/imagestrip_contact_2.jpg) no-repeat; }

div#contentleft h3 { margin-left: 20px; margin-top: 39px; color: #005a95;font-size:100%; }
div#contentleft { float: left; width: 198px; }
div#contentleft p { margin-left: 20px; margin-top: 10px; }
div#contentleft li { font-size:95%;color:#515054; }

div#homecontentcenter { float: left; width: 572px; height: 307px; background: transparent url(../images/imagestrip_home_3.jpg) no-repeat right top; }
div#homecontentcenter h2 { margin-left: 20px; margin-top: 16px; color: #005a95; }
div#homecontentcenter p { width: 55%; margin-left: 20px; margin-top: 10px; }

div#aboutuscontentcenter { float: left; width: 572px; height: 449px; background: transparent url(../images/imagestrip_about_3.jpg) no-repeat right top; }
div#aboutuscontentcenter h2 { margin-left: 20px; margin-top: 26px; color: #005a95; }
div#aboutuscontentcenter p { width: 63%; margin-left: 0px; margin-top: 10px; text-align: justify; }

div#planningcontentcenter { float: left; width: 572px; height: 449px; background: transparent url(../images/imagestrip_services_3.jpg) no-repeat right top; }
div#planningcontentcenter h2 { margin-left: 20px; margin-top: 26px; color: #005a95; }
div#planningcontentcenter p {width: 63%; margin-left: 0px; margin-top: 10px; text-align: justify; }

div#ourclientscontentcenter { float: left; width: 572px; height: 449px; background: transparent url(../images/imagestrip_clients_3.jpg) no-repeat right top; }
div#ourclientscontentcenter h2 { margin-left: 20px; margin-top: 36px; color: #005a95; }
div#ourclientscontentcenter p { width: 55%; margin-left: 20px;  }

div#wealthcontentcenter { float: left; width: 572px; height: 449px; border: 0px dashed #000; background: transparent url(../images/imagestrip_experience_3.jpg) no-repeat right top; }
div#wealthcontentcenter h2 { margin-left: 20px; margin-top: 26px; color: #005a95; }
div#wealthcontentcenter p { width: 63%; margin-left: 0px; margin-top: 10px; text-align: justify; }

div#clientlogincontentcenter { float: left;  width: 572px; height: 449px; background: transparent url(../images/imagestrip_login_3.jpg) no-repeat right top; }
div#clientlogincontentcenter h2 { margin-left: 20px; margin-top: 36px; color: #005a95; }
div#clientlogincontentcenter p { width: 55%; margin-left: 20px;  }

div#privacycontentcenter { float: left; margin-left: -150px; width: 722px; height: 449px; background: transparent url(../images/imagestrip_login_3.jpg) no-repeat right top; }
div#privacycontentcenter h2 { margin-left: 20px; margin-top: 36px; color: #005a95; }
div#privacycontentcenter p { width: 65%; margin-left: 20px;  }
div#privacycontentcenter li{ width: 65%;  }

div#sitemapcontentcenter { float: left; margin-left: -150px; width: 710px; height: 449px; background: transparent url(../images/imagestrip_login_3.jpg) no-repeat right top; }
div#sitemapcontentcenter h2 { margin-left: 20px; margin-top: 36px; color: #005a95; }

div#contactuscontentcenter { float: left; width: 572px; height: 449px; background: transparent url(../images/imagestrip_contact_3.jpg) no-repeat right top; }
div#contactuscontentcenter h2 { margin-left: 20px; margin-top: 36px; color: #005a95; }
div#contactuscontentcenter p { width: 55%; margin-left: 20px;  }

div#homecontentright { position: absolute; top: 260px; left:750px; width: 220px; margin-top: 65px; margin-left: 29px; color:#515054 }
div#contentright { position: absolute; top: 120px; left:750px; width: 220px; margin-top: 65px; margin-left: 29px; color:#515054 }
div#contentright blockquote cite {display:block; padding-top:1.8em;}
div#homecontentright blockquote cite {display:block; padding-top:1.8em;}

div#homecontentright img{ border:none;margin:0;padding:0;}
p#pictext { margin: 8px; }
p#piccaption { border:none;background-color: #005a95; color: White; text-indent: 8px;height:20px;margin-top:0;padding-top:0; }

div#bottomfiller {text-align: center; font-size: 80%; color: #515054; position: absolute; left: 50px; top: 595px; width: 900px; height: 30px; border-top: 1px solid #ddd;}


#offices {position: absolute; left: 0px; top: 400px; text-align:center;}
#leftimg1 {position: absolute; left: 0px; top: 322px; text-align:center;}
#leftimg2 {position: absolute; left: 0px; top: 322px; text-align:center;}
#leftimg3 {position: absolute; left: 0px; top: 322px; text-align:center;}
#leftimg4 {position: absolute; left: 0px; top: 130px; text-align:center;}


div#bottomnav { position:absolute;left:211px;bottom:-10px;}
div#bottomnav ul{ width:100%;}
div#bottomnav li{ display:inline;line-height:10px; }
div#bottomnav li a{ float:left;color:#515054;padding:0.0em 0.4em;text-transform:lowercase; border-right: solid 1px #515054; font-size:80%}
div#bottomnav a.norightborder { border-right: solid 0} 

a.nolink {text-decoration: none; color: blue;}

.allocation{font-size: 9px; font-weight: bold; padding: 0px; }

div#sitemap{position:absolute;top:200px;left:100px;width:450px;}
div#sitemap ul{padding: 0; margin-bottom: 0;}
div#sitemap li{padding: 0; margin-left: 10px;}