#topPanel { width:1152px; height:625px; margin-bottom:20px; position:absolute; top:80px; }

#lowerPanel { width:1152px; position:absolute; top:635px; }

#newsPanel { width:780px; float:left; border:1px solid rgba(255,255,255,0.4); padding:20px;  background:rgba(0,0,0,0.3); }
#newsPanel h2 { font-family:ColabThin; font-size:28px; line-height:1.4em; color: #FFF; margin: 0; position:static; text-align:left; letter-spacing:-1px; font-weight: normal; margin-bottom:20px; margin-left:30px; }


#homePanelCopy { position:absolute; left:85px; top:175px; width:345px; }
#homePanelCopy p { line-height:1.2em; padding:0 0 20px 0; font-size:20px; text-align:left; position:static; display:block; }
#homePanelCopy li { line-height:1.2em; padding:0 0 20px 0; font-size:20px; text-align:left; position:static; list-style-type:disc; margin-left: 25px; }

#homePanelPartners img { position:relative; left:70px; top:-15px; }

#socialMediaBox { float:right; clear:right; width:300px; margin-bottom:10px; height:77px; }
#socialMediaBox h2 { font-family:ColabThin; font-size:24px; white-space: nowrap; color: #fff; letter-spacing:-.5px; font-weight: normal; padding:0 0 10px 0; margin:0; }

