/* Hotpebble CMS Template Stylesheet */
*{ padding:0; margin:0; }
html{ padding:0; margin:0; }
body{ background:#7dc01e url(../images/body-bg-tile.jpg) repeat-x top center; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:62.5%; }

p.breadcrumbs{ color:#333; }

form{ text-align:left; padding:0; margin:0; }
form p{ padding:0; margin:0; }

#header{ background:url(../images/header-bg.jpg) top center no-repeat; width:100%; height:340px; }
#header-inner{ width:800px; margin:0 auto; position:relative; }

#other-site{ position:absolute; top:200px; right:-40px; width:170px; height:40px; padding:20px 30px 0 80px; background:url(../images/othersite.jpg) top center no-repeat; color:#FFF; text-decoration:none; font-size:1.2em; font-weight:bold; }
#special1{ position:absolute; top:20px; right:110px; width:230px; height:14px; padding:8px 25px; text-decoration:none; font-size:1.2em; font-weight:bold; color:#fff600; }
#special2{ position:absolute; top:-50px; right:-40px; width:140px; height:30px; padding:38px 20px 22px 90px; background:url(../images/rosette.jpg) top center; color:#fff600; text-decoration:none; font-size:1.2em; font-weight:bold; }
#special2 img{ position:absolute; top:10px; left:10px; border:none !important; }

#navmenu{ background:url(../images/menu-bg.jpg) top center; /*position:absolute;*/ width:780px; height:24px; top:270px; right:0; list-style:none; padding:8px 10px; margin:-70px auto 0; }
#navmenu li{ float:left; }
#navmenu li a{ diplay:block; padding:5px 7px; color:#1d2618; font-size:1.2em; font-weight:bold; border-left:solid 1px #1d2618; text-decoration:none; /*background:red;*/ }
#navmenu li a:hover, #navmenu li.current a{ text-decoration:underline; }
#navmenu li.first a{ border-left:none; }

#range{ width:800px; height:150px; background:url(../images/range-bg.jpg) top center no-repeat; margin:20px auto 0; position:relative; }
#range-heading{ position:absolute; top:-20px; left:13px; }
#range div.scrollable{ /* required settings */ position:relative; overflow:hidden; width:780px; padding:10px 0; height:120px; /* required settings */ margin:0 auto; }
#range div.scrollable div.items{ position:absolute; width:3120px; }
#range div.scrollable div.items a.thumb{ float:left; margin:8px; border:2px solid #FFF; }
#range .prevPage{ position:absolute; top:50px; left:-40px; }
#range .nextPage{ position:absolute; top:50px; right:-50px; }
a.disabled{ visibility:hidden !important; }
/* Overlays */
.simple_overlay{ display:none; z-index:10000; background-color:#b1d978; width:700px; min-height:200px; padding:20px; border:5px solid #FFF; }
.simple_overlay h3{ background:#FFF; margin:10px 0; padding:5px; font-size:1.6em; }
.simple_overlay ul{ color:#2d481f; list-style:inside; margin-left:0; padding-left:1em; text-indent:-1em; font-size:1.2em; }
.simple_overlay li{ /*font-size:1.4em;*/ padding:2px; }
.simple_overlay img{ border:5px solid #FFF; }
.simple_overlay .close { background-image:url(../images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:30px; width:30px; }
/* Tooltip */
#tooltip{ display:none; background:url(../images/tooltip.png) top center no-repeat; font-size:1.4em; height:80px; width:150px; padding:10px; color:#000; font-weight:bold; }

#content{ background:#e5f2d2; margin:0 auto; width:760px; padding:10px 20px 40px; position:relative; }
#content img{ border:5px solid #FFF; }
#panel-top{ background:url(../images/panel-top.jpg) top center no-repeat; width:800px; height:10px; margin:20px auto 0; }
#panel-bot{ background:url(../images/panel-bot.jpg) top center no-repeat; width:800px; height:10px; margin:0 auto; }
#content ul{ color:#2d481f; list-style:inside; margin:20px 0; padding-left:1em; text-indent:-1em; font-size:1.2em; }
#content li{ /*font-size:1.4em;*/ padding:2px; }

#footer{ width:760px; padding:20px; margin:0 auto; color:#2d481f; }
#footer a{ color:#2d481f; }