/************************************************** * Body * **************************************************/ body { background:#fff url('../img/background/body.jpg') repeat-x; background-position:0 0; color:#333; font:100.1%/1 Arial, sans-serif; margin:0; text-align:center; } /************************************************** * General * **************************************************/ a { text-decoration:none; } a:hover { } img { border:0; } /************************************************** * Container * **************************************************/ #container { background:url('../img/background/container.jpg') repeat-y; background-position:0 0; font-size:62.5%; line-height:1.5; margin:0 auto; text-align:left; width:960px; } #container:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; } /************************************************** * Header * **************************************************/ #header { background:#fff url('../img/background/header.jpg') repeat-x; background-position:0 0; height:170px; width:960px; } #header h1 { background:url('../img/background/header_h1.jpg') no-repeat; background-position:0 0; float:left; height:85px; margin:0; text-indent:-9999px; width:308px; } #header h1 a { display:block; height:100%; } #header p { color:#fff; float:right; font:1.7em/1.2 Georgia, 'Times New Roman', Times, serif; margin:20px 0 0 32px; width:620px; } #header ul { clear:both; font:1.3em Verdana, Arial, sans-serif; line-height:45px; list-style:none; margin:0; padding:0 10px; width:940px; } #header ul li { float:left; position:relative; } #header ul li a { color:#003; display:block; padding:0 19px; } #header ul li a:hover { text-decoration:underline; } #header ul li a.selected { background:#8a784d url('../img/background/header_ul_li_a-selected.jpg') repeat-x; background-position:0 0; color:#fff; } #header ul li ul { background:#beaf86; border-left:1px solid #624638; border-right:1px solid #624638; display:none; font-size:.9em; left:0; line-height:1.2; padding:0; position:absolute; top:45px; width:auto; } #header ul li ul li { clear:both; float:none; white-space:nowrap; } #header ul li ul li a { border-bottom:1px solid #624638; padding:6px 14px; } #header ul li ul li a:hover { background:#cfbf9b; } /************************************************** * Header > Breadcrumbs * **************************************************/ #header .breadcrumbs { clear:both; height:45px; padding:0 10px; } #header .breadcrumbs p { color:#666; font:1.2em/45px Arial, sans-serif; margin:0; width:940px; } #header .breadcrumbs p a { border-bottom:1px dotted #999; color:#666; } #header .breadcrumbs p a:hover { border-bottom-style:solid; } /************************************************** * Content * **************************************************/ #content { float:right; padding:0 0 0 11px; width:749px; } /************************************************** * Content > Main * **************************************************/ #content .main { float:left; padding:0 1px 0 0; width:538px; } #content .main a { border-bottom:1px dotted #003; color:#003; } #content .main a:hover { border-bottom-style:solid; } #content .main h1 { color:#66453e; font:3.4em/1 Georgia, 'Times New Roman', Times, serif; margin:0 0 10px; } #content .main h2 { color:#66453e; font:3.4em/1 Georgia, 'Times New Roman', Times, serif; margin:0 0 10px; } #content .main h3 { color:#66453e; font:2.1em/1 Georgia, 'Times New Roman', Times, serif; margin:5px 0 10px; } #content .main h4 { color:#66453e; font:1.8em/1 Georgia, 'Times New Roman', Times, serif; margin:5px 0 10px; } #content .main h5 { color:#66453e; font:1.3em/1 Georgia, 'Times New Roman', Times, serif; margin:5px 0 10px; } #content .main h6 { color:#66453e; font:1.2em/1 Georgia, 'Times New Roman', Times, serif; margin:0 0 10px; } #content .main img { } #content .main img.left { float:left; margin:0 10px 10px 0; } #content .main img.right { float:right; margin:0 0 10px 10px; } #content .main ol { font-size:1.2em; margin:0; padding:0 0 10px 25px; } #content .main ol li { padding:0 0 2px; } #content .main ol li ol { font-size:1em; margin:0 0 -2px; padding:2px 0 0 25px; } #content .main p { font-size:1.2em; margin:0; padding:0 0 10px; } #content .main table { border:1px solid #ccc; border-collapse:collapse; margin:0 0 10px; width:100%; } #content .main table tr { vertical-align:top; } #content .main table tr td { border:1px solid #ccc; padding:10px 10px 0 0; } #content .main table.noborder { border:0; } #content .main table.noborder tr { } #content .main table.noborder tr td { border:0; } #content .main ul { font-size:1.2em; list-style:disc; margin:0; padding:0 0 10px 25px; } #content .main ul li { padding:0 0 2px; } #content .main ul li ul { font-size:1em; list-style:circle; margin:0 0 -2px; padding:2px 0 0 25px; } /************************************************** * Content > Form * **************************************************/ #content .main .form { font-size:1.2em; overflow:hidden; width:538px; } #content .main .form input { font-size:1em; } #content .main .form input.captchacode { letter-spacing:5px; text-transform:uppercase; } #content .main .form input.submit { clear:both; display:block; margin:5px 0 10px 229px; } #content .main .form input.text { background:#fff; border:1px solid #ccc; color:#666; float:right; margin:0 90px 5px 0; padding:2px; width:213px; } #content .main .form input.text:focus { border-color:#7fc9f4; color:#333; } #content .main .form input.text:hover { color:#333; } #content .main .form label { clear:both; float:left; line-height:1.3; padding:3px 10px 0 0; width:219px; } #content .main .form label em { color:#f00; font-size:.9em; font-style:normal; } #content .main .form p { clear:both; font-size:1em; margin:0 0 5px; } #content .main .form p em { color:#f00; font-style:normal; } #content .main .form p.error { background:#ffe1da; border:1px solid #f34f4f; clear:both; color:#be0b0b; display:block; padding:5px; text-align:center; } #content .main .form p.success { background:#e2f9e3; border:1px solid #9c9; clear:both; color:#080; display:block; padding:5px; text-align:center; } #content .main .form select { background:#fff; border:1px solid #ccc; color:#666; font-size:1em; float:right; margin:0 90px 5px 0; padding:2px 2px 2px 0; width:219px; } #content .main .form select:focus { border-color:#7fc9f4; color:#333; } #content .main .form select:hover { color:#333; } #content .main .form select optgroup { font-style:normal; } #content .main .form textarea { background:#fff; border:1px solid #ccc; color:#666; font:1em Arial, sans-serif; float:right; margin:0 90px 5px 0; padding:2px; width:213px; } #content .main .form textarea:focus { border-color:#7fc9f4; color:#333; } #content .main .form textarea:hover { color:#333; } /************************************************** * Content > Form > Captcha * **************************************************/ #content .main .form .captcha { border:1px solid #ccc; clear:both; height:30px; margin:0 0 5px 229px; overflow:hidden; padding:2px; width:213px; } #content .main .form .captcha img { display:block; margin:-1px 0; } /************************************************** * Content > Form > Summary * **************************************************/ #content .main .form .summary { background:#ffe1da; border:1px solid #f34f4f; clear:both; color:#be0b0b !important; cursor:help; display:block; margin:0 0 10px; padding:5px 15px; } #content .main .form .summary ul { color:#be0b0b; font-size:1em; margin:5px 0 0 15px; padding:0; } /************************************************** * Content > Main > Profile * **************************************************/ #content .main .profile { } /************************************************** * Content > Main > Profile > Biography * **************************************************/ #content .main .profile .biography { clear:both; padding:10px 0 0; } /************************************************** * Content > Main > Profile > Image * **************************************************/ #content .main .profile .image { background:url('../img/background/content_main_profile_image.jpg') no-repeat; background-position:2px 2px; border:1px solid #ccc; border-bottom-color:#999; border-right-color:#999; float:left; height:192px; padding:2px; width:144px; } #content .main .profile .image div { display:block; height:192px; width:144px; } /************************************************** * Content > Main > Profile > Information * **************************************************/ #content .main .profile .information { float:left; height:198px; padding:0 0 0 15px; width:373px; } #content .main .profile .information dl { clear:both; font-size:1.2em; margin:10px 0 0; } #content .main .profile .information dl dd { float:right; margin:0 0 10px; width:283px; } #content .main .profile .information dl dt { clear:both; float:left; font-weight:bold; padding:0 10px 10px 0; width:80px; } #content .main .profile .information dl dd a { color:#333; } #content .main .profile .information h2 { font-size:2.2em; margin:0 0 5px; } #content .main .profile .information p { font-size:1.1em; margin:0 0 -10px; text-transform:uppercase; } /************************************************** * Content > Main > Search * **************************************************/ #content .main .search { } /************************************************** * Content > Main > Search > Pagination * **************************************************/ #content .main .search .pagination { clear:both; padding:10px 0 0; text-align:center; } #content .main .search .pagination p { padding:0; } #content .main .search .pagination p a { color:#003; padding:0 2px; } #content .main .search .pagination p a:hover { border-bottom:1px solid #003; } #content .main .search .pagination p a.disabled { border:0; color:#999; } #content .main .search .pagination p strong { padding:0 2px 0 0; } /************************************************** * Content > Main > Search > Results * **************************************************/ #content .main .search .results { } #content .main .search .results .result { border-bottom:1px solid #ddd; margin:10px 0 0; padding:0 0 10px; } #content .main .search .results .result h4 { font-size:1.8em; margin:0 0 5px; } #content .main .search .results .result h4 a { border-bottom:1px dotted #66453e; color:#66453e; } #content .main .search .results .result h4 a:hover{ border-bottom-style:solid; } #content .main .search .results .result p { padding:0; } #content .main .search .results .result p strong { } /************************************************** * Content > Main > Search > Statistics * **************************************************/ #content .main .search .statistics { color:#666; font-size:.9em; padding:10px 0 0; text-align:right; } #content .main .search .statistics p { padding:0; } /************************************************** * Content > Main > Search > Summary * **************************************************/ #content .main .search .summary { text-align:center; } #content .main .search .summary p { background:#dedfff; border:1px solid #9bb8d9; color:#406299; font-size:1.2em; padding:5px; } /************************************************** * Content > Sitemap * **************************************************/ #content .main .sitemap { line-height:1.8; } #content .main .sitemap ul { margin:0 0 -10px; } #content .main .sitemap ul li { } #content .main .sitemap ul li ul { margin:0 0 -2px; } /************************************************** * Content > Navigation * **************************************************/ #content .navigation { float:right; padding:0 10px; width:180px; } /************************************************** * Content > Navigation > contactUS * **************************************************/ #content .navigation .contactUs { background:url('../img/background/contactUs.jpg') no-repeat; margin: 10px 0 0 0; padding: 8px 0 0 5px; height: 47px; text-align: center; } #content .navigation .contactUs a { color:#000033; font-size: 200%; } #content .navigation .contactUs a:hover { text-decoration: underline; } /************************************************** * Content > Navigation > Image * **************************************************/ #content .navigation .image { padding:10px 0 0 0; width:180px; } #content .navigation .image img { display:block; width:180px; } /************************************************** * Content > Navigation > Search * **************************************************/ #content .navigation .search { background:url('../img/background/content_navigation_search.jpg') no-repeat; background-position:0 0; height:22px; overflow:hidden; position:relative; width:180px; } #content .navigation .search label { display:block; height:0; visibility:hidden; } #content .navigation .search input { background:0; border:0; font-size:1.1em; padding:0; } #content .navigation .search input.submit { cursor:pointer; height:21px; padding:0 0 1px; position:absolute; left:149px; text-align:center; top:0; width:31px; } #content .navigation .search input.text { height:13px; left:1px; padding:3px; position:absolute; top:1px; width:142px; } /************************************************** * Content > Navigation > Sub * **************************************************/ #content .navigation .sub { background:url('../img/background/content_navigation_sub.jpg') no-repeat; background-position:0 0; margin:20px 0 0; padding:7px 0 0; width:180px; } #content .navigation .sub ul { background:url('../img/background/content_navigation_sub_ul.jpg') no-repeat; background-position:bottom left; font-size:1.3em; height:auto !important; height:80px; list-style:none; min-height:80px; margin:0; padding:0 10px 10px; } #content .navigation .sub ul li { } #content .navigation .sub ul li a { color:#333; display:block; padding:3px 0; } #content .navigation .sub ul li a:hover { text-decoration:underline; } #content .navigation .sub ul li a.selected { color:#003; font-weight:bold; } #content .navigation .sub ul li ul { background:0; display:none; font-size:1em; list-style:circle; height:1%; padding:0 0 0 25px; } #content .navigation .sub ul li.selected { } #content .navigation .sub ul li.selected ul { display:block; min-height:0; } /************************************************** * Sidebar * **************************************************/ #sidebar { float:left; margin:0 0 -20px; padding:0 10px; width:180px; } /************************************************** * Sidebar > Box * **************************************************/ #sidebar .box { background:url('../img/background/sidebar_box.jpg') no-repeat; background-position:0 0; color:#003; height:100px; margin:0 0 20px; width:180px; } #sidebar .box h5 { font:400 1.6em/1 Georgia, 'Times New Roman', Times, serif; margin:0; } #sidebar .box h5 a { color:#003; display:block; height:90px; padding:5px 10px; width:160px; } #sidebar .box h5 a:hover { } #sidebar .box p { font-size:1.2em; line-height:1.2; margin:-64px 0 0 10px; width:90px; } #sidebar .box.meet-the-teams { } #sidebar .box.our-services { background-position:0 -100px; } #sidebar .box.contact-us { background-position:0 -200px; } #sidebar .box.family { background-position:0 -300px; } #sidebar .box.private-client { background-position:0 -400px; } #sidebar .box.dispute-resolution { background-position:0 -500px; } #sidebar .box.business { background-position:0 -600px; } #sidebar .box.property { background-position:0 -700px; } /************************************************** * Footer * **************************************************/ #footer { background:#fff; clear:both; overflow:hidden; padding:20px 0 10px; } #footer p { color:#666; float:left; margin:0; padding:5px 10px 10px; text-align:right; } #footer p a { color:#666; border-bottom:1px dotted #999; } #footer p a:hover { border-bottom-style:solid; } #footer ul { float:right; list-style:none; margin:0; padding:5px 10px 10px; } #footer ul li { } #footer ul li a { color:#666; border-bottom:1px dotted #999; } #footer ul li a:hover { border-bottom-style:solid; } /************************************************** * Footer > Information * **************************************************/ #footer .information { background:url('../img/background/footer.jpg') no-repeat; background-position:10px 0; height:47px; padding:7px 10px 0; position:relative; width:940px; } #footer .information p { color:#003; float:none; font-size:1.1em; padding:0 10px; text-align:left; } #footer .information p a { border-bottom:1px dotted #003; color:#003; } #footer .information p a:hover { border-bottom-style:solid; } #footer .information p em { font-style:normal; position:absolute; right:20px; }