div#container {
   height: 3544px;
   margin-left: 0;
   margin-top: 0;
   text-align: left;
   width: 1920px;
}
body {
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_Image1 {
   vertical-align: top;
}
#Image1 {
   border: 0px solid transparent;
   border-radius: 0px;
   box-shadow: 7px 7px 12px rgba(128,128,128,0.80);
   box-sizing: border-box;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#Table3 {
   animation: flip-in 3000ms ease-in-out 2000ms 1 normal both;
   background-color: transparent;
   background-image: none;
   border: 2px solid transparent;
   border-collapse: separate;
   border-radius: 0px;
   border-spacing: 1px;
   margin: 0;
}
#Table3 td,
#Table3 th {
   padding: 0;
}
#Table3 td div {
   white-space: nowrap;
}
#Table3 p,
#Table3 ul {
   margin: 0;
   padding: 0;
}
#Table3 .cell0 {
   background-color: transparent;
   background-image: none;
   border: 0px #C0C0C0 solid;
   color: #8FBC8F;
   font-family: "Bahnschrift Light";
   font-size: 29px;
   height: 80px;
   line-height: 35.5px;
   text-align: left;
   vertical-align: top;
   width: 366px;
}
#Table3 .cell1 {
   background-color: transparent;
   background-image: none;
   border: 0px #C0C0C0 solid;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   height: 80px;
   line-height: 16px;
   text-align: left;
   vertical-align: top;
}
#Table3 .cell2 {
   background-color: transparent;
   background-image: none;
   border: 0px #C0C0C0 solid;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   height: 16px;
   line-height: 16px;
   text-align: left;
   vertical-align: top;
   width: 366px;
}
#Table3 .cell3 {
   background-color: transparent;
   background-image: none;
   border: 0px #C0C0C0 solid;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   height: 16px;
   line-height: 16px;
   text-align: left;
   vertical-align: top;
}
#Table3 .cell4 {
   background-color: transparent;
   background-image: none;
   border: 0px #C0C0C0 none;
   color: #8FBC8F;
   font-family: "Bahnschrift Light";
   font-size: 19px;
   height: 179px;
   line-height: 22.5px;
   text-align: left;
   vertical-align: top;
   width: 366px;
}
#Table3 .cell5 {
   background-color: transparent;
   background-image: none;
   border: 0px #C0C0C0 solid;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   height: 179px;
   line-height: 16px;
   text-align: left;
   vertical-align: top;
}
#wb_Image2 {
   vertical-align: top;
}
#Image2 {
   animation: animate-fade-in 5000ms linear 0ms 1 normal both, animate-flash 10000ms linear 0ms infinite normal both;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#Table2 {
   animation: flip-in 3000ms ease-in-out 6000ms 1 normal both;
   background-color: transparent;
   background-image: none;
   border: 2px solid transparent;
   border-collapse: separate;
   border-radius: 0px;
   border-spacing: 1px;
   margin: 0;
}
#Table2 td,
#Table2 th {
   padding: 0;
}
#Table2 td div {
   white-space: nowrap;
}
#Table2 p,
#Table2 ul {
   margin: 0;
   padding: 0;
}
#Table2 .cell0 {
   background-color: transparent;
   background-image: none;
   border: 1px #C0C0C0 none;
   color: #000000;
   font-family: Arial;
   font-size: 19px;
   height: 92px;
   line-height: 21px;
   text-align: left;
   vertical-align: top;
}
#Table2 .cell1 {
   background-color: transparent;
   background-image: none;
   border: 1px #C0C0C0 none;
   color: #FFA500;
   font-family: "Bahnschrift Light";
   font-size: 19px;
   height: 68px;
   line-height: 22.5px;
   text-align: left;
   vertical-align: top;
}
#Table2 .cell2 {
   background-color: transparent;
   background-image: none;
   border: 1px #C0C0C0 none;
   color: #000000;
   font-family: Arial;
   font-size: 16px;
   height: 54px;
   line-height: 18px;
   text-align: left;
   vertical-align: middle;
}
#wb_Gone_Surfing_Logo {
   vertical-align: top;
}
#Gone_Surfing_Logo {
   animation: animate-fade-in 3000ms linear 14000ms 1 normal both;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#wb_Text2 {
   animation: animate-background 500ms linear 13000ms 1 normal both, flip-in 500ms linear 13000ms 1 normal both;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text2 div {
   text-align: left;
}
#wb_Text1 {
   animation: focus-in 500ms linear 13000ms 1 normal both;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text1 {
   color: #4B0082;
   font-family: Bahnschrift;
   font-size: 21px;
   font-weight: 300;
   line-height: 26px;
}
#wb_Text1 p,
#wb_Text1 ul {
   margin: 0;
   padding: 0;
}
#wb_Image5 {
   vertical-align: top;
}
#Image5 {
   animation: focus-in 500ms linear 13000ms 1 normal both;
   border: 0px solid transparent;
   border-radius: 0px;
   box-shadow: 7px 7px 12px rgba(128,128,128,0.80);
   box-sizing: border-box;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#wb_Image4 {
   vertical-align: top;
}
#Image4 {
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#wb_Text3 {
   animation: animate-background 500ms linear 13000ms 1 normal both, flip-in 500ms linear 13000ms 1 normal both;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text3 div {
   text-align: left;
}
#YouTube1 {
   animation: focus-in 3000ms linear 17000ms 1 normal both;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   height: 100%;
   left: 0;
   top: 0;
   width: 100%;
}
#wb_Image3 {
   vertical-align: top;
}
#Image3 {
   animation: focus-in 1000ms linear 17000ms 1 normal both;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#wb_Text4 {
   animation: animate-background 500ms linear 13000ms 1 normal both, flip-in 500ms linear 13000ms 1 normal both;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text4 div {
   text-align: left;
}
#wb_Image6 {
   vertical-align: top;
}
#Image6 {
   animation: focus-in 2000ms linear 20300ms 1 normal both;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#wb_Image7 {
   vertical-align: top;
}
#Image7 {
   animation: swoop-in 2000ms linear 23000ms 1 normal both;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