.socialwrap { width:60px; display:inline-block; vertical-align:text-top; }
.socialwrap img { border:none; margin:0 auto; display: block; }
.socialwordswrap { position:relative; top:0px; overflow:hidden; height:0; display:table-cell; vertical-align: text-bottom; width:60px; padding:0 -5px; }
.socialwordswrap p { position:absolute; font-family:ColabThin; font-size:16px; white-space: nowrap; color: #fff; font-weight: normal; padding:0; margin:0; text-align:center; bottom:0; width:60px; }


#partnersBox { float:right; clear:right; width:300px; border:1px solid rgba(255,255,255,0.4); padding:20px 0; background:rgba(0,0,0,0.3); }
#partnersBox img { margin:5px 12px; width:275px; padding:0; }
#partnersBox h2 { font-family:ColabThin; font-size:24px; white-space: nowrap; color: #fff; letter-spacing:-.5px; font-weight: normal; padding:0 0 10px 0; text-align:center; }
#partnersBox p { text-align:center; position:static; display:block; padding:10px; margin:0; }
#partnersBox p, #partnersBox a { font-family:ColabLight; font-size:16px; line-height:1.4em; color: #FFF; }

#sliderContainer { position: relative; width: 1152px; height: 508px; overflow: hidden; } /* height was 508px; */

#mySlides { position: relative; width: 9216px; height: 508px; overflow: hidden; margin-left: 0px; left: 0px; }

.slide { position: relative; width: 1150px; height: 506px; float: left; overflow: hidden; left: 0px; background:url("../images/slideBg.png") repeat scroll 0 0 transparent; border:1px solid rgba(255,255,255,0.4); }
.slide h2 {  font-family:ColabThin; font-size:34px; line-height:1.4em; color: #FFF; margin: 0; position:absolute; text-align:center; width:100%; letter-spacing:-1px; font-weight: normal; } /*  font-weight: normal required to fix ipad ghosting */ 
.slide h3 {  font-family:ColabThin; font-size:18px; line-height:1.3em; color: #FFF; margin: 0; position:absolute; text-align:center; width:100%; letter-spacing:0px; font-weight: normal;  }
.slide p {  font-family:ColabThin; font-size:15px; line-height:1.2em; color: #FFF; margin: 0; position:absolute; text-align:center;  width:100%; letter-spacing:0px; font-weight: normal;  }
.slide li {  font-family:ColabThin; font-size:15px; line-height:1.2em; color: #FFF; margin: 0; position:absolute; text-align:center;  width:100%; letter-spacing:0px; font-weight: normal;  }
.slide a:link, .slide a:visited, .slide a:hover, .slide a:active { font-style:normal; color:#FFF; text-decoration:underline; cursor:pointer; }
.slide img { position:absolute; }
.backgroundimage { opacity:0.4; }

#inWA { padding:20px; }
#inWA h2 {  font-family:ColabThin; font-size:24px; line-height:1.4em; color: #000; margin: 0; letter-spacing:-1px; }
#inWA p {  font-family:ColabThin; font-size:19px; line-height:1.4em; color: #000; margin: 0; letter-spacing:-1px; position:relative; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#inWA a {  color: #5279a0; text-decoration:none; }
#inWA div { border:1px solid #bbb; height:94px; vertical-align:middle; padding:0; margin:20px; background-color:#eaeaea; }
#inWA div:hover { background-color:#cacaca; }
#inWA img { border:1px solid #999; float:left; margin:10px; }

#speedcontroller { z-index:4; }
#speedcontroller a { text-decoration:none; cursor:pointer; color:#fff; font-style:normal; }
#speedselected { z-index:4; }

/*.Open-Sans-normal-300 {
font-family: 'Open Sans' !important;
font-style: normal;
font-weight: 300;
color: #FFF; margin: 0; position:absolute; text-align:center;  width:100%; 
}*/

.jFlowSlideContainer { overflow: hidden; }
.jFlowSlideContainer a { color: #F90; text-decoration: none; font-style: italic; }
.jFlowSlideContainer a:hover { text-decoration: none; }
.jFlowSlideContainer a:focus { position: relative; top: 1px; }

#jFlowPrev { height:40px; position:absolute; top:230px; left:25px; width:40px; overflow:hidden; background:url("../images/btnl-grey.png") no-repeat scroll 0px 0px transparent; z-index:6; cursor:pointer; opacity:0.8; }
#jFlowNext { height:40px; position:absolute; top:230px; right:25px; width:40px; overflow:hidden; background:url("../images/btnr-grey.png") no-repeat scroll 0px 0px transparent; z-index:6; cursor:pointer; opacity:0.8; }

#jFlowPrev:hover { background-position: -40px 0px; opacity:1; }
#jFlowNext:hover { background-position: -40px 0px; opacity:1; }

/*.jFlowPrev:hover { background-position: -84px -235px; }
.jFlowNext:hover { background-position: 0px -235px; }*/


/* controller pagination */
#myIndicators { position: absolute; top: 518px; right: 30px; z-index:2; }
.slideIndicator { background:url("../images/jslidebullet.png") no-repeat scroll 0px 0px transparent; float: left; width: 15px; height: 15px;}
.slideIndicator:hover { background-position: -32px 0px; cursor: pointer; }
.slideIndicatorSelected, .slideIndicatorSelected:hover { background-position: -15px 0px; }

.flowplayer .fp-controls { display:none; }
.flowplayer .fp-timeline { display:none; }
.flowplayer .fp-progress { display:none; }
.flowplayer .fp-buffer { display:none; }
.flowplayer .fp-fullscreen { display:none; }
.flowplayer .fp-hilite { display:none; }
.flowplayer .fp-embed { display:none; }

#image_links img { z-index:5; }

#blogrightpanel { position:absolute; width:425px; right: 40px; top:80px; }
#blogrightpanel p, #blogrightpanel h2, #blogrightpanel h3, #blogrightpanel div, #blogrightpanel img { text-align:center; position:static; padding-bottom:15px; }
#blogrightpanel table { position:static; padding-top:10px; }
#blogscrollbox { width:360px; height:221px; top:126px; overflow:hidden; position:absolute; left:175px; z-index:2; }
#blogpost { position:absolute; top:0; }
#blogformwrapper { margin:10px auto; }
#blogform p { color:#0066CC; text-align:right; margin:6px 10px 6px 0; padding:0; font-family: ColabLight; font-size: 15px; line-height:1.1em; position:static; }
#blogform input, #blogform select { margin-left:5px; font-family: ColabLight; font-size: 15px; margin-right:10px; position:static; }
#howq { position:static; color:#000; text-align:left; }

#blog_work h2 { font-family:ColabThin; font-size:24px; line-height:1.2em; color: #000; letter-spacing:-.5px; font-weight: normal; padding:20px 0 0 0; margin:0; }
#blog_work p { font-family:ColabThin; font-size:16px; line-height:1.2em; color: #000; font-weight: normal; padding:10px 0 0 0; margin:0;}

.swimtypecenter { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; border:0; }
.swimtypeoverlay { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width:120px; padding:10px; background-color:rgba(0,0,0,0.6); display:none; z-index:3; border:1px solid rgba(255,255,255,0.4); pointer-events:none;  }
.swimtypeoverlay p { position:static; color:#fff; font-family:ColabThin; font-size:16px; text-align:center; padding:0; }
#arnie-image, #bambino-image, #kicktastic-image, #overglider-image, #swinger-image, #smooth-image { width: 138px; height:267px; z-index:2; }
.swimtypecenterwrapper { position:absolute; top:30px; width:207px; height:400px; }

.crosshairs { width:47px; height:47px; opacity:0.4; } <!---->
.crosswordswrap { position: absolute; padding:10px; pointer-events:none; background-color:rgba(0,0,0,0.6); z-index:3; border:1px solid rgba(255,255,255,0.6); display:none;  }
.crosswordswrap p {  font-family:ColabThin; font-size:16px; text-align:left; color:#fff; position:static; }

.productwrapper { position:absolute; }
.productwrapper img { border: 1px solid rgba(255,255,255,0.4); position:absolute; z-index:2; }
.prodouter { position: absolute; border:1px solid rgba(255,255,255,0); display:table; width:158px; height:270px; overflow:hidden; z-index:3; pointer-events:none; opacity:0; }
.prodinner { width:100%; margin:0 auto; background-color:rgba(0,0,0,0.8); display:table-cell; vertical-align:middle; text-align:center; }
.prodinner p { font-family:ColabThin; font-size:16px; line-height:1em; color: #FFF; margin: 0; font-weight: normal; position:static; padding:0 15px; width:128px; }

#vidanalthumbs { position:absolute; }
#vidanalthumbs img { position:static; display:inline-block; border: 1px solid rgba(255,255,255,0.4); margin-right:20px; }

.newsitemwrapper { position:relative; margin-top:10px; left:30px; width:700px; }
.newsitemwrapper a { text-decoration:none; }
.newsitem { border-left:1px solid rgba(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.4); border-right:1px solid rgba(255,255,255,0.4); overflow:hidden; background:rgba(0,0,0,0.2) url(../news/newsarrow.png) center no-repeat; background-position-x:100%; z-index:1; position:relative; padding:3px; }
.newsitemwrapper p {  font-family:ColabLight; line-height:1.2em; padding:0; font-weight: normal; margin-left:20px; }
.newsitem img { border:1px solid rgba(255,255,255,0.4); position: absolute; top: -1px; bottom: 0; left: 515px; right: 0; margin: auto; } /*margin:3px 50px 3px 15px;*/
.newsheadline {  font-size:20px; margin:13px 0 8px 0; letter-spacing:-1px; color:#d2a387; }
.newswords { font-size:16px; text-align:left; letter-spacing:0px; width:515px; color: #FFF; margin-bottom:20px; }
.newstab { border-left:1px solid rgba(255,255,255,0.4); border-top:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.4); border-bottom:none; border-radius: 10px 10px 0 0; text-align:center; display:table-cell; padding:2px 15px 0 15px;  background:rgba(0,0,0,0.2); }
.newstab p { font-size:16px; padding:1px 0 0 0; margin:0; white-space: nowrap; display:inline-block; color:#FFF; }
.newstab img { display:inline-block; margin-right:5px; position:relative; top:4px; border:1px solid rgba(255,255,255,0.2); }
.newstabspacer { width:100%; border-bottom:1px solid rgba(255,255,255,0.4); display:table-cell; }

#morenews { color:#FFF; text-align:right; padding:35px 15px 20px 0; font-family:ColabThin; font-size:16px; }
#morenews a:link, #morenews a:visited, #morenews a:active, #morenews a:hover { text-decoration:underline; color:#fff; }
#morenewswrapper { height:0; overflow:hidden; }

#vimeoplayer, #vimeoplayer2 { border: 1px solid rgba(255,255,255,0.4); }

#slideshowfader { position:absolute; bottom:25px; left:595px; }
#slideshowfader table { display:none; }
#slideshowfader p { display:inline-block; text-align:center; width:460px; position:static; line-height:1.2em; font-size:16px; height:30px; padding:0 10px;}
#slideshowfader img { display:block; margin:0; padding:0; position:static; margin:0 auto; }
#slideshowfader div { display:none; }

#rarrow { position:absolute; left:560px; top:240px; }

#SSCSdevices { position:absolute; top:110px; left:595px; width:460px; }
#SSCSdevices p { display:inline-block; position:static; font-size:18px; }
#SSCSdevices table { margin:15px 0 10px 55px; position:static; display:inline-table; }
#SSCSdevices td { padding:2px 10px; }
/*#SSCSdevices img { position:static; }*/

#sscsTitles { position:absolute; left:0; top:24px; width:100%; }
#sscsTitles h1 { font-family:ColabThin; font-size:24px; color: #FFF; letter-spacing:-1px; font-weight:normal; white-space:nowrap; position:static; text-align:left; font-style:italic; display:inline; line-height:0; margin:0; padding:0 0 0 10px; vertical-align:middle; }
#sscsTitles h2 { font-family:ColabLight; font-size:38px; color:#fff; letter-spacing:-1px; font-style:normal; white-space:nowrap; text-align:center;  position:static; padding:0; position:relative; top:-10px; }
#sscsTitles img { display:inline; position:static; vertical-align:middle; padding-left:50px; }
#sscsTitles p { font-size:20px; text-align:center; font-style:italic; padding-top:0px; white-space:nowrap; }

#sscsImage { position:absolute; left:95px; top:112px; width:450px; height:250px; }
#sscsImage img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; height:226px; width:425px; }

#sscsLinks { padding-top:20px; }

#sscsLeftLinks { position:absolute; left:95px; top:357px; width:450px; overflow:visible;   }
#sscsLeftLinks p { color:#fff; font-family:ColabThin; font-size:16px; text-align:center;  position:static; }
#sscsLeftLinks a:link, #sscsLeftLinks a:visited, #sscsLeftLinks a:active { font-style:normal; color:#FFF; text-decoration:none; cursor:pointer; }
#sscsLeftLinks a:hover { font-style:normal; color:#FFF; text-decoration:underline; cursor:pointer; }
#sscsLeftLinks div { display:inline-block; }


#resourcesBox { float:right; clear:right; width:300px; border:1px solid rgba(255,255,255,0.4); padding:20px 0; background:rgba(0,0,0,0.3); margin-top:30px; }
#resourcesBox img { border:1px solid rgba(255,255,255,0.4);  }
#resourcesBox h2 { font-family:ColabThin; font-size:24px; white-space: nowrap; color: #fff; letter-spacing:-.5px; font-weight: normal; padding:0 0 10px 0; text-align:center; }
#resourcesBox p { text-align:center; position:static; display:block; padding:10px; margin:0; }
#resourcesBox p, #resourcesBox a { font-family:ColabLight; font-size:16px; line-height:1.4em; color: #FFF; }


.moreSSPanel { width:780px; float:left; border:1px solid rgba(255,255,255,0.4); padding:20px;  background:rgba(0,0,0,0.3); margin-bottom:45px; }
.moreSSPanel h2 { font-family:ColabLight; font-size:32px;line-height:1.4em; color: #FFF; margin: 10px 0 0 20px; padding:0; position:static; text-align:center; letter-spacing:-1px; font-weight: normal; }
.moreSSPanel h3 { font-family:ColabThin; font-size:28px; line-height:1.4em; color: #FFF;  margin: 20px 30px 20px 40px; padding:0; position:static; text-align:left; letter-spacing:-1px; font-weight: normal; clear:left; }
.moreSSPanel p { font-family:ColabLight; line-height:1.4em; padding:0; font-weight: normal; font-size:16px; color:#FFF; margin:0 30px 20px 40px; }
.moreSSPanel li { font-family:ColabLight; line-height:1.2em; padding:0; font-weight: normal; margin-left:40px; font-size:16px; color:#FFF; padding-bottom:10px; margin-left:60px; }
.moreSSPanel ul { margin-bottom:15px; }
.moreSSPanel a { color:#fff; }
.moreSSPanel .hline { border-top:1px solid rgba(255,255,255,0.5); padding:0 60px; margin:30px 0;}

.picture { background-color:rgba(0,0,0,0.4); border:1px solid #aaaaaa; padding:0; }
.picture img { margin:0; padding:0; }
.picture p { font-family:ColabThin; line-height:1.2em; padding:0; font-size:16px; color:#fff; margin:0; padding:3px 10px 5px 10px; white-space:normal; max-width:205px; }
.right { float:right; margin:0 20px 20px 20px; clear:right; }

.videothumb { padding:0; width:227px; margin:23px auto 0 auto; position:relative; }
.videothumb img { margin:0; padding:0; border:1px solid #aaaaaa; width:225px; height:107px; }
.videothumb h4 { font-family:ColabThin; line-height:1.2em; font-size:15px; color:#fff; margin:0; padding:0 10px 15px 10px; max-width:255px; font-style:italic; text-align:center; }
.videothumb h5 { font-family:ColabThin; line-height:1.2em; font-size:13px; color:#fff; margin:0; max-width:255px; text-align:right; right:10px; top:88px; position:absolute; text-shadow: 0 0 3px #000, 0 0 3px #000; }
.videothumb a { text-decoration: none; }
.videothumb a:hover { text-decoration:underline; }
.videothumb a:hover > .playvideobutton { opacity: 0.8; filter: alpha(opacity=80); }
.videothumb .playvideobutton { position:absolute; top:0; background-image:url(../images/play-video-button.png); z-index:10; width:227px; height:107px; opacity: 0.5; filter: alpha(opacity=50); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.videothumb .playvideobutton:hover { opacity: 0.8; filter: alpha(opacity=80); }

#huubRightPanel { position:absolute; left:845px; top:85px; width:215px; height:380px; }
#huubRightPanel p { font-family:ColabLight; line-height:1.2em; padding:10px 0; font-weight: normal; font-size:16px; color:#FFF; text-align:left; position:static; }

#iOSclicktoplay { display:none; position:absolute; left:230px; top:270px; z-index:15; }