/* ------------------------------------------- project: Calabasas Landscaping & Constructions date: 2008/01/31 ------------------------------------------- */ * { margin: 0; padding: 0; } html { height: 100%;, font-size: 100,01%; } body { height: 100%; color: #555; font: 0.98em Georgia, "Times New Roman", Times, serif; } /* COMMON ------------------------------------------- */ li, dd { padding: 0; list-style: none; font-size: 0.75em; line-height: 1.5em; } ul, dl { list-style: none; } h1, h2, h3 { font-weight: normal; } p { line-height: 1.5em; } img { border: none; } a { text-decoration: none; } /* LAYOUT ------------------------------------------- */ /*--- container ---*/ #content { position: relative; width: 942px; margin: 0 auto; min-height: 85%; height: auto !important; height: 85%; } /*--- header/top ---*/ #header { float: left; width: 940px; margin-left: -5px !important; margin-left: 0; padding: 10px 0 0 10px; background: url(../images/bg.jpg) repeat-x 0 -1px; } h1#logo a { float: left; width: 222px; height: 90px; margin: 4px 0 0 33px; background: url(../images/headers/logo.jpg) no-repeat; text-indent: -9999px; } /*--- main navigation ---*/ ul#navigation { display: block; float: left; clear: both; width: 788px; height: 48px; background: url(../images/nav_bootom_line.jpg) repeat-x bottom; margin-left: 43px !important; margin-left: 23px; padding: 0; } ul#navigation li { float: left; text-indent: -9999px; } ul#navigation li a { display: block; overflow:hidden;} ul#navigation li a.home { width: 66px; height: 43px; background: url(../images/nav_home.jpg) no-repeat 0 0; } ul#navigation li a.home:hover, ul#navigation li a.curr-home { background: url(../images/nav_home.jpg) no-repeat 0 -43px; } ul#navigation li a.services { width: 80px; height: 43px; background: url(../images/nav_services.jpg) no-repeat 0 0; } ul#navigation li a.services:hover, ul#navigation li a.curr-services { background: url(../images/nav_services.jpg) no-repeat 0 -43px; } ul#navigation li a.choose { width: 125px; height: 43px; background: url(../images/nav_choose.jpg) no-repeat 0 0; } ul#navigation li a.choose:hover, ul#navigation li a.curr-choose { background: url(../images/nav_choose.jpg) no-repeat 0 -43px; } ul#navigation li a.case { width: 165px; height: 43px; background: url(../images/nav_case.jpg) no-repeat 0 0; } ul#navigation li a.case:hover, ul#navigation li a.curr-case { background: url(../images/nav_case.jpg) no-repeat 0 -43px; } ul#navigation li a.contact { width: 80px; height: 43px; background: url(../images/nav_contact.jpg) no-repeat 0 0; } ul#navigation li a.contact:hover, ul#navigation li a.curr-contact { background: url(../images/nav_contact.jpg) no-repeat 0 -43px; } /*--- only on main page ---*/ #home-present { float: left; clear: both; width: 900px; margin: 0 0 20px 0; padding-left: 30px; } h2#home { float: left; width: 220px; padding: 42px 0 19px 17px; color: #a2b62e; font-size: 1.95em; font-weight: normal; text-align: left; line-height: 1.4em; } #home-present img { float: left; } /*--- flashcontent ---*/ #cont { float: left; width: 900px; height: 348px; margin: 11px 0 0 -11px !important; margin: 11px 0 -16px -6px; padding: 5px 0 0 21px; } #flashcontent {float: left; width:684px; height: 368px; margin-left: 0px; background: url(../images/noflash.jpg) no-repeat; } #flashcontent p { font-size: 0.8em; padding: 40px 70px 0 70px; } /*--- Left part of page ---*/ #primary { float: left; width: 450px; padding: 10px 0 10px 0; color: #7a7a7d; font-size: 0.8em; } #primary h2 { margin-top: 5px; padding: 10px 24px 5px 46px; color: #35362e; font-size: 1.7em; } #primary h3 { padding: 10px 0 5px 48px; color: #35362e; font-size: 1.3em; } #primary p { padding: 0 0 10px; margin: 0 65px 0 48px; line-height: 1.77; } #primary.bigger p { font-size: 1.31em; line-height: 1.5; margin: 0 50px 0 48px; } #primary.longer p { margin: 0 25px 0 48px; } #primary p a { color: #a2b62e; } #primary p a:hover { color: #a2b62e; text-decoration: underline; } /*#primary p*/.article { border-bottom: 2px dotted #bed044; } #primary strong { color: black; font-weight: normal; } #primary img { margin: -5px 0 0 44px; } #primary ul { margin-left: 46px; padding: 1px 0 15px 0; } #primary li { padding: 0 20px 0 18px; background: url(../images/primary_li_a.jpg) no-repeat 0 6px; font-size: 1em; line-height: 1.85; } #primary dl { padding: 0 30px 0 48px; } #primary dt { font-size: 1em; color: #35362e; line-height: 1.55; } #primary dt strong { color: #35362e; font-weight: normal; } #primary dt span { color: #7a7a7d; font-style: normal; } #primary dt a { color: #a2b62e; } #primary dt a:hover { text-decoration: underline; } #primary dd { font-size: 1em; line-height: 1.55; } #primary address { width: 130px; font-style: normal; } blockquote#in-touch { width: 310px; height: 140px; background: url(../images/get_in_touch.png) no-repeat; margin: 28px 0 0 23px !important; margin: 28px 0 0 33px; text-indent: -9999px; } img.floatright{float:right; margin-right:85px;} /*--- right part of page: home ---*/ #secondary { float: left; width: 300px; margin-top: -10px; margin-left: -2px; padding: 0 0 0 13px; } #secondary h2 { width: 199px; height: 45px; margin: 4px 0 0 30px; padding-top: 8px; color: #61410e; border-top: 3px solid #735217; font-size: 1.4em; font-weight: normal; } #secondary dl { margin-top: -44px; padding: 22px 10px 0 15px; background: url(../images/left_dotted.jpg) repeat-y 1px 0; } #secondary dt { padding: 15px 0 3px 19px; color: #a2b62e; background: url(../images/secondary_dt.gif) no-repeat 1px 18px; font-size: 0.88em; } #secondary dd { padding: 0 15px 8px 0; margin: 0 0 0 19px; /*border-bottom: 2px dotted #a2b62e;*/ background:url('../images/brd-news.gif') no-repeat bottom left; font-size: 0.7em; color:#828285; line-height: 1.7; } #secondary dd img { float: left; margin: 3px 9px 0px 0; padding: 1px; border: 2px solid #d3d3d3; } #secondary dd a { color: #2a2a2a; font-style: italic; /*font-size: 1em;*/ } #secondary dd a:hover{ text-decoration:underline; } /*--- right part of pages: client&case studies, contact ---*/ #tertiary { float: left; width: 300px; margin: 29px 0 0 120px; padding: 0 0 0 16px; background: url(../images/left_dotted.jpg) repeat-y 1px 0; } #tertiary-case { float: left; width: 300px; margin: 29px 0 0 120px; padding: 0 0 0 16px; background: url(../images/left_dotted.jpg) repeat-y 1px 0; } #tertiary-case h2 { height: 100%; margin: 1px 0 2px 3px; color: #35362e; font-size: 1.15em; font-style: italic; } #tertiary-case ul { padding: 4px 0; margin-left: 0; } #tertiary-case li a { padding-left: 18px; color: #a2b62e; background: url(../images/primary_li_a.jpg) no-repeat 0 2px; font-size: 0.95em; line-height: 1.85em; } #tertiary-case li a:hover { text-decoration: underline; } /*--- right part of pages with flash ---*/ #tertiary-flash { float: left; width: 210px; margin: 20px 0 0 -20px; padding: 0 0 0 22px; } #tertiary-flash h2 { margin: -4px 0 3px 0; color: #35362e; font-size: 1.15em; font-style: italic; } /*--- "stuff" for both tertiary's ---*/ #tertiary h2 { height: 100%; margin: 1px 0 -10px 3px; color: #35362e; font-size: 1.15em; font-style: italic; } #tertiary h2.green { color: #a2b62e; } #tertiary ul, #tertiary-flash ul { padding: 4px 0; margin-left: -6px; } #tertiary li a, #tertiary-flash li a { padding-left: 18px; color: #a2b62e; background: url(../images/primary_li_a.jpg) no-repeat 0 2px; font-size: 0.95em; line-height: 2em; } #tertiary li a:hover, #tertiary-flash li a:hover { text-decoration: underline; } /*--- form ---*/ form { position: relative; } fieldset { position: relative; padding: 20px 14px 0 0; border: none; } div.form { float: left; width: 287px; height: 24px; margin: 0 0 1px 4px; } div.form-ta { float: left; width: 287px; height: 134px; margin-left: 4px; } label { float: left; clear: none; margin-top: 2px; color: #35362e; font-size: 0.8em; } input { width: 176px; height: 22px; background: url(../images/input.jpg) no-repeat; background-attachment: scroll; font-size: 0.7em; } input.long { width: 193px; height: 22px; background: url(../images/inputlong.jpg) no-repeat; } input, textarea { float: right; margin-right: 40px; padding: 2px 1px 0 4px; border: none; } textarea { overflow: auto; width: 176px; height: 131px; background: url(../images/textarea.jpg) no-repeat; font-size: 0.7em; } button { float: left; right: 0; overflow: visible; width: 81px; height: 24px; margin: 13px 0 0 179px; border: none; background: url(../images/submit.jpg) no-repeat; text-indent: -9999px; cursor: pointer; } /*--- footer ---*/ #footer-container { float: left; width: 100%; padding-top: 1.7%; } #footer { width: 825px; height: 110px; margin: 0 auto; padding-right: 125px; background: url(../images/footer.gif); text-align: right; } #footer p { padding-top: 23px; color: #949494; font-size: 0.68em; }