/*------------------------------------------------------------------------------- R E S E T -------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, ol, ul, li, form, fieldset, label, table, caption, legend, thead, tbody, tfoot, th, tr, td { border: 0; font-size: 100%; font-style: normal; font-weight: normal; margin: 0; padding: 0; vertical-align: baseline; } q:before, q:after { content: ""; } q { quotes: "" ""; } ul, ol, dir, menu { list-style: none; } a img, :link img, :visited img, fieldset, iframe { border: 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; vertical-align: top; } hr { display: none; } /*------------------------------------------------------------------------------- B A S I C S T Y L E S -------------------------------------------------------------------------------*/ img { display: block; } em, i, dfn, cite { font-style: italic; } strong, b { font-weight: bold; } u, ins { text-decoration: underline; } acronym, abbr { border-bottom: 1px dotted #666; cursor: help; } acronym { text-transform: uppercase; } code, samp, kbd, pre, tt, var { font: 1.001em "Courier New", Courier, monospace; } input, select, textarea { font: 1.001em "Trebuchet MS", Arial, Helvetica, sans-serif; } label { cursor: pointer; } sup { font-size: 0.8em; vertical-align: super; } sub { font-size: 0.8em; vertical-align: sub; } /* Global Link Settings -------------------------------------------------------------------------------*/ a, a:link, a:visited, a:active { color: #624223; text-decoration: underline; } a:hover { text-decoration: none; } /* Accessibility -------------------------------------------------------------------------------*/ .accessibility-navigation, .hide { position: absolute; top: -9999em; left: -9999em; height: 1px; width: 1px; } /* Clearing -------------------------------------------------------------------------------*/ .clear:after, #navigation ul:after, #header:after, .container:after, form p:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } .clear, #navigation ul, #header, .container, form p { zoom: 1; } /*------------------------------------------------------------------------------- S T R U C T U R E -------------------------------------------------------------------------------*/ body { background: #333333; color: #624223; text-align: center; } h1, h2, h3, h4, h5, h6 { color: #957755; } .wrapper { font: 75%/1.3 Arial, Helvetica, sans-serif; overflow: hidden; text-align: left; } .inner { width: 1000px; margin: 0 auto; } .container { background: #f2f3ee; } /*------------------------------------------------------------------------------- H E A D E R -------------------------------------------------------------------------------*/ #header { background: #1a1a1a; } #header .inner { background: url(../_images/bg.jpg) no-repeat top left; padding-top: 50px; } /* Logo - Gilder/Levin Method -------------------------------------------------------------------------------*/ #header .logo { font-family: "Georgia", "Times New Roman", Times; font-weight: bold; color: #fff; font-size: 2.6em; /*background: url(../_images/logo.png) no-repeat center left;*/ padding: 40px 10px 40px 65px; width: 285px; float: left; margin-left: 50px; font-weight: bold; } * html #header .logo, * html #header .description { display: inline; } #header .logo a { color: #fff; text-decoration: none; display: block; font-weight: bold; } #header .description { color: #ccc; float: right; padding: 70px 100px 0; font-size: 1.45em; } /*------------------------------------------------------------------------------- N A V I G A T I O N -------------------------------------------------------------------------------*/ #navigation { font-size: 1.1em; clear: both; padding-top: 30px; } #navigation li { float: left; margin: 0 5px; text-align: center; height: 58px; } #navigation li a { padding: 12px 0; display: block; height: 34px; } #navigation li a { font-weight: bold; color: #fff; text-decoration: none; } #navigation li a:hover { color: #fff; background: #bca281; } #navigation .home { margin-left: 0; } #navigation .contact { margin-right: 0; } /* #navigation li.home { width: 37px; } #navigation li.about { width: 55px; } #navigation li.counsel { width: 78px; } #navigation li.approach { width: 110px; } #navigation li.apart { width: 96px; } #navigation li.managment { width: 139px; } #navigation li.articles { width: 108px; } #navigation li.contact { width: 67px; } */ #navigation li.home { width: 75px; } #navigation li.about { width: 160px; } #navigation li.counsel { width: 140px; } #navigation li.approach { width: 180px; } #navigation li.apart { width: 170px; } #navigation li.managment { width: 105px; } #navigation li.articles { width: 145px; } #navigation li.contact { width: 103px; } /* current/active/hover states */ .home #navigation .home a, .about #navigation .about a, .profile #navigation .about a, .professional-counsel #navigation .counsel a, .investment-approach #navigation .approach a, .what-sets-lcm-apart #navigation .apart a, .account-management #navigation .managment a, .letters-and-articles #navigation .articles a, .contact #navigation .contact a { color: #fff; background: #bca281; } .profile #navigation .about li a { background: #000; color: #fff; } .profile #navigation .about .profile a { background: #000; text-decoration: underline; } /* drop downs */ #navigation ul ul { position: absolute; width: 180px; left: -999em; background: black; } #navigation ul ul li { float: none; margin: 0; height: auto; } #navigation ul ul li a { padding: 10px 15px; height: auto; } #navigation ul ul li a:hover { background: #000; text-decoration: underline; } #navigation li:hover ul, #navigation li.sfHover ul { left: auto; } #navigation ul ul li a { float: left; clear: left; } /*------------------------------------------------------------------------------- C O N T E N T -------------------------------------------------------------------------------*/ .intro { background-color: #bca281; color: #f2ece0; height: 170px; overflow: hidden; } .intro .inner { padding-right: 515px; width: 485px; background-position: top right; background-repeat: no-repeat; height: 170px; font-size: 1.3em; line-height: 1.5; } .intro h3 { color: #f2ece0; font-size: 1.6em; padding-top: 25px; } .home .intro .inner { background-image: url(../_images/content/img1.jpg); } .about .intro .inner, .profile .intro .inner { background-image: url(../_images/content/img3.jpg); } .professional-counsel .intro .inner { background-image: url(../_images/content/img4.jpg); } .investment-approach .intro .inner { background-image: url(../_images/content/img2.jpg); } .account-management .intro .inner, .what-sets-lcm-apart .intro .inner { background-image: url(../_images/content/img5.jpg); } .letters-and-articles .intro .inner { background-image: url(../_images/content/img7.jpg); } .partners .intro .inner { background-image: url(../_images/content/img1.jpg); } .contact .intro .inner { background-image: url(../_images/content/img1.jpg); } .container { background: #f2f3ee; font-size: 1.1em; line-height: 1.4; } .container .inner { padding: 5px 0 20px; } .container p { padding: 0 0 18px; } .container h1, .container h2, .container h3, #secondary-content h4 { font-size: 1.9em; padding-bottom: 10px; } .container h1 { background: url(../_images/dots.jpg) repeat-x bottom left; margin-bottom: 20px; } .container h2 { border-bottom: 1px solid #cdc5b7; padding-bottom: 0; margin-bottom: 10px; } #secondary-content h2 { border: 0; } #content { width: 535px; float: left; padding-top: 13px; padding-bottom: 20px; } * html #content { overflow: hidden; display: inline; } .alignleft { float: left; display: block; margin-top: 10px; margin-right: 10px; } form input, form textarea { border: 1px solid #bca281; padding: 3px; color: #666; background: #fff; float: left; width: 300px; } form label { font-weight: bold; display: block; width: 90px; margin-right: 10px; float: left; margin-top: 3px; } form textarea { height: 100px; } form input.submit { width: auto; font-size: 1.1em; font-weight: bold; margin-left: 100px; cursor: pointer; } dl dt { font-weight: bold; } dl dd { padding-bottom: 18px; } #content h2 { font-size: 1.3em; } /*------------------------------------------------------------------------------- S E C O N D A R Y C O N T E N T -------------------------------------------------------------------------------*/ #secondary-content { width: 465px; float: right; } #secondary-content .inner { margin: 0 0 0 40px; } * html #secondary-content { overflow: hidden; display: inline; } .box { width: 361px; background: #eaeaea; } .box .top, .box .btm { display: block; height: 8px; width: 361px; overflow: hidden; } .box .top { background: url(../_images/box-top.jpg) no-repeat top left; } .box .btm { background: url(../_images/box-btm.jpg) no-repeat bottom left; } .box .con { padding: 0 20px; } .box .con h5, .box .con h3 { font-weight: bold; text-decoration: underline; color: #624223; font-size: 1.1em; padding: 0; margin: 0; } /*------------------------------------------------------------------------------- F O O T E R -------------------------------------------------------------------------------*/ #footer { clear: left; color: #fff; text-align: center; font-family: "Georgia", "Times New Roman", Times; padding: 20px; } #footer a, #footer a:link, #footer a:visited, #footer a:active { color: #fff; text-decoration: none; font-weight: bold; } #footer a:hover { text-decoration: underline; }