/*
Theme Name: WalkingOnWaterV3
Author: InertiaInMotion
Author URI: http://inertiainmotion.com.au/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin : 0;
    padding : 0;
    border : 0;
    font-size : 100%;
    font : inherit;
    vertical-align : baseline;
}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* END RESET */

/* HTML5 Normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }


/* Global/Root Styles */
html { background: #0d476f url(images/sand.jpg) repeat 0 0; }
body { color: #000; margin: 0; font: 16px Tahoma, Arial, sans-serif; line-height: 1.5; min-width: 1080px; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
.event-highlight { padding: 10px 10px 5px; margin: 0 0 20px; background: #f8cdde; border-radius: 10px; }

/* Typography */
a { color: #0F69FF; text-decoration: none; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }


/* Buttons */
a.button-p1, a.button-p2 { background: url(images/button-bg.png) repeat-x center center; font-family: helvetica, arial, sans-serif; border-radius: 5px; color: white; text-transform: uppercase; }
.button-p1 { font-weight: bold; font-size: 18px; padding: 4px 6px; border: 2px solid rgba(255,255,255,0.6); background: #DF7120; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; z-index: 1000; }
.button-small { font-size: 12px; letter-spacing: 1px; padding: 6px; border: 2px solid white; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }

a.cta-p2 { padding: 4px 10px; border-radius: 3px; box-shadow: 2px 2px 3px #444444; color: white; background: #4673B5; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
em { font-size: 12px; font-style: italic; }
dd { margin: 0 0 0 40px; }

p, ul li, em { margin: 0 0 1.5em 0; }

h1 { margin-bottom : .75em; font-size : 3em; /* 48 / 16 = 3 */ line-height : 1.2; }
h2 { margin-bottom : .75em; font-size : 24px; /* 36 / 16 = 2 */ line-height : 1.2; }
h3 { margin-bottom : 1em; font-size : 20px; /* 24 / 16 = 1.5 */ line-height : 1.3; }
h4 { margin-bottom : 1.25em; font-size : 18px; /* 20 / 16 = 1.25 */ line-height : 1.25; }
h5 { margin-bottom : 1.5em; font-size : 16px; /* 16 / 16 = 1 */ }
h6 { font-size : 1em; /* 16 / 16 = 1 */ }

h1, h2, h3, h4, h5 { font-family: chunk-1,chunk-2,serif; font-weight: normal; color: #235091; }

.header-em { font-size: 14px; color: #235091; font-style: italic; position: absolute; right: 27px; top: 57px; }
/* END Typography */

/* Main Structure */
.page-width { width: 960px; margin: 0 auto; position: relative; }

/* Generic Pages */
h2.main-header { color: #232323; border-bottom: 1px solid #0066EE; }

/* Header */
#header { height: 390px; width: 100%; /* background: url(images/bg_water.jpg) repeat 0 0;*/ position: relative; z-index: 100; }
#header:before { pointer-events: none; height: 390px; width: 100%;/* background: url(images/LOGO_sm.jpg) no-repeat center 0;*/ position: absolute; z-index: 10; }
#header div.page-width { height: 390px; } /* Must be the same height as header */
#logo { /*text-indent: -9999px;*/ width: 965px;/* height: 327px;*/ float: center;/* background: url(images/LOGO_sm.jpg) no-repeat center center 0; */margin: 25px 0 0; position: relative; z-index: 20; }
#logo a { display: block; }
#year-round { z-index: 1000 !important; position: absolute; bottom: 37px; right: 290px; height: 42px; }
#cta-phone { z-index: 1000 !important; position: absolute; bottom: 32px; right: 0; width: 211px; height: 42px; background: url(images/phone-bg.gif) no-repeat 0 0; }
#cta-phone p { background: url(images/phone-icon.png) no-repeat 10px 0; font: 19px Tahoma, Arial, sans-serif; color: #4c4c4c; font-weight: 600; line-height: 55px; text-indent: 50px; }
#year-round p { font: 19px Tahoma, Arial, sans-serif; color: dark blue; font-weight: 300; font-style: italic; line-height: 55px; text-align: center; text-shadow: 1px 1px DarkGray; }
/* END Header */

/* Navigation */
#top-nav { position: absolute; bottom: -3px; width: 100%; height: 36px; background: url(images/nav-bg.png) repeat-x 0 0; z-index: 1000; }
#top-nav ul { list-style: none; }
#top-nav ul li { float: left; margin: 0 15px 0 0; line-height: 34px; }
#top-nav ul li a { font-size: 12px; font-weight: bold; color: #e5f3fd; padding: 0 5px; display: block; }
#top-nav ul li.current-menu-item a, #top-nav ul li:hover a  { background: #35578A; }
#top-nav ul li:active a  { background: #2C4772; }

#side-nav { width: 100%; }
#side-nav ul li { display: block; width: 100%; height: 30px; border-bottom: 1px solid #5c8cbf; margin: 0; }
#side-nav ul li.current, #side-nav ul li:hover { background: #e8e8e8; }
#side-nav ul li:last-child { border: none; }
#side-nav ul li a { display: block; padding: 0 0 0 10px; line-height: 30px; color: #2e2e2e; }

#top-nav ul li:hover > ul { display: block; }
.sub-menu { display: none; position: absolute; background: #35578A; white-space: nowrap; }
#top-nav ul ul.sub-menu li { display: block; float: none; margin: 0; padding: 0; }
#top-nav ul ul.sub-menu li a { display: block; width: 100%; height: 100%; }
#top-nav ul ul.sub-menu li a:hover { color: #DB8430; }


/* END Nav */

/* cta-p1 */
#cta-p1 { position: relative; }
#cta-p1 img { position: relative; z-index: 10; }
#cta-p1 a.button-p1 { position: absolute; right: 35px; bottom: 35px; }
#shadow { width: 960px; height: 21px; margin: -16px 0 0; background: url(images/slider-nav-bg.png) no-repeat center 0; position: relative; z-index: 1000;}


/* Main Content */
.container { position: relative; background: url(images/sand.jpg) repeat 0 0; }
.container-bg { }
/*.container-bg:before { content: " "; background: url(images/sand-left-edge.png) repeat-y 0 0; position: absolute; left: -53px; top: 0; width: 53px; height: 100%; }
.container-bg:after { content: " "; background: url(images/sand-right-edge.png) repeat-y 0 0; position: absolute; right: -53px; top: 0; width: 53px; height: 100%; }*/
#main { float: left; width: 620px; padding: 30px 0 30px 10px; margin: 0 20px 0 0; position: relative; }
#main div.product-block { margin: 0 0 20px 0; padding: 10px; width: 600px; }

#main div.product-block img { box-shadow: 0 0 4px black; }
#main div.product-block .even { float: left; margin: 0 10px 0 0; }
#main div.product-block .odd { float: right; margin: 0 0 0 10px; }
#wakeboarding { background: url(images/services-sprite.jpg) no-repeat 0 0; }
#speedboat { background: url(images/services-sprite.jpg) no-repeat; background-position: 0 -175px; }
#driving-tuition { background: url(images/services-sprite.jpg) no-repeat; background-position: 0 -350px; }
#inflatables { background: url(images/services-sprite.jpg) no-repeat; background-position: 0 -525px; }
#surf-lessons { background: url(images/services-sprite.jpg) no-repeat; background-position: 0 -700px; }

/* Slider Additions */
div.slide-overlay { position: absolute; bottom: 0; width: 940px; min-height: 20px; padding: 10px; background: black; background: rgba(0,0,0,0.8); color: #ECECEC; }
div.slide-overlay p, .cta-p2 {
  display: inline-block;
  margin-bottom: 0;
}

div.slide-overlay .cta-p2 {
    float: right;
}


/* Services Grid */
.services-container {
	margin-bottom: 10px;
}
.service h4 { font-family: arial, sans-serif !important; }   

#scroller {
    list-style: none;
    height: 185px;
    padding: 5px 0;
}
.service, .module {
    padding: 20px;
    background-clip: padding-box;
    display: block;
}

.service h4 {
    color: white;
}

.service .module {
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

/* Container DIV - automatically generated */
.simply-scroll-container {
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll {
	width: 960px;
	height: 185px;
    padding: 10px 0;
	margin: 5px 0;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 960px;
	height: 200px;
}

/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
    width: 300px;
	height: 180px;
    margin-left: 20px;
    -webkit-box-shadow: 0 0 2px #000000;
    -moz-box-shadow: 0 0 2px #000000;
    box-shadow: 0 0 2px #000000;
    position: relative;
}

.from-only {
  position: absolute;
  bottom: 0;
  right: 0;
  color: white;
  background: rgba(0,0,0,0.6);
  padding: 5px;
  font-style: italic;
   -webkit-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
    background-clip: padding-box;
}

.from-only span {
  font-size: 14px;
  color: #DF7120;
  font-style: normal;
  text-shadow: 1px 1px 1px black;
  font-weight: bold;
}


/* OLD */
ul.services-grid { margin: 0; padding: 0; }
ul.services li { list-style: none;  width: 300px;  height: 180px; margin: 0 10px 20px; background: url(images/services-backgrounds-sprite.jpg) no-repeat; position: relative; }
ul.services-grid li a.cta-p2 { position: absolute; bottom: 10px; left: 10px; }
ul.services-grid li.surfing { background-position: 0 0; }
    ul.services-grid li.surfing a.cta-p2 { background: #5f1410; }
    ul.services-grid li.surfing a.cta-p2:hover { background: #8C1E17; }

ul.services-grid li.wake-ski { background-position: -310px 0; }
    ul.services-grid li.wake-ski a.cta-p2 { background: #3d82e0; }
    ul.services-grid li.wake-ski a.cta-p2:hover { background: #679DE7; }

ul.services-grid li.speedboat-rides { background-position: -622px 0; }
    ul.services-grid li.speedboat-rides a.cta-p2 { background: #261e1d; }
    ul.services-grid li.speedboat-rides a.cta-p2:hover { background: #4A3C39; }

ul.services-grid li.driving-tuition { background-position: 0 -220px; }
    ul.services-grid li.driving-tuition a.cta-p2 { background: #c8aa19; bottom: 20px; }
    ul.services-grid li.driving-tuition a.cta-p2:hover { background: #E7C838; }

ul.services-grid li.inflatable-rides { background-position: -310px -220px; }
    ul.services-grid li.inflatable-rides a.cta-p2 { background: #a13f1b; bottom: 20px; }
    ul.services-grid li.inflatable-rides a.cta-p2:hover { background: #C54E21; }

ul.services-grid li.gear-hire { background-position: -620px -220px; }
    ul.services-grid li.gear-hire a.cta-p2 { bottom: 20px; }



/* Pricing Block */
div.price-block { margin: 20px 0; clear: both; }

/* Main Lightbox */
#lightbox { display:none; background:#000000; opacity:0.9; filter:alpha(opacity=90); position:fixed; top:0px; left:0px; min-width:100%; min-height:100%; z-index:500; }

/* Lightbox panel with some content */
.lightbox-info { display:none; position:fixed; top:100px; left:50%; margin-left:-320px; width:640px; background:#FFFFFF; padding: 15px; border:2px solid #CCCCCC;
 z-index:501 !important; color: #4673B5; }
.lightbox-info img { float: left; margin: 0 20px 20px 0; }
.lightbox-info .close-box { background: #ECECEC; border-radius: 5px; padding: 4px 6px; cursor: pointer; text-decoration: none; color: #232323; font-weight: bold; }

/* TABLE STYLES */
table { width: 100%; font-weight: bold; font-size: 12px; }
tr { height: 56px; }
tr td { padding: 10px 10px; }
tr:nth-child(last) { border: none; }
tr:nth-child(odd) { background-color:#4673B5; color: #E5F3FD }
tr:nth-child(even) { background-color:#E5F3FD; }

div.thumb { background: url(images/services-thumbs-sprite.jpg) no-repeat 0 0; width: 206px; height: 153px; box-shadow: 0 0 5px black; -moz-box-shadow: 0 0 5px black; -webkit-box-shadow: 0 0 5px black; -o-box-shadow: 0 0 5px black; }
#speedboat div.thumb { background-position: -206px 0; }
#driving-tuition div.thumb { background-position: -412px 0; }
#inflatables div.thumb { background-position: -618px 0; }
#surf-lessons div.thumb { background-position: -824px 0; }

#sidebar { height: 100%; float: right; width: 290px; padding: 30px 10px 10px; }
#sidebar ul { list-style: outside; }
#sidebar div.box { margin: 0 0 30px 0; }
#sidebar h3 { margin: 0 0 10px 0; color: white; text-indent: 10px; line-height: 35px; width: 290px; height: 35px; background: rgba(0,0,0,0.2); }
#sidebar img { border: 5px solid #e8e8e8; }
#sidebar #sponsor img { border: none; }

#specials dt { color: #df7120; font-weight: bold; }
#specials dd { margin: 0 0 1.5em 0; }


/* Footer */
#footer { width: 100%; background: url(images/sand.jpg) repeat 0 0; position: relative; z-index: 1000; }
#footer:before { width: 100%; height: 36px; position: absolute; content: " "; background: url(images/nav-bg.png) repeat-x 0 0; }
#footer .phone { margin: 0; }
#footer h4 { color: white; }
#footer a { color: #04b404; border-bottom: 1px dotted; }
#footer a:hover { color: #2E2E2E; }
#footer a:visited { color: #551A8B; }
#footer div.column { float: left; width: 220px; padding: 7px 10px 10px;}
/*#footer div:first-child { background: url(images/jesusfish.png) no-repeat 15px 115px; height: 150px; }*/

#copyright { width: 100%; clear: both; height: 20px; color: white; text-align: center; }
#copyright p { margin: 0; padding: 0; }
/* ==|== non-semantic helper classes ======================================== */
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.alignleft { float: left; padding: 0 20px 20px 0; }
.alignright { float: right; padding: 0 0 20px 20px; }

/* contact page */
#contact-block { padding: 10px; border: 1px solid #217ABF; margin: 0 0 20px 0; }
form { padding: 10px; }
form legend { font-weight: bold; font-size: 14px; }
form ul { list-style: none; padding: 0; }
form ul li { line-height: 30px; margin: 0 0 20px 0; }

label { width: 100px; display: inline-block; float: left; }
input, textarea { width: 100%; padding: 5px 6px; }
textarea { height: 220px; }
#submit, input[type="image"] { width: auto; }

/* Plugin Over-rides */
.typekit-badge { display: none !important; }

/* NGG GALLERY STYLES */
#main .ngg-albumoverview .ngg-album {
    width: 40% !important;
    margin: 0 5% 40px 0 !important;
    float: left;
}

/* ==|== CUSTOM PAGE BACKGROUNDS ============================================= */
.page-id-22, .page-id-114 {
    background: url(images/page-bgs/church-bg.jpg) no-repeat center 150px;
}
.page-id-24 {
    background: url(images/page-bgs/bucks-bg.jpg) no-repeat center 150px;
}

/**********************************
GRID SYSTEM
**********************************/
.grid {
  padding: 0;
  width: 100%;
}

.grid-1 {
  width: 100%;
}

.grid-1-2 {
  width: 50%;
}

.grid-1-3 {
  width: 33.33%;
}

.grid-1-4 {
  width: 25%;
}

.grid-1-5 {
  width: 20%;
}

.grid-2-5 {
  width: 40%;
}

.grid-3-5 {
  width: 60%;
}

.grid-4-5 {
  width: 80%;
}

.grid-2-3 {
  width: 66.66%;
}

[class*='grid-'] {
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  float: left;
  padding: 0 20px 0 0;
  	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}

/* ==|== print styles ======================================================= */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/*
	AnythingSlider v1.7+ Default (base) theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID to match your slider */
#slider {
	width: 960px;
	height: 350px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}
/* Opera width restriction */
.anythingBase { max-width: 32766px; }

/* TITLE OVERLAY */
.slide-title {
    position: absolute;
    top: 20px;
    left: 20px;
    color: white;
    font-size: 30px;
    text-shadow: 2px 2px 1px #292929;
    -webkit-text-shadow: 2px 2px 1px #292929;
    -moz-text-shadow: 2px 2px 2px #292929;
}



/*****************
  SET COLORS HERE
 *****************/
/**** Default state (no keyboard focus) ****/
/* slider window - top & bottom borders, default state */

div.anythingSlider .anythingWindow {
	border-top: 3px solid #444;
	border-bottom: 3px solid #444;
}
/* Navigation buttons, default state */
div.anythingSlider .anythingControls ul a {
	background: #777;
	color: #000;
}
div.anythingSlider .anythingControls ul a.cur {
	background: #0066EE;
	color: #000;
}
/* start-stop button, stopped, default state */
div.anythingSlider .start-stop {
	background-color: #040;
	color: #fff;
}
/* start-stop button, playing, default state */
div.anythingSlider .start-stop.playing {
	background-color: #800;
}
/* start-stop button, default hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #FFFFFF;
}

/**** Active State (slider has keyboard focus) ****/
/* slider window - top & bottom borders, active state */
div.anythingSlider.activeSlider .anythingWindow {
	border-color: 4673B5;
}
/* Navigation buttons, active state */
/* start-stop button, stopped, active state */
div.anythingSlider .start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
div.anythingSlider .start-stop.playing {
	background-color: #d00;
}
/* start-stop button, active slider hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #fff;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	display: block;
	margin: 20px auto 0;
	overflow: visible !important; /* needed for Opera and Safari */
	position: relative;
	padding: 0 0 25px;
}
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
/* all panels inside the slider */
.anythingBase .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
    position: relative;
}
.anythingBase .panel.vertical {
	float: none;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	display: block;
	height: 140px;
	margin: -70px 0 0 0; /* half height of image */
	width: 45px;
	text-align: center;
	outline: 0;
	/* background: url(images/default.png) no-repeat; */
}
/* hide text, target the span so IE7 doesn't text-indent the link */
div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
/* back arrow */
div.anythingSlider .back { left: 0; }
div.anythingSlider .back a { background-position: left top; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left -140px; }
div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/* forward arrow */
div.anythingSlider .forward { right: 0; }
div.anythingSlider .forward a { background-position: right top; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right -140px; }
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */

/* Navigation Links */
div.anythingSlider .anythingControls { outline: 0; display: none; padding: 0 10px; }
div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; }
div.anythingSlider .anythingControls ul li { display: inline; }
div.anythingSlider .anythingControls ul a {
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
  /*	background-image: url(images/default.png);  */
	background-position: center -288px ;
	background-repeat: repeat-x;
	text-align: center;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .anythingControls ul a:hover {
	background-image: #0066EE;
}

/* Navigation size window */
div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
   /*	background-image: url(images/default.png);  */
	background-position: center -288px;
	background-repeat: repeat-x;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
/* hide cell shading on hover - makes the button appear to come forward */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

/* probably not necessary, but added just in case */
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}