@charset "UTF-8"; /* CSS Document */ #wrapper { width: 1024px; margin: 0 auto; background: url('../images/PV-services-bg.jpg') no-repeat; height: 909px; } #container { width: 793px; margin: 0 auto; } /*header, logo and nav*/ .header { height: auto; width: 793px; padding: 18px 17px 0 17px; } .pvlogo a { background: url('../images/PVlogo.jpg') no-repeat; width: 314px; height: 78px; display: block; text-indent: -9999px; margin-bottom: 21px; } ul.navbar { background: url('../images/navbar.jpg') no-repeat; width: 735px; height: 35px; font-family: Verdana; font-weight: bold; font-size: 13px; } ul.navbar li { display: inline; position: relative; top: 10px; } ul.navbar li a { color: #000000; text-decoration: none; border-right: solid #000 2px; padding: 0 10px; } ul.navbar li a:hover { color: #000000; } ul.navbar a.lastnav { border-right: none; } /* middle section */ .middle {} .sidebar { padding: 34px 0 0 16px; width: 228px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; line-height: 16px; } .sidebar p { font-weight: bold; padding-right: 30px; } .sidebar ul { font-size: 12px; font-weight: bold; padding-top: 15px; padding-left: 18px; } .sidebar ul li { list-style-image: url('../images/linkbullets.jpg'); list-style-position: outside; padding-bottom: 8px; padding-right: 30px; } .sidebar ul li a { color: #333333; text-decoration:none; } .sidebar ul li a:hover { color: #e03851; text-decoration:none; } .content { float: left; width: 508px; padding: 34px 0 0 0px; font-family: Verdana; } .content h1 { font-size: 18px; color: #666666; line-height: 20px; padding-bottom: 15px; border-bottom: 1px solid red; } .content p { color: #666666; font-size: 13px; line-height: 16px; padding: 18px 10px 0 0; } .content h2 { padding-top: 38px; font-size: 17px; color: #666666; } .content ul { padding: 18px 0 0 16px; } .content ul li { list-style: disc; color: #666666; font-size: 13px; line-height: 20px; } .people { float: left; margin-top: 20px; width: 254px; } .peopletext { float: left; font-size: 8px; padding-left: 11px; } .peopletext h2 { font-size: 14px; padding: 0; } .peopletext p { font-size: 10px; padding: 0; } .peopletext a { font-size: 8px; padding: 2px 0; color: #666666; text-decoration: none; } .peopletext a:hover { color: #666666; font-size: 8px; text-decoration: underline; } .keith { background: url('../images/people/keith.jpg') no-repeat; width: 69px; height: 85px; float: left; } .rebecca { background: url('../images/people/rebecca.jpg') no-repeat; width: 69px; height: 85px; float: left; } .amanda { background: url('../images/people/amanda.jpg') no-repeat; width: 69px; height: 85px; float: left; } .mills { background: url('../images/people/louise.jpg') no-repeat; width: 69px; height: 85px; float: left; } .gill { background: url('../images/people/gill.jpg') no-repeat; width: 69px; height: 85px; float: left; } .michelle { background: url('../images/people/michelle.jpg') no-repeat; width: 69px; height: 85px; float: left; } .geoff { background: url('../images/people/geoff.jpg') no-repeat; width: 69px; height: 85px; float: left; } .rupert { background: url('../images/people/rupert.jpg') no-repeat; width: 69px; height: 85px; float: left; } .maureen { background: url('../images/people/maureen.jpg') no-repeat; width: 69px; height: 85px; float: left; } /* base of site */ .footer { clear: both; font-family: Verdana; color: #666666; } p.fleft { padding-top: 50px; padding-bottom: 15px; float: left; font-size: 11px; } p.fright { padding-top: 50px; padding-bottom: 15px; float: right; font-size: 12px; } p.fright a { color: #666666; text-decoration: none; } p.fright a:hover { color: #000000; text-decoration: underline; }