/* CSS Document * File : default.css * System : Clayton Capital Web site * Author : Smart Marketing > Christy Sobolewski * Description : Sets layout and default styles for entire site * This file is required on all pages * Color codes : dark blue nav -> #144876; gold bars -> #baa566 */ /* Standard HTML elements */ body {margin:0; padding:0; font:.8em Garamond, "Adobe Garamond Pro", Garamond, Georgia, "Times New Roman"; color:#083A68; background-color:#FFFFFF;} a {color:#083A68;} a:active {color:#99CCFF;} a:visited {color:#99CCFF;} a:hover {text-decoration:none; color:#BAA566;} h1, h2, h3, h4 {margin-bottom:5px; font-weight:bold;} h2 {font-size:1.7em;} h3 {font-size:1.5em;} h4 {font-size:1.2em; padding:1em;} h5 {font-size:1.0em; font-weight:bold;} p {margin:.5em 0 1.5em 0; font-size:1.2em;} ul {} em {font-weight:bold;} /* Page layout and related elements */ #wrapper {margin:0; padding:0; text-align:left; height:100%; border-bottom:1em solid #BAA566; width:968px; background-color:#144876;} #header {margin:0; padding:0; width:968px; height:174px; background:url(/images/header.jpg) no-repeat 0 0;} #mini_nav {float:right; width:100%;} #mini_nav ul {float:right; margin:0; padding:0; font-size:1.2em;} #mini_nav ul li {width:100px; border-right:1px solid #BAA566; line-height:2em; text-align:center; float:left;} #mini_nav ul li.last {border-right:none;} #mini_nav ul li a {color:#BAA566; text-decoration:none;} #mini_nav ul li a:last, #mini_nav ul li a:active, #mini_nav ul li a:visited {color:#BAA566;} #mini_nav ul li a:hover {color:#FFFFFF;} #nav {margin:0; padding:0; width:285px; height:100%; background:url(/images/navTop.jpg) no-repeat 0 0; float:left; text-transform:capitalize;} #nav ul {margin-top:1em;} #nav ul li {border-bottom:1px solid #21527E; line-height:2.5em; font-variant:small-caps; font-weight:bold; letter-spacing:.1em; vertical-align:text-top;} #nav ul li img {margin-right:15px; margin-left:15px;} #nav ul li, #nav ul li a {font-size:1em; color:#FFFFFF; list-style-type:none; text-decoration:none;} #nav ul li a {} #nav ul li a.last {color:#99CCFF;} #nav ul li a:active {color:#99CCFF;} #nav ul li a:visited {color:#99CCFF;} #nav ul li a:hover {color:#BAA566;} #nav ul ol li {margin-left:6em; list-style-type:decimal; font-variant:small-caps; font-size:.9em; font-weight:bold; letter-spacing:.1em;} #nav ul ol li ol li {margin-left:3em; list-style-type:lower-alpha; font-variant:small-caps; font-size:1em; font-weight:bold; letter-spacing:.1em;} /* specific for current section navigation highlighting */ #homepage #wrapper #nav ul li.homepage, #staff #wrapper #nav ul li.staff, #reasons #wrapper #nav ul li.reasons, /* practice section */ #selling #wrapper #nav ul ol li.selling, #mergers #wrapper #nav ul ol li.mergers, #planning #wrapper #nav ul ol li.planning, #buyer #wrapper #nav ul ol li ol li.buyer, #seller #wrapper #nav ul ol li ol li.seller, #transactions #wrapper #nav ul li.transactions, #newsletters #wrapper #nav ul li.newsletters, #news #wrapper #nav ul li.news, #contact #wrapper #nav ul li.contact {background-color:#8eafce;} #homepage #wrapper #nav ul li.homepage a, #staff #wrapper #nav ul li.staff a, #reasons #wrapper #nav ul li.reasons a, /* practice section */ #selling #wrapper #nav ul ol li.selling a, #mergers #wrapper #nav ul ol li.mergers a, #planning #wrapper #nav ul ol li.planning a, #buyer #wrapper #nav ul ol li ol li.buyer a, #seller #wrapper #nav ul ol li ol li.seller a, #transactions #wrapper #nav ul li.transactions a, #newsletters #wrapper #nav ul li.newsletters a, #news #wrapper #nav ul li.news a, #contact #wrapper #nav ul li.contact a {color:#FFFFFF;} #title_bar {background:url(/images/titleBar.jpg) no-repeat 0 0; text-align:center; width:968px; height:36px;} #seo {margin:0; padding:0; text-transform:uppercase; line-height:2.0em; letter-spacing:.01em; color:#001239; padding-top:.60em;} #content {margin:0; padding:0; float:left; width:678px; background-color:#FFFFFF;} #pageContent {float:left; width:645px; margin:2em 0 0 .5em; height:100%; min-height:525px; font-family:"Lucinda Grande",Arial,Verdana;font-size:1.1em; line-height:1.5em;} #homepage #wrapper #content #pageContent {margin-top:0;} #pageContent ul {margin:2em;} #pageContent ul li {list-style-type:disc; margin-bottom:.2em; font-size:1.2em;} #pageContent ol {margin-left:2em; padding:0 1em; text-align:left;} #pageContent ol li {list-style-type:decimal; margin-bottom:.5em; font-size:1.2em; font-weight:bold; text-align:left;} #pageContent p strong {font-weight:bold;} #pageContent form {height:100%; margin:0; padding:0;} #pageContent form label {display:block;} #contact #wrapper #content #pageContent form label {display:block; width:375px; text-align:right; vertical-align:text-top; line-height:2.5em; font-size:1.5em;} #pageContent form input {margin-bottom:1em;} #contact #wrapper #content #pageContent form input {margin:0 0 0 2em;} #pageContent div.floatRight {width:255px; background-color:#8eafce; float:right; text-align:center; padding-bottom:1em; margin:1em 0 1em 1em;} #imageBar {float:left; margin:0; padding:0;} #imageBar img {float:left; margin:0; padding:0; border-bottom:1em solid #BAA566;} #welcomeBar {float:left; width:622px; margin-bottom:2em; padding-left:2em;} #footer {text-transform:capitalize; font-variant:small-caps; font-weight:bold; letter-spacing:.1em; font-size:1em; color:#FFFFFF;} #footer ul {margin:5em 0;} #footer ul li {margin-left:.95em; border:none; height:1.75em;} #footer p {} /* special classes */ .listReturn {display:block; margin-left:4em; margin-top:-.8em;} .floatLeft {float:left; margin:0 2.5em; padding:0;} .floatLeftStaff {float:left; margin:1em; padding:0;} .bar {border-bottom:1em solid #BAA566;} .listItem {display:inline; width:5em; border:1px solid gold;} .commentsField {vertical-align:text-top; line-height:50em;} /* special to staff page */ #staff #wrapper #content #pageContent img {clear:right;}