/* 06/09/2010 Applecado LTD */ body { color:#606057; font-size:1em; font-family:arial, sans-serif; margin:0px; padding:0px; background:#f6f6f6; } #top { display:none; } /* - */ a { color:#98b50d; text-decoration:none; } a:hover { color:#000; text-decoration:none; } a.grey { color:#606057; text-decoration:none; } a.grey:hover { color:#98b50d; text-decoration:none; } img { border:0px; } .left { float:left; } .right { float:right; } .tright { text-align:right; } .tcenter { text-align:center; } p { font-size:0.8em; margin:0 0 25px 0; padding:0px; line-height:1.5em; } p.shallow { margin-bottom:10px; } h1 { margin:0 0 15px 0; padding:0; font-size:1.8em; font-weight:bold; color:#a7a79b; letter-spacing:-1.4px; } h2 { margin:0 0 20px 0; padding:0; font-size:1.2em; font-style:italic; font-weight:normal; font-family:georgia, serif; color:#87a406; line-height:1.4em; } h3 { margin:0; padding:0; font-size:15px; font-weight:bold; clear:left; color:#606057; } h4 { margin:0; padding:0; font-size:1em; font-weight:bold; display:inline; } h5 { margin:5px 0 0 0; padding:0; font-size:1.0em; font-weight:bold; } h2.shallow { margin-bottom:2px; } h1.small.green { font-size:1.2em; color:#98b50d; } h2.grey { color:#a7a79b; margin-bottom:0; } hr { display:none; } .hr { width:100%; height:2px; background:url(/images/hr.gif) top left repeat-x; float:left; clear:both; overflow:hidden; margin:30px 0px; } .hr.shallow { margin:20px 0; } .hr.shallow.below-scissors { margin-top:0; } .hr.scissors { background:url(/images/scissors.jpg) top right no-repeat; margin:0; height:20px; } .hr.shallow.first { margin-top:0; } .hr.tall { margin-bottom:40px; } a.trans:hover { opacity:0.6;filter:alpha(opacity=60) } strong { color:#000; } blockquote { font-size:1.2em; font-style:italic; padding:0; margin:0 0 20px 0; font-family:georgia, serif; } /* - */ .col { float:left; overflow:visible; display:block; margin-right:20px; } .col.last { margin-right:0px; } .col.c25 { width:214px; } .col.c30 { width:276px; } .col.c33 { width:292px; } .col.c40 { width:370px; } .col.c50 { width:448px; } .col.c60 { width:526px; } .col.c66 { width:604px; } .col.c70 { width:644px; } .col.c75 { width:682px; } .col.c100 { width:916px; } .col .col-inner-a { width:154px; float:left; overflow:hidden; } .col .col-inner-b { width:80px; float:left; overflow:hidden; } .col .col-inner-c { width:177px; float:left; overflow:hidden; } .col.c50per { width:48%; float:left; } .col.c33per { width:32%; } .col.c25per { width:22.5%; } .container { width:100%; overflow:hidden; float:left; margin-bottom:30px; } .container.shallow { margin-bottom:0; } .col.left { float:left; } .col.right { float:right; text-align:left; } /* - */ span.green { color:#98b50d; } .recent { margin-top:10px; } .top-margin { margin-top:20px; } /* - */ button { font-size:15px; width:auto; padding:0; margin:0; border:0; background:transparent; color:#e9e9da; text-transform:none; font-family:arial; text-align:right; height:auto; font-weight:bold; cursor:pointer; } button:hover { color:#98b50d; } a.button { display:block; font-weight:bold; font-size:15px; float:left; background:url(/images/button-grey.jpg) top left no-repeat; padding-left:15px; line-height:34px; margin-top:2px; } a.button span { float:left; background:url(/images/button-grey.jpg) top right no-repeat; line-height:34px; padding-right:20px; font-weight:bold; color:#fff; } a.button.back { background:url(/images/button-grey-left.jpg) top left no-repeat; padding-left:20px; } a.button.back span { background:url(/images/button-grey-left.jpg) top right no-repeat; padding-right:15px; } a.button:hover { background-position:bottom left; } a.button:hover span { background-position:bottom right; } a.button.right { float:right; } /* - */ a.button-down { font-weight:bold; float:left; background:url(/images/top-nav-center.jpg) top center no-repeat; outline:0; cursor:pointer; font-size:15px; } a.button-down span { float:left; background:url(/images/top-nav-left.jpg) top left no-repeat; cursor:pointer; } a.button-down span span { float:left; background:url(/images/top-nav-right.jpg) top right no-repeat; padding:2px 10px 0 10px; color:#bebeae; line-height:39px; height:37px; padding-bottom:7px; cursor:pointer; } a.button-down:hover span span { color:#a7a79b; } a.button-down.current { background-position:bottom center; } a.button-down.current span { background-position:bottom left; } a.button-down.current span span { color:#fff; background-position:bottom right; } /* - */ table { width:100%; padding:0px; margin:15px 0px 0px 0px; } table th { padding:5px 0px; margin:0px; border-right:1px solid #f9f1ea; font-size:0.95em; font-weight:bold; color:#465152; } table td { font-weight:bold; border-bottom:1px solid #f9f1ea; border-right:1px solid #f9f1ea; padding:5px 0px; margin:0px; font-size:0.75em; text-align:center; background-color:#baa99e; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; } table tr:hover td { background-color:#ad9c91; } table .width50 { width:50%; } table .width25 { width:25%; } /* - */ form { border:0px; padding:0px; margin:0px; } form fieldset { border:0px; padding:0px; margin:0px; } form fieldset ul { float:left; width:100%; margin:20px 0px 10px 0px; padding:0px; list-style:none; } form fieldset ul li { float:left; width:100%; background:none; padding:0px; margin:0px 0px 20px 0px; } form fieldset ul li.shallow { margin-bottom:0; } form fieldset ul li div.ddContainer { width:194px; color:#88877d; font-weight:bold; border:0; padding:0; font-family:arial, sans-serif; } form fieldset ul li input { width:204px; font-size:0.8em; color:#88877d; font-weight:normal; border:0; padding:0 5px; line-height:29px; height:29px; background:transparent url(/images/field-bg.gif) top left repeat; font-family:arial, sans-serif; } form fieldset ul li textarea { width:204px; font-size:0.8em; color:#88877d; font-weight:normal; border:0; padding:5px; height:116px; background:transparent url(/images/field-bg.gif) top left repeat; font-family:arial, sans-serif; } form fieldset ul li textarea.short { height:125px; } form fieldset ul li label { color:#000; font-weight:bold; font-size:1em; width:100%; overflow:hidden; float:left; margin:0px 0px 1px 0px; } form fieldset ul.error_list { margin:0; padding:0; } form fieldset ul.error_list li { margin:0; padding:0 0 2px 0; color:#88877d; font-size:0.8em; font-style:italic; } /* - */ .outer-wrapper { width:100%; float:left; overflow:visible; } .inner-wrapper { width:916px; margin:0 auto; overflow:visible; position:relative; } .outer-wrapper.contact-drop { background:url(/images/grey-canvas-tile.jpg) top left repeat; } /* - */ #contact_drop { position:relative; padding:50px 0; } #contact_drop a.close-drop { position:absolute; top:20px; right:0px; outline:0; height:36px; width:36px; overflow:hidden; text-indent:-1000px; background:url(/images/close-drop.jpg) top left no-repeat; } #contact_drop a.close-drop:hover { background-position:bottom left; } #contact_drop h1 { color:#f6f6f6; } #contact_drop p { color:#e9e9da; } #contact_drop a { color:#fff; } #contact_drop a:hover { color:#98b50d; } /* - */ #header { margin-top:30px; padding-bottom:30px; } #header ul.nav { float:right; margin:0; padding:0; list-style:none; } #header ul.nav li { float:left; line-height:42px; margin-left:10px; } #header ul.nav li a { font-weight:bold; float:left; background:url(/images/top-nav-center.jpg) top center no-repeat; outline:0; cursor:pointer; } #header ul.nav li a span { float:left; background:url(/images/top-nav-left.jpg) top left no-repeat; cursor:pointer; } #header ul.nav li a span span { float:left; background:url(/images/top-nav-right.jpg) top right no-repeat; padding:0 10px; color:#bebeae; line-height:39px; height:39px; padding-bottom:7px; cursor:pointer; font-size:15px; } #header ul.nav li a:hover span span { color:#a7a79b; } #header ul.nav li a.current { background-position:bottom center; } #header ul.nav li a.current span { background-position:bottom left; } #header ul.nav li a.current span span { color:#fff; background-position:bottom right; } /* - */ #footer { margin-top:80px; padding-bottom:0px; background:url(/images/footer-bg.jpg) top left no-repeat; height:390px; position:relative; } #footer .newsletter { position:absolute; left:78px; top:62px; width:295px; height:100px; } #footer .twitter { position:absolute; left:625px; top:30px; width:210px; height:100px; } #footer .col1 { position:absolute; left:78px; top:303px; width:170px; height:70px; font-size:0.9em; } #footer .col2 { position:absolute; left:274px; top:303px; width:200px; height:70px; font-size:0.9em; } #footer .col3 { position:absolute; left:437px; top:303px; width:200px; height:70px; font-size:0.9em; } #footer .col4 { position:absolute; left:678px; top:303px; width:200px; height:70px; font-size:0.9em; } #footer p { color:#e9e9da; } #footer a { color:#fff; } #footer a:hover { color:#98b50d; } #footer form.newsletter-form { padding:0px; margin-top:20px; } #footer form.newsletter-form fieldset { border:0px; padding:0px; margin:0px; } #footer form.newsletter-form input { width:280px; font-weight:normal; color:#88877d; font-size:0.8em; background:transparent url(/images/field-bg.gif) top left repeat; border:0; padding:0 10px; margin:0 0 5px 0; line-height:29px; height:29px; font-family:arial, sans-serif; } #footer form.newsletter-form button { font-size:15px; width:auto; padding:0; margin:0; color:#e9e9da; text-transform:none; font-family:arial; text-align:right; height:auto; float:right; } #footer form.newsletter-form button:hover { color:#98b50d; } #footer .twitter .twitter-follow { width:100%; text-align:right; overflow:hidden; margin-top:24px; height:28px; } #footer .twitter .twitter-follow a.large { font-size:15px; font-weight:bold; } #footer .twitter p { padding:10px; } /* - */ .main { } .flashMessage { padding:20px 0; text-align:center; } .flashMessage.error { color:red; } /* - the wrapper and actual item */ #mycarousel_a.jcarousel-container { width: 916px; margin-bottom:20px; height:440px; overflow:hidden; padding:0; background:url(/images/huge-slider-bg.jpg) top left no-repeat; } #mycarousel_a.jcarousel-container .jcarousel-clip-horizontal { width: 916px; height:379px; } #mycarousel_a.jcarousel-container .jcarousel-item { width: 916px; height:379px; } /* - the placeholder, i guess shown if nowt else is? */ #mycarousel_a.jcarousel-container .jcarousel-item-placeholder { background: #fff; color: #000; } /* - the buttonies */ #mycarousel_a.jcarousel-container .jcarousel-next-horizontal , #mycarousel_a.jcarousel-container .jcarousel-prev-horizontal { display:none; } #mycarousel_a.jcarousel-container .jcarousel-next-horizontal:hover { background-position:bottom right; } #mycarousel_a.jcarousel-container .jcarousel-prev-horizontal:hover { background-position:bottom left; } /* blobs */ #mycarousel_a .jcarousel-control-outer { width: 916px; float:left; overflow:hidden; height:39px; } #mycarousel_a .jcarousel-control { width: 30px; text-align:center; margin:20px auto; margin-top:5px; } #mycarousel_a .jcarousel-control a { display:block; float:left; overflow:hidden; height:15px; width:15px; padding:0px; margin:6px 1px; background:url(/images/carousel-blob.gif) top left no-repeat; outline:none; } #mycarousel_a .jcarousel-control a span { display:none; } #mycarousel_a .jcarousel-control a:hover , #mycarousel_a .jcarousel-control a.selected { background-position:top right; } .main .options { width:100%; overflow:hidden; margin-bottom:00px; } .main .options .filter-option-title { padding-top:2px; line-height:39px; float:left; margin-right:10px; overflow:hidden; color:#a7a79b; font-weight:bold; font-size:15px; } .main .blog-item { background-color:white; padding:30px 30px 0px 30px; width:543px; margin-bottom:30px; float:left; overflow:hidden; } .main .attached img { margin-bottom:20px; } .main .blog-item h1 { margin-bottom:0; } .main .blog-item h1 a { color:#a7a79b; } .main .blog-item h1 a:hover { color:#8faa17; } .main .blog-item p.date { font-size:0.7em; font-weight:bold; } .main .blog-item p.date span { color:#8faa17; } .main .column { margin-top:30px; } .main .column ul { margin:0 0 5px 0; padding:0; list-style:none; } .main .column ul li { margin:0; padding:3px 0; font-size:0.8em; } .main .column ul li a { color:#606057; } .main .column ul li a:hover { color:#8faa17; } .attached-bottom { float:left; overflow:hidden; margin-bottom:30px; } .attached-bottom a { padding:5px; border:1px solid #ccccc8; float:left; overflow:hidden; margin:2px; } .attached-bottom a:hover { border-color:#8faa17; } .attached-bottom a img { float:left; }