/* ----------------------------------------------- Katapo - - - - - - - - - - - - - - - - - - - - - - - - Version: v.0.01 ----------------------------------------------- */ /* =GLOBAL ----------------------------------------------- */ /* RESET Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} body { background:#eaeaea ; font: 63.7%/1.4 Arial, sans-serif; color:#515151; } /* =Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* =Generic */ a { color:#8e1e1e ; text-decoration:underline; } a:hover { text-decoration: none; } a img, a:hover img { border: none; } .hide { text-indent:-9999em; outline: none; } .alignright { float:right; } .alignleft { float:left; } img.alignright { border:1px solid #ccc; margin:0 0 10px 10px; padding:2px; } img.alignleft { padding:0; margin:0; } /* =Typography */ p { font-size:1.2em; color:#515151; margin-bottom:10px;} p.large {font-size:1.4em;} small {} strong {font-weight: bold;} em { font-style:italic;} h1 {width:176px; height:64px; display:block; background:url(../img/logo.png) no-repeat 0 26px;margin-left:24px;padding-top:26px;float:left;} h1 a { width:100%; height:100%; display:block;} h2 {font-size:3.2em; color:#000; margin:23px 0 11px;} h3 {font-size:2em; font-weight:bold; color:#8e1e1e; margin: 26px 0 6px 0; border-bottom:1px solid #ccc;} h4 {font-size:1.5em; font-weight:bold; color:#666; margin: 19px 0 9px 0;line-height:1.1;} h5 {font-size:1.2em; font-weight:bold; color:#333; margin: 0 0 4px 0; text-transform:uppercase;} /* =Forms */ fieldset {} fieldset legend {} label {} input {} input.textbox {} input.radio {} input.checkbox {} input.submit {} textarea {} select {} /* =Lists */ ul { list-style: disc;} ol { list-style:decimal;} li { font-size:1.2em;} /* =Tables */ table { font-size:1.2em;} td {} /* =STRUCTURE ----------------------------------------------- */ #container {} .wrap {margin: 0 auto; width:987px;} /* Masthead */ #header {background:url(../img/bg_texture.png) repeat-x center top; width:100%; height:121px;} /* Content */ #content {background:url(../img/bg_texture_bottom.png) repeat-x 0 0; width:100%;padding:27px 0 0 0;} .columns {background:url(../img/bg_page_top.png) no-repeat 0 0; padding-top:10px;} .col_left {width:675px; background:url(../img/bg_page.png) repeat-y 0 0; padding:0 37px 38px 24px;} #about .col_left { height:420px; } #commercial .col_left h3 {clear:both;} #commercial .col_left img.alignright {margin-bottom:50px;} .col_left ul { margin:4px 0 10px 15px; line-height:1.4; } .col_left ul li { margin-bottom:4px; } .col_right {width:244px;} .col_right .box {background:url(../img/bg_right_col.png) no-repeat left bottom;margin-top:-8px; padding-bottom:30px} #services_we_provide { margin-bottom:20px; } h4#hdr_services_we_provide {background:url(../img/hdr_services_we_provide.png) no-repeat 0 0; width:244px; height:39px; display:block;margin: 0;} #services_we_provide ul {list-style:none;margin: 14px 20px 0 21px;} #services_we_provide li {margin-bottom:6px; font-size:1.4em;} #services_we_provide a {} .quote {background:url(../img/img_quotes.png) no-repeat 0 0; margin: 20px 20px 0 8px;padding: 36px 0 0 0;} .quote p {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#373737;margin:0 0 7px 12px;} .quote em {font-size:1.15em;} h4#hdr_contact_info {background:url(../img/hdr_contact_info.png) no-repeat 0 0; width:244px; height:39px; display:block;margin: 0;} #contact_info p {margin:17px 18px 15px 22px;line-height:1.5;} #contact_info strong {color:#8e1e1e} #contact_info .last {margin-bottom:0;} /* Footer */ #footer .wrap {background:url(../img/bg_page_bottom.png) no-repeat 0 0; padding:26px 0 26px;} #footer p {float:left; margin-left:24px;} #footer a#logo_catch {float:right; background:url(../img/logo_catch.png) no-repeat 0 0; display:block; width:18px; height:18px;} /* Primary Nav */ #nav {float:left; margin:64px 0 0 123px;} #nav li {float:left; display:block;margin-right:34px;} #nav li a {height:14px; display:block; background:url(../img/nav.png) no-repeat 0 0;} #nav #page-item-2 a {width:45px; background-position:0 0;} #nav #page-item-2 a:hover, #nav #page-item-2 a.current_page_item, #nav #page-item-2 a.current_page_ancestor {background-position:0 -16px;} #nav #page-item-3 a {width:145px; background-position:-78px 0;} #nav #page-item-3 a:hover, #nav #page-item-3 a.current_page_item, #nav #page-item-3 a.current_page_ancestor {background-position:-78px -16px;} #nav #page-item-5 a {width:127px; background-position:-258px 0;} #nav #page-item-5 a:hover, #nav #page-item-5 a.current_page_item, #nav #page-item-5 a.current_page_ancestor {background-position:-258px -16px;} #nav #page-item-7 a {width:151px; background-position:-419px 0;} #nav #page-item-7 a:hover, #nav #page-item-7 a.current_page_item, #nav #page-item-7 a.current_page_ancestor {background-position:-419px -16px;} #nav #page-item-9 a {width:56px; background-position:-604px 0;} #nav #page-item-9 a:hover, #nav #page-item-9 a.current_page_item, #nav #page-item-9 a.current_page_ancestor {background-position:-604px -16px;} #nav #page-item-9 {margin-right:3px !important;} /* Secondary Nav */ /* =DETAIL ----------------------------------------------- */ /* home */ #img_banner {background:url(../img/img_banner.jpg) no-repeat 0 0; width:987px; height:224px; display:block;} #home .columns {margin-top:13px;} #home .columns .col_left {padding: 0 0 0 24px; width:716px;} #home .columns .col_left ul {list-style:none; margin-left:0;} #home .columns .col_left li {float:left; width:205px;font-size:1em;margin-right:18px;} #home .columns .col_left h4 {margin-bottom:8px;} #home .columns .col_left p {line-height:1.5; margin-bottom:7px;} #home .columns .col_left .vr {background: url(../img/vr.png) no-repeat left center; width:1px; display:block; height:212px; margin-right:20px;} #home .columns .col_left .last {margin-right:0;} #home .col_footer {background:url(../img/bg_page_bottom.png) no-repeat 0 0; width:740px; height:10px;display:block;margin-left:-24px;} #home #footer .wrap {background:none; padding-top:24px;} /* Articles */ /* =PLUGINS ----------------------------------------------- */