/* Table of Contents --------------- 1. Reset 2. Elements (a, body, p, etc.) 3. ID's (#container, etc.) 4. Classes (.red, .clear, etc.) ------------------------------------*/ /* 1. Reset ----------------------- */ * {margin: 0;} html {background: #390504 url(../images/bkgd_repeat.jpg) repeat-x; color: #4f4c47; margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;} /*----------------------------------*/ /* 2. Elements -------------------- */ body {background: url(../images/background_image_7.jpg) no-repeat; font-family: Helvetica, Arial, sans-serif;} p {color: #4f4c47; font-size: 85%; line-height: 25px; margin-top: 10px;} a {color: #810600; font-weight: bold; text-decoration: none; outline: 0;} a:hover {color: #4f4c47; text-decoration: underline;} h1, h2, h3, h4, h5, h6 {font-weight: bold; margin: 10px 0px;} h2 {color: #c09893; font-size: 95%;} h3 {font-size: 220%; line-height: 42px;} h4 {font-size: 110%; line-height: 30px; margin-bottom: 0px;} ul {list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0px; padding: 0px; } /*----------------------------------*/ /* 3. ID's ------------------------ */ #wrap {margin: 0 auto; width: 839px;} #header {width: 100%; padding-top: 10px; margin-bottom: 20px;} #logo {background: url(../images/ps_logo.png) no-repeat; display: block; margin-top: 20px; margin-left: 4px; height:60px; width:409px; float: left; text-indent: -9999px;} #subtext {background: url(../images/subtext.png) no-repeat; display: block; text-indent: -9999px; height: 36px; width: 253px; float: right; margin-top: 40px; margin-right: 5px;} #nav {height: 29px; margin-left: 4px; margin-top: 10px; width: 839px;} #nav li {margin-right: 5px;} #nav ul li a {display: inline; float: left; background: url(../images/middle_nav.png) repeat-x; height: 34px; padding: 10px 10px 0px;} #nav a {color: #fffefe; font-weight: lighter; font-size: 90%} #whiteBox {margin: 0 auto; width: 839px;} #whiteBox_top {background: url(../images/whiteBox_top.png) no-repeat; height: 10px; width: 839px;} #whiteBox_middle {background: url(../images/whiteBox_middle.png) repeat-y; width: 839px; padding: 5px 15px 15px;} #whiteBox_bottom {background: url(../images/whiteBox_bottom.png) no-repeat; height: 10px; width: 839px;} #videoBox_top {background: url(../images/videoBox_top.jpg) no-repeat; height: 14px; width: 520px;} #videoBox_middle {background: url(../images/videoBox_middle.jpg) repeat-y; width: 520px;} #videoBox_middle img {width: 473px; display: block; margin: 0 auto; padding: 10px 0px;} #videoBox_bottom {background: url(../images/videoBox_bottom.jpg) no-repeat; height: 14px; width: 520px;} #leftCol {width: 525px; float: left; margin-left: 0px;} #leftCol h3, #leftCol h4, #leftCol p, .horzLine {margin-left: 10px;} .horzLine {background: url(../images/horiz_line.jpg) no-repeat; height: 5px; width: 440px;} #rightCol {width: 280px; float: right; margin-right: 15px; margin-bottom: 10px; border-left: 1px solid #d4d4d4; padding-left: 10px;} #leftBox_text {float: left; width: 250px; margin-right: 5px;} #leftBox_text_sub {float:left; padding-right: 5px;} #leftBox_text_sub ul {list-style-position: outside; list-style-type: disc; font-size: 80%; line-height: 25px; margin-left: 30px;} #leftBox_text_sub h4 {color: #810600;} #leftBox_image { width: 266px; float: left; margin-right: 5px;} #rightBox_map {float: right; width: 266px;} #map {background: url(../images/googlemap.jpg) no-repeat; margin: 0 auto; display: block; width: 208px; height: 145px; border: 1px solid #bebbb6;} #map_lg iframe {margin-left: 10px; border: 1px solid #d4d4d4;} #map_lg a {margin-left: 10px;} #meeting {background: url(../images/meeting.jpg) no-repeat; margin: 0 auto; display: block; width: 208px; height: 145px; border: 1px solid #bebbb6;} #business {background: url(../images/businessplan.jpg) no-repeat; margin: 0 auto; display: block; width: 208px; height: 145px; border: 1px solid #bebbb6;} #money {background: url(../images/money.jpg) no-repeat; margin: 0 auto; display: block; width: 208px; height: 145px; border: 1px solid #bebbb6;} #family {background: url(../images/family.jpg) no-repeat; margin: 0 auto; display: block; width: 208px; height: 145px; border: 1px solid #bebbb6;} #rightBox_map h3 {margin: 0 auto; width: 170px; font-size: 125%; line-height: normal; padding-top: 10px;} #rightBox_map p {margin: 0 auto; text-align: center; line-height: 22px;} #partners {background: url(../images/partners.jpg) no-repeat; height: 194px; width: 260px;} #connect {background: url(../images/linkedin.jpg) no-repeat; display: block; height: 131px; width: 260px;} #footer { width: 100%; height:35px; clear: both; margin-bottom: 40px;} #copyright {float: left; margin-left: 5px;} #creator {float: right; margin-right: 10px;} #form {margin-left: 10px; background: url(../images/contact.jpg) no-repeat; background-position: 275px 21px;} #form p {margin-left: 0px;} #footer p, #footer a, #footer a:hover {color: #c09893; font-weight: normal; font-size: 11px;} /*----------------------------------*/ /* 4. Classes --------------------- */ .skip, #header h1 {display: none; text-indent: -9999px;} .left_nav {background: url(../images/left_nav.png) no-repeat; height: 34px; width: 4px; float: left;} .right_nav {background: url(../images/right_nav.png) no-repeat; height: 34px; width: 4px; margin-right: 4px; float: left;} .slideshow {height:68px; width: 216px; margin: 0 auto; overflow: hidden;} .slideshow img {border: 0px;} .bold {font-weight: bold;} .italic {font-style: italic; line-height: normal; margin-top: 0px;} .clear {clear: both;} .button {margin-top: 10px;} .indent {margin-left: 20px; list-style-type: circle;} .small {font-size: 85%; margin-top: 0px; line-height: 10px; margin-bottom: 10px;} .small2 {font-size: 85%; font-weight: normal; /* float: right; margin-right: 10px; */} .left_list {float: left; width: 200px;} .right_list {float: right; width: 320px;} .smallBox_top {background: url(../images/smallBox_top.jpg) no-repeat; height: 16px; width: 266px;} .smallBox_middle {background: url(../images/smallBox_middle.jpg) repeat-y; width: 266px; padding: 10px 0px;} .smallBox_bottom {background: url(../images/smallBox_bottom.jpg) no-repeat; height: 16px; width: 266px;} .bio_box {width: 480px; margin-left: 10px; margin-bottom: 15px; padding: 10px; border: 1px solid #d4d4d4;} .bio_image {float: left; height:150px; width: 120px; margin-right: 15px;} .bio_image img {border: 1px solid #3d3d3d; } #leftCol .bio_text p {margin-left: 0px;} .float_left {float: left;} #dropdown {float: right; margin-top: 25px; margin-right: 15px;} /* .inline {float: right; margin-right: 5px;} */ .staff_member {/* color: #4f4c47; */ margin-top: 0px; font-weight: bold; text-decoration: none; font-size: 135%; line-height: normal;} a:hover.staff_member, a:hover.subHead {text-decoration: none; color: #810600;} #leftBox_text_sub .bio_text .email {font-weight: normal; font-size: 90%; text-decoration: underline; line-height: normal;} .buttons, .quote {margin-right: 10px; padding-left: 10px; margin-bottom: 29px;} .claims_button {margin-right: 10px; padding-left: 10px; margin-bottom: 15px;} .overlay .close {background: url(../images/closeButton.png) no-repeat; cursor: pointer; position: absolute; height: 30px; width: 30px; right:-16px; top:-13px;} #claims {width: 550px; margin-left: -45px; background: #666; border: 7px solid #ccc; padding: 10px 20px; color:#fff; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #claims h3 {color: #FFF; font-size: 14px; line-height: normal; margin: 0;} #claims p {color: #000; line-height: normal; margin: 0 0 10px;} .personalClaims {float: left; margin: 0;} .personalClaims h2 {width: 350px; height: 22px; background: url(../images/claims_header.jpg) no-repeat;} #commercialClaims h2 {width: 220px; height: 22px; background: url(../images/claims_header.jpg) no-repeat; background-position: 0 -22px;} .personalClaims h2, #commercialClaims h2 {margin-left: -6px; text-indent: -9999px; margin-bottom: 20px; color: #FFF; font-size: 16px;} #col1 {width: 110px;} #col2 {width: 140px; margin-right: 15px; margin-top: 52px;} #commercialClaims {width: 150px; float: left; margin: 0 10px 0 70px;} .claims_button a {background: url(../images/claims_button.jpg) no-repeat; height: 48px; width: 246px; background-position: 0 -48px; display: block; text-indent: -9999px; margin-top: 10px;} .claims_button a:hover {background-position: 0 0px;} .personalInsurance_button a {background: url(../images/personal_button.jpg) no-repeat; height:48px; width: 246px; background-position: 0 -48px; display: block; text-indent: -9999px; margin-bottom: 7px;} .personalInsurance_button a:hover {background-position: 0 0px;} .businessInsurance_button a {background: url(../images/business_button.jpg) no-repeat; height:48px; width: 246px; background-position: 0 -48px; display: block; text-indent: -9999px; margin-bottom: 7px;} .businessInsurance_button a:hover {background-position: 0 0px;} .financialServices_button a {background: url(../images/financial_button.jpg) no-repeat; height:48px; width: 246px; background-position: 0 -48px; display: block; text-indent: -9999px; margin-bottom: 7px;} .financialServices_button a:hover {background-position: 0 0px;} .advisors_button a {background: url(../images/advisors_button.jpg) no-repeat; height:48px; width: 246px; background-position: 0 -48px; display: block; text-indent: -9999px; margin-bottom: 7px; margin-top: 15px; margin-left: 10px;} .advisors_button a:hover {background-position: 0 0px;} .investServices_button a {background: url(../images/investServices.jpg) no-repeat; height:28px; width: 144px; background-position: 0 -28px; display: block; text-indent: -9999px;} .investServices_button a:hover {background-position: 0 0px;} .quoteButton a {background: url(../images/quoteButton3.jpg) no-repeat; height:28px; width: 144px; background-position: 0 -28px; display: block; text-indent: -9999px; margin-top: 10px; /* margin: 20px 0px 10px 12px; */} .quoteButton a:hover {background-position: 0 0px;} .quote {background: url(../images/quote.jpg) no-repeat; width: 247px; height: 200px; text-indent: -9999px; margin-left: 10px;} /*----------------------------------*/