body { color:#352611; font-size:1em; font-family:georgia, 'times new roman'; margin:0px; padding:0px; background:#f7f9f6 url(/images/tile.gif) top left repeat; } /* - */ a { color:#df3d82; text-decoration:none; border-bottom:1px dotted #df3d82; } a:hover { color:#352611; text-decoration:none; border-bottom:1px dotted #352611; } a.not-dotted { border-bottom:0; } a.not-dotted:hover { border-bottom:0; } img { border:0px; } img.left { margin-right:20px; } .left { float:left; } .right { float:right; } .tright { text-align:right; } .tcenter { text-align:center; } p { font-size:1.05em; margin:5px 0px 35px 0px; padding:0px; line-height:1.55em; } p.shallow { margin:5px 0px 5px 0px; } p.large { font-size:1.25em; } p.small { font-size:0.8em; } p.date { color:#88837c; margin:0; } h1 { margin:0 0 15px 0; padding:0; font-size:2.4em; font-weight:normal; font-family:georgia; } h2 { margin:0 0 5px 0; padding:0; font-size:1.7em; font-weight:normal; font-family:georgia; } h3 { margin:20px 0 0 0; padding:0; font-size:1.5em; font-weight:normal; } h4 { margin:0; padding:0; font-size:1.4em; font-weight:normal; font-family:georgia; } h5 { margin:5px 0 0 0; padding:0; font-size:1.0em; font-weight:bold; } h1 span , h2 span , h3 span , h4 span , h5 span { color:#df3d82; } h1 a , h2 a { color:#352611; border:0; } h1 img , h2 img , h3 img , h4 img , h5 img { vertical-align:middle; margin-left:10px; } h1.shallow { margin:0; padding:0; margin-top:-10px; } hr { display:none; } .hr { width:100%; height:3px; background:url(/images/hr-pink.gif) top left repeat-x; float:left; clear:both; overflow:hidden; margin:15px 0px; } .hr.shallow { margin:0; } .hr.tall { margin:20px 0; } .hr.taller { margin:20px 0 40px 0; } .hr.line { height:1px; background-image:url(/images/hr-grey.gif); } .hr.line.tall { margin:30px 0; } /* - */ a.trans:hover { opacity:0.7;filter:alpha(opacity=70) } a.shift:hover { padding-bottom:5px; } /* - */ h3.recent { background:url(/images/icon-recent.gif) 0 5px no-repeat; padding-left:22px; } h3.category { background:url(/images/icon-categories.gif) 0 5px no-repeat; padding-left:22px; } h3.archive { background:url(/images/icon-archives.gif) 0 5px no-repeat; padding-left:22px; } /* - */ .col { float:left; overflow:visible; display:block; margin-right:20px; } .col.last { margin-right:0px; } .col.c20 { width:180px; } .col.c25 { width:220px; } .col.c27 { width:240px; } .col.c30 { width:260px; } .col.c33 { width:300px; } .col.c35 { width:300px; } .col.c40 { width:370px; } .col.c48 { width:440px; } .col.c50 { width:460px; } .col.c60 { width:550px; } .col.c65 { width:620px; } .col.c66 { width:630px; } .col.c70 { width:660px; } .col.c75 { width:700px; } .col.c100 { width:940px; } .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:20px; } .container.shallow { margin-bottom:0px; } .col.left { float:left; } .col.right { float:right; text-align:left; } /* - */ #body_outer_wrapper { width:100%; overflow:hidden; background:url(/images/top-pink.gif) top left repeat-x; } /* - */ 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%; } /* - */ #main form { border:0px; padding:0px; margin:0px; } #main form fieldset { border:0px; padding:0px; margin:0px; } #main form fieldset ul { float:left; width:100%; margin:-10px 0px 10px 0px; padding:0px; list-style:none; } #main form fieldset ul li { float:left; width:100%; background:none; padding:0px; margin:25px 0px 5px 0px; } #main form fieldset ul li div.ddContainer { width:275px; color:#352611; font-weight:normal; border:1px solid #eee7e1; padding:0; font-family:georgia, 'times new roman'; } #main form fieldset ul li input { width:320px; font-size:0.95em; color:#352611; font-weight:normal; border:1px solid #fff; padding:0 10px; line-height:42px; height:42px; background-color:#fff; font-family:georgia, 'times new roman'; } #main form fieldset ul li textarea { width:320px; font-size:0.95em; color:#352611; font-weight:normal; border:1px solid #fff; padding:10px; height:90px; background-color:#fff; font-family:georgia, 'times new roman'; } #main form fieldset ul li textarea.short { height:118px; } #main form fieldset ul li label { color:#352611; font-weight:normal; font-size:1em; width:100%; overflow:hidden; float:left; margin:0px 0px 5px 0px; } #main form fieldset button { font-size:1em; text-align:right; padding:0px; margin:0px; background:transparent; color:#df3d82; border:none; font-family:georgia, 'times new roman'; border-bottom:1px dotted #df3d82; cursor:pointer; } #main form fieldset button:hover { color:#352611; } /* - */ .outer-wrapper { width:100%; overflow:visible; float:left; } .outer-wrapper .inner-wrapper { width:940px; margin:0 auto; overflow:visible; position:relative; } .outer-wrapper.footer { background:url(/images/footer-top-bg.png) center top repeat-x; margin-top:40px; } /* - */ .nomargin { margin:0; } .margined { margin:6px 0 12px 0; } .highlight { color:#df3d82; } .grey { color:#88837c; } .padded40 { padding:0px 40px; } .tab-center { background:url(/images/tab-center.gif) top center repeat-y; } .margin-top-20 { margin-top:20px; } .margin-bottom-30 { margin-bottom:30px; } .dropcap { float: left; font-size: 3.5em; margin-right:5px; line-height:50px; color:#df3d82; } a.noborder { border:0; outline:0; } /* - */ #header { margin-top:30px; } #header a { border:0; } #header .nav { margin-left:-50px; width:1040px; height:170px; background:url(/images/ribbon.png) top left no-repeat; overflow:hidden; clear:both; position:relative; } #header .nav ul { width:100%; overflow:visible; float:left; list-style:none; margin:0px; padding:0px; } #header .nav ul li { float:left; font-size:1.6em; } #header .nav ul li.first { margin-left:75px; } #header .nav ul li a { color:#352611; text-decoration:none; float:left; margin:43px 0; padding-right:38px; background:url(/images/leaf.png) top right no-repeat; border:0; } #header .nav ul li a.gallery , #header .nav ul li a.contact-us { background:none; } #header .nav ul li a.current , #header .nav ul li a:hover { color:#cb4b82; text-decoration:none; border:0; } #header .nav ul li a.home { width:133px; height:112px; background:url(/images/crown.png) top left no-repeat; overflow:hidden; display:block; margin:0px 27px 0 0; padding:0px; } #header .nav ul li a.home:hover { margin-top:-5px; } #header .nav ul li a.home span { display:none; } #header img.winner-tag { position:absolute; top:117px; right:45px; z-index:50000; } #header img.winner-tag-11 { position:absolute; top:117px; right:145px; z-index:50000; } #header .fp-logo-container { float:left; width:100%; } #header a.fp-logo { display:block; overflow:hidden; width:227px; height:46px; text-indent:-10000px; background:url(/images/frog-prince-logo.gif) 0px 5px no-repeat; margin:0 auto; } #header a.fp-logo:hover { background-position:0px 0px; } /* - */ #footer { padding:40px 0 20px 0; } #footer p { margin:13px 0; line-height:2em; } #footer p.shallow { margin:0; line-height:2em; } #footer h4 { margin:12px 0 0 0; } #footer form.newsletter { background:white; padding:5px; margin-top:4px; } #footer form.newsletter fieldset { border:0px; padding:0px; margin:0px; } #footer form.newsletter input { float:left; width:170px; font-weight:normal; color:#352611; font-size:1em; font-family:georgia, 'times new roman'; background:#fff; border:0; padding:0 10px; margin:0; line-height:36px; height:36px; } #footer form.newsletter button { padding:0 0 1px 0; margin:0; float:right; color:#df3d82; font-size:1em; font-family:georgia, 'times new roman'; width:70px; border:0px; background:white; height:36px; cursor:pointer;} #footer form.newsletter button:hover { color:#352611; } /* - */ #lead { width:960px; overflow:visible; margin:0 auto; margin-top:20px; position:relative; marign-left:-10px; } #lead ul { margin:0px 0px 20px 0px; padding:0px; overflow:hidden; float:left; width:960px; list-style:none; } #lead ul li.jcarousel-item-horizontal { background:url(/images/image-bg-carousel.jpg) center top no-repeat; padding-top:18px; width:940px; height:327px; text-align:center; position:relative; } #lead ul li.jcarousel-item-horizontal a { outline:none; border:0; } #lead ul li.jcarousel-item-horizontal .ribbon { position:absolute; top:210px; right:5px; padding-right:20px; background:url(/images/home-ribbon.png) top right no-repeat; width:526px; height:87px; z-index:49; } #lead ul li.jcarousel-item-horizontal .ribbon h1 { margin:0; padding:0; width:100%; text-align:right; } #lead ul li.jcarousel-item-horizontal .ribbon h1 a { color:#352611; } #lead ul li.jcarousel-item-horizontal .ribbon h4 { margin:0; padding:0; width:100%; text-align:right; color:#cb4b82; } /* - the wrapper and actual item */ #lead .jcarousel-container { width: 960px; } #lead .jcarousel-container .jcarousel-clip-horizontal { width: 960px; height: 327px; } #lead .jcarousel-container .jcarousel-item { width: 960px; height: 327px; } /* - the placeholder, i guess shown if nowt else is? */ #lead .jcarousel-container .jcarousel-item-placeholder { background: #fff; color: #000; } /* - the buttonies */ #lead .jcarousel-container .jcarousel-next-horizontal { position:absolute; top:145px; right:-15px; display:block; overflow:hidden; width:55px; height:48px; background:url(/images/jq-car/controls.png) top left no-repeat; cursor: pointer; } #lead .jcarousel-container .jcarousel-prev-horizontal { position:absolute; top:145px; left:-15px; display:block; overflow:hidden; width:55px; height:48px; background:url(/images/jq-car/controls.png) bottom left no-repeat; cursor: pointer; } #lead .jcarousel-container .jcarousel-next-horizontal:hover { background-position:top right; } #lead .jcarousel-container .jcarousel-prev-horizontal:hover { background-position:bottom right; } /* - */ #main img.dotted { padding:13px 12px; background-image:url(/images/image-bg-med.jpg); background-position:top left; background-repeat: no-repeat; } #main img.dotted.square-med { padding:13px 12px; background-image:url(/images/image-bg-med.jpg); background-position:top left; background-repeat: no-repeat; } #main img.dotted.blog { padding:18px 17px 18px 18px; margin-bottom:0px; background-image:url(/images/image-bg-blog.jpg); background-position:top left; background-repeat: no-repeat; } #main img.dotted.wide { padding:20px 20px; margin-bottom:30px; background-image:url(/images/image-bg-wide.jpg); background-position:top left; background-repeat: no-repeat; } #main a.gallery-img { padding:13px 12px; margin-bottom:14px; margin-right:14px; background-image:url(/images/image-bg-med.jpg); background-position:top left; background-repeat: no-repeat; display:block; width:200px; height:170px; border:0; float:left; position:relative; outline: none; } #main a.gallery-img.last { margin-right:0px; } #main a.gallery-img span.overlay { visibility:hidden; display:block; width:100%; height:100%; background:transparent url(/images/gallery-overlay.png) center center no-repeat; overflow:hidden; position:absolute; top:0px; left:0px; } #main a.gallery-img:hover span.overlay { visibility:visible; } /* - */ #main { margin-top:30px; } #main .subnav { margin:5px 0; padding:0; list-style:none; width:100%; overflow:hidden; float:left; } #main .subnav li { margin:0; padding:10px 0; } #main .subnav li a { margin:0; padding:0; border-bottom:1px dotted #df3d82; } #main .subnav li a.current , #main .subnav li a:hover { color:#352611; border-bottom:1px dotted #352611; } #main .blog-item { width:100%; overflow:hidden; margin-bottom:30px; } #main .blog-item .blog-inner { width:100%; overflow:visible; float:left; } #main .blog-item .left-side { width:112px; float:left; overflow:visible; } #main .blog-item .left-side .comment-count { width:112px; height:140px; padding:20px 0 0 1px; float:left; font-style:italic; overflow:visible; background:url(/images/blog-comments-bg.jpg) top left no-repeat; text-align:center; margin-top:-5px; } #main .blog-item .left-side .comment-count a { color:white; border:0; font-weight:bold; font-size:1.5em; } #main .blog-item .right-side { width:584px; float:right; margin-top:10px; } #main .pagination p { margin-top:0; margin-bottom:0; } #main .pagination ul.paging { margin:0; padding:0; list-style:none; float:right; } #main .pagination ul.paging li { margin:0; padding:0 0 0 4px; display:inline; } #main .pagination ul.paging li a { } #main form.search-blog { background:white; float:left; padding:5px; margin:30px 0 10px 0; } #main form.search-blog fieldset { border:0px; padding:0px; margin:0px; } #main form.search-blog input { float:left; width:120px; font-weight:normal; color:#352611; font-size:1em; font-family:georgia, 'times new roman'; background:#fff; border:0; padding:0 10px; margin:0; line-height:36px; height:36px; } #main form.search-blog button { padding:0 0 1px 0; margin:0; float:right; color:#df3d82; font-size:1em; font-family:georgia, 'times new roman'; width:70px; border:0px; background:white; height:36px; cursor:pointer;} #main form.search-blog button:hover { color:#352611; } #main .column ol { margin:10px 0; padding:0; list-style:none; clear:left; float:left; } #main .column .rss-feed { margin-top:-30px; float:right; } #main .column h2 { width:100%; float:left; } #main .column ol li { margin:0; padding:10px 0; } #main .column ol li.parent { } #main .column ol li a { } #main .column ol li a.parent { font-size:1.4em; padding:0; margin-right:5px; } #main .column ol li a.parent.open { color:#352611; border-color:#352611; } #main .column ol li ol { margin:7px 0 -7px 0; float:none; } #main .column ol li ol li { border-bottom:0; padding-left:0px; } #main ul.share { margin:-10px 0 10px 0px; padding:0; list-style:none; } #main ul.share li { margin:0; padding:0 5px 0 0; display:inline; } #main ul.share li a { border:0; padding:0; margin:0; } #main ul.share li a:hover { opacity:0.4;filter:alpha(opacity=40) } #main .contact-us-surround { width:946px; padding:0 0 10px 0; overflow:hidden; margin-left:-3px; background:url(/images/contact-us-bottom.gif) bottom left no-repeat; } #main .contact-us-surround .contact-us-bg { width:940px; padding:0 3px; overflow:hidden; background:url(/images/contact-us-bg.gif) top left repeat-y; } #main .contact-us-surround .contact-us-bg .contact-us-inner { width:880px; padding:10px 30px 30px 30px; overflow:hidden; background:url(/images/contact-us-stamp.gif) top right no-repeat; } #main .contact-us-surround form { float:left; margin-top:10px;} #main .contact-us-surround form ul li { margin-top:8px;} #main .contact-us-surround form fieldset { clear:left; } #main .contact-us-surround button { margin-right:20px; } #main .contact-us-surround button:hover { color:#352611; } #main .map-container { margin-top:20px; margin-left:40px; background:url(/images/map-surround.gif) top left no-repeat; padding:19px; overflow:hidden; float:left; } #main .map-container .map-hider { width:346px; height:227px; overflow:hidden; float:left; } #main .map-container .map-hider #map_canvas { width:346px; height:262px; overflow:hidden; float:left; } #main blockquote { margin:0; padding:0 0 0 80px; font-size:1.1em; font-style:italic; line-height:1.5em; background:url(/images/blockquote.gif) top left no-repeat; } #main .site-map ul { margin:0; padding:0; list-style:none; list-style:none; } #main .site-map ul li { width:240px; float:left; font-weight:normal; margin-bottom:20px; } #main .site-map ul li a { font-size:1.2em; } #main .site-map ul li ul { margin-top:15px; margin-left:15px; } #main .site-map ul li ul li { margin-bottom:15px; } #main .site-map ul li ul li a { font-size:1em; } #main .splitcol { float: left; } #mycarousel_b { margin:10px 0px 10px 0px; padding:0px; overflow:hidden; float:left; width:940px; list-style:none; } #mycarousel_b li.jcarousel-item-horizontal { width:940px; height:195px; position:relative; } /* - the wrapper and actual item */ #main .jcarousel-container { float:left; width: 940px; margin:10px 0px 30px 0px; } #main .jcarousel-container .jcarousel-clip-horizontal { width: 940px; height: 195px; } #main .jcarousel-container .jcarousel-item { width: 940px; height: 195px; } /* - the placeholder, i guess shown if nowt else is? */ #main .jcarousel-container .jcarousel-item-placeholder { background: #fff; color: #000; } /* - the buttonies */ #main .jcarousel-container .jcarousel-next-horizontal { position:absolute; top:75px; right:-25px; display:block; overflow:hidden; width:55px; height:48px; background:url(/images/jq-car/controls.png) top left no-repeat; cursor: pointer; } #main .jcarousel-container .jcarousel-prev-horizontal { position:absolute; top:75px; left:-25px; display:block; overflow:hidden; width:55px; height:48px; background:url(/images/jq-car/controls.png) bottom left no-repeat; cursor: pointer; } #main .jcarousel-container .jcarousel-next-horizontal:hover { background-position:top right; } #main .jcarousel-container .jcarousel-prev-horizontal:hover { background-position:bottom right; } #main .home-h1 { width:100%; overflow:hidden; height:68px; } #main .home-h1 h1 { font-size:2.2em; margin:-5px 0 0 0; padding:0; } #main .home-h1.latest-snaps { background:url(/images/home-h1-latest-snaps.jpg) top center no-repeat; } #main .home-h1.planning-services { background:url(/images/home-h1-planning-services.jpg) top center no-repeat; } #main .attached { float:left; margin:0; } #main .attached .gallery-img { width:665px; height:231px; padding:20px 20px; margin-bottom:30px; background-image:url(/images/image-bg-wide.jpg); background-position:top left; background-repeat: no-repeat; } #main .attached-bottom { clear:both; } #main .col.c100 .attached-bottom .gallery-img.last { margin-right:0px; } #main .col.c75 .attached-bottom .gallery-img.last { margin-right:14px; } #main .col.c75 .attached-bottom .gallery-img.third { margin-right:0px; } #main .flashMessage { width:100%; overflow:hidden; float:left; margin:0 0 50px 0; border:1px dashed #aaa; color:#df3d82; padding:10px 0 20px 0; text-align:center; font-size:2em; } #main .flashMessage.error { color:#a72929; } .confirm-email-container { display:none; }