@font-face {
    font-family: 'city';
    src: url('../fonts/city/city-webfont.eot');
    src: url('../fonts/city/city-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/city/city-webfont.woff') format('woff'),
         url('../fonts/city/city-webfont.ttf') format('truetype'),
         url('../fonts/city/city-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
    overflow-y: scroll;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

h1 {
font-family:'HelveticaNeue-CondensedBold', 'Helvetica Neue';
font-size:36px;opacity:0.8;
color:#fff;
}

a:hover, a:active {
    outline: none;
    text-decoration: none;
}
a, a:active, a:hover {
    color: #b2b0b0;
}

nav ul, nav li {
    margin: 0;
}

body {
    background: #000;
    color: #444;
    line-height: 1.3em;
    min-width: 960px;
    font-size: 16px;
}


/* G L O B A L - */

#header {
background:url('../img/nav/bg.png') repeat-x;
height:48px;
left:0;
position:fixed;
top:0;
width:100%;
z-index:100;
}

.inner {
margin:0 auto;
}

#container {
margin:48px auto 0  auto;
position:relative;
width:960px;
}

#main {
z-index:1;
}

/* N A V - */

#nav {
color: #FFFFFF;
font-family: 'Open Sans Condensed', sans-serif;
margin:0 auto;
width:960px;
z-index:100;
}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active{
	text-decoration: none;
	color: #FFFFFF;
} 
#nav .social{
	float:right;
	width: 30px;
	padding: 10px 66px 0px 0px;
}
#nav .floyd {
	width: 128px;
	height: 34px;
	padding: 14px 50px 0px 82px;
	float: left;
	font-size: 36px;
	letter-spacing: 1px;
}
#nav .main_item {
	float: left;
	height: 22px;
	padding: 13px 26px 13px 20px;
	background: url('../img/nav/item.png') no-repeat right top;
}
#nav .main_item:hover, #nav a:hover {
	color: #FF6600;
}

#nav .main_item.bocce{width: 36px;}
#nav .main_item.sister{width: 64px;}
#nav .main_item.cheese{width: 106px;}
#nav .main_item.about{width: 54px;}
#nav .main_item.parties{width: 41px;}
#nav .main_item.bocce .sub_menu{width: 276px;}
/*Use a line like this one below to set an appropriate width on additional submenus*/
/*#nav .main_item.sister .sub_menu{width: 98px;}*/

#nav .sub_menu{
	display:none;
	background: url('../img/nav/sub_left.png') no-repeat left top, 
				url('../img/nav/sub_right.png') no-repeat right top;
	height: 36px;
	margin: 15px 0px 0px -10px;
	padding: 0px 14px;
}
#nav .has_sub:hover .sub_menu{
	display: block;
}
#nav .sub_wrapper{
	background: url('../img/nav/sub.png') repeat-x; 
	padding-top: 8px;
	height: 27px;
}
#nav .sub_item{
	display:inline-block;
	padding: 2px 6px 0px 8px;
	border-left: 1px solid #FFF;
}
#nav .sub_item:first-child{
	padding-left: 0px;
	border-left: none;
}



/* PANEL 1 NAV */

.left-arrow {
position:absolute;
top:260px;
left:8px;
}

.right-arrow {
position:absolute;
top:260px;
right:8px;
}

#prevBtn {
/* background:url('http://www.floydny.com/css/img/left-arrow.png') no-repeat; */
border:0px solid red;
height:41px;
left:8px;
position:absolute;
top:260px;
width:41px;
z-index:10
}

#nextBtn {
/* background:url('http://www.floydny.com/css/img/right-arrow.png') no-repeat; */
border:0px solid red;
height:41px;
position:absolute;
top:260px;
right:8px;
width:41px;
z-index:10
}

#prevBtnTwo {
/* background:url('http://www.floydny.com/css/img/left-arrow.png') no-repeat; */
border:0px solid red;
height:41px;
left:8px;
position:absolute;
top:945px;
width:41px;
z-index:10
}

#nextBtnTwo {
/* background:url('http://www.floydny.com/css/img/right-arrow.png') no-repeat; */
border:0px solid red;
height:41px;
position:absolute;
top:945px;
right:8px;
width:41px;
z-index:10
}

.row1 {
width:960px;
height:633px;
overflow-x:hidden;
overflow-y:hidden;
z-index:-1;
}

/* SLIDER - PANEL 1 */
#slider {position:relative;width:960px}
#slider-list {}
#slider-list li {float:left;}

/* PANEL 1.1 - 1.4  */

#home_1 {
background:url('http://www.floydny.com/img/1.1-bg-(no-text).jpg') top left no-repeat;
/* background:url('http://www.floydny.com/css/img/1.1-bg-ref.jpg') top left no-repeat; */ 
position:relative;
}

#bbb {
position:relative;
top:253px;
margin-left:71px;
}

#home_2 {
 background:url('../img/1.2-bg.jpg') top left no-repeat; 
/* background:url('http://www.floydny.com/css/img/1.2-bg-ref.jpg') top left no-repeat; */
position:relative;
}

#home_3 {
 background:url('../img/1.3-bg.jpg') top left no-repeat; 
/* background:url('http://www.floydny.com/css/img/1.3-bg-ref.jpg') top left no-repeat; */
position:relative;
}

#home_4 {
background:url('../img/1.4-bg.jpg') top left no-repeat; 
/*  background:url('http://www.floydny.com/css/img/1.4-bg-ref.jpg') top left no-repeat; */
position:relative;
}


#home_1 blockquote{
    text-align: right;
    padding: 34px 72px 0 0;
    letter-spacing: normal;
    font-weight: bolder;
}
#home_1 blockquote p{
    font-family: Arial Black,Helvetica,"Lucida Grande", sans-serif;
    color:#CCCCCC;
    font-size: 39px;
    line-height:45px;
    letter-spacing: 0px;
    font-weight: bold;
}
#home_1 blockquote p span{
    width:4px;
    height: 1px;
}
#home_1 blockquote p:last-of-type{
    font-family: Arial,Helvetica,"Lucida Grande", sans-serif;
    position:relative;
    top:-5px;
    left:-10px;
    font-size: 20px;
    letter-spacing:0;
    font-weight: normal;
}
#home_1 address{
    position: relative!important;
    font-family: Arial,Helvetica,"Lucida Grande", sans-serif;
    color:#CCCCCC;
    font-size: 14pt;
    left:0px;
    bottom:-369px;
    font-style: normal;
    letter-spacing: .8px;
    margin: 13px 0 0 91px;
}

/* PANEL 2 BOCCE */

#prevBtnTwo, #PreviousTwo, #nextBtnTwo,	#NextTwo {
z-index:10 !important;
}

#bocce {
position:relative;
top:-5px;
margin-top:-5px;
}

#bocce_1 {
background:url('../img/2.1-bg.jpg') top left no-repeat; 
/* background:url('../img/2.1-bg-ref.jpg') top left no-repeat; */
position:relative;
}

#bocce_2 {
background:url('../img/2.2-bg.jpg') top left no-repeat; 
/* background:url('../img/2.2-bg-ref.jpg') top left no-repeat; */ 
width:960px;
height:621px;
position:relative;
}

.row2 {
width:960px;
height:621px;
overflow-x:hidden;
overflow-y:hidden;
}

/* PANEL 3 - SISTER BARS */

#sister_bars {
background:url('../img/3.1-bg.jpg') top left no-repeat; 
/*background:url('../img/3.1-bg-ref.jpg') top left no-repeat;*/
position:relative;
height:649px;
width:960px;
}

/* PANEL 4 FLOYD BEER CHEESE */

#floyd_beer_cheese {
background:url('../img/4.1-bg-no-schlub.jpg') top left no-repeat;
/* background:url('../img/4.1-bg-ref.jpg') top left no-repeat;  */
position:relative;
height:616px;
width:960px;
}

#big-schlub {
right:4px;
top:132px;
z-index:15;
}

#big-schlub-arm {
right:143px;
top:223px;
z-index:10;
}

/* PANEL 5  ABOUT */

#about {
background:url('../img/5.1-bg.jpg') top left no-repeat;
/* background:url('../img/5.1-bg-ref.png') top left no-repeat; */
position:relative;
width:960px;
height:640px;
}

/* LIBRARY */
.invisible {
    visibility: hidden;
}
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}

/*panel 3*/
#sister_bars{
    position:relative;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color:#F0F0F0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.smallPara{
    font-size: 26px;
    letter-spacing: -1px;
    margin:0px;
    padding:0px;
}

.bigH{
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color:#F0F0F0;
    font-size: 70px;
    margin:0px;
    padding:0px;
    letter-spacing: -5px;
    text-transform: uppercase;
}
.op{
     opacity: .75 !important;
}
.posAbs{
    position:absolute!important;
}
#visitSis{
    left: 10px;
    top: 240px;
}
#theBellHouse{
    left: 145px;
    top: 287px;
}
#unionHall{
    left: 329px;
    margin: 0;
    padding: 0;
    top: 352px;
    width: 612px;
}
#musicEvents{
    right: 25px;
    top: 303px;
}
#musicBocce{
    right: 99px;
    top: 406px;
    opacity: .9;
}
.red{
    color:#FF3332!important;
    text-decoration: none;
}

.red:hover{
    color:gray!important;
    position: relative;
    top:0px;
    left:0px;
}

/*panel 4 */
#floyd_beer_cheese{
    position:relative;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.smallH{
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color:#F0F0F0;
    font-size: 55px;
    margin:0px;
    padding:0px;
    letter-spacing: -5px;
    text-transform: uppercase;
}
.biggerH{
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color:#F0F0F0;
    font-size: 80px;
    margin:0px;
    padding:0px;
    letter-spacing: -7px;
    text-transform: uppercase;
}

#topH{
    height: 190px;
    left: 48px;
    overflow: auto;
    text-align: left;
    top: 25px;
    width: 520px;
}
#topH h1{
    position: relative;
    top:62px;
}
#topH h2{
    position:relative;
    top:25px;
}
#blackDiv{
    font-family: Arial,Helvetica,"Lucida Grande", sans-serif;
    width: 300px;
    height:120px;
    top:186px;
    left:252px;
    color:#BFBFBF;
    font-size:15px;
    text-align: left;
    line-height: 1.2;
}
#blackDiv strong{
    position:relative;
    top:10px;
    color:#D6D6D6;
    font-size: 15px;
}

.go{
    right: 13px;
    top: 14px;
    
}
.go>img{
    width:64px;
}

#eatBearCheese{
    font-family:Arial,Helvetica,"Lucida Grande", sans-serif;
    font-size: 19px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: -1px;
    right: 21px;
    text-transform: uppercase;
    top: 67px;
}
/*
.email{
    left:598px;
    bottom: 13px;
    color:#FFFEFF;
    font-size: 20px;
    letter-spacing: -1px;
    text-decoration: none;
}
.email:hover{
    color:black;
}
.email>span{
    font-size: 26px;
}
*/
#logo{
    top:48px;
    left:582px;
}

#floydeats-web-address {
background:url('../img/floydeats-web-address-sprite.gif') 0 0 no-repeat;
border:0px solid green;
height:33px;
width:215px;
left:618px;
bottom: 8px;
}

#floydeats-web-address:hover {
background:url('../img/floydeats-web-address-sprite.gif') 0 -33px no-repeat;
}

/* panel 5*/

#about{
    position:relative;
}

#about h1{
    position:relative;
    top:95px;
    left:38px;
    line-height:1;
    
}
.biggest{
    font-size: 103px;
}

#about>a{
    font-family: 'HelveticaNeue-CondensedBold', ArialBold, Helvetica, Arial, "Lucida Grande", sans-serif;
    display: block;
    width:250px;
    position:relative;
    top:140px;
    left:36px;
    font-size: 58px;
    line-height: .93;
    letter-spacing: -2px;
    text-decoration: none;
}

#about>a:hover{
    color:red!important;
}


/*panel 2.1 */
#joinTheL{
    border:0px solid red !important;
    position:absolute;
    bottom:100px;
    right:34px;
    border:1px;
    width:276px;
    height:30px
}

.input{
    border: none;
    color:#969290;
    text-align: left;
    font-family: Arial,"Helvetica Neue",Helvetica,"Lucida Grande",sans-serif;
    background-color: #DDD2D3;
    padding:2px 30px;
   -moz-box-shadow: 0px -2px 1px #96847A;
    -webkit-box-shadow: 0px -2px 1px #96847A;
    box-shadow:0px -2px 1px #96847A;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #dcdcdc;
} 
#joinTheL input:first-of-type {
background:url('../img/2.2-join-form-input-bg.png') no-repeat;
  top:0px;
  width:195px;
   height:24px;
   left:0px;
   border:0px solid blue;
   padding:0;
   margin-right:10px;
   position:absolute;
   text-align:center;
   color:#000;
   font-size:14px;
  }
   
#joinTheL input:last-of-type{
   width:70px;
   padding: 2px 9px;
   color: #666666;
   font-weight: bold;
  position:absolute;
  right:0;
}
#joinTheL input:last-of-type:hover{
   background-color: red;
   color:#fff;
}

#bocce_1 a{
    bottom: 67px;
    color: #CCCCCC;
    font-family: Arial,"Helvetica Neue",Helvetica,"Lucida Grande",sans-serif;
    font-size: 19px;
    position: absolute;
    right: 161px;
    text-decoration: none;
}
#bocce_1 a:hover{
    color:red;
}

/*panel 2.2 */
.rightLink{
    font-family: city, "Lucida Grande", Helvetica, Arial, sans-serif;
    position:absolute;
    color:#64352F;
    font-size: 33px;
    text-decoration: none;
    width:180px;
    display: block;
    font-weight: normal;
}
.rightLink:hover{
    color:red!important;
}
#bFaq{
    top:185px;
    right:194px;
}
#rules{
    right: 161px;
    top: 228px;
}
#leaguePage{
    right: 195px;
    top: 268px;
}
/* panel 5 sliding*/

.panel_5_slide{
    margin:0px;
    padding:0px;
    position:absolute;
    top:367px;
    left:0px;
    width:960px;
    height:275px;
    background-color:rgba(0,0,0,.6);
    display:none;
    color:rgb(250,250,250);
    font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.clickHere{
    text-decoration: none;
    color:#A42E2E;
    font-size: 16px;
    margin-right: 2px;
}
.clickHere:hover{
    text-decoration: underline;
    color:#A42E2E;
}

#mapSlideLink {
  border:0px solid green;
font-size:36px;
  padding:0 0 5px 0;
  width:200px;
}

.mapLink{
    border:0px solid red;
    display:block;
    position: relative;
    top:40px;
    left:40px;
    text-decoration: none;
    color:#F0F0F0;

    padding-bottom:0 !important;
    width:120px;
    
}
.mapLink:hover{
    text-decoration: none;
    color:red;
}

.popUpH{
    opacity:1;
    font-size: 28px;
    padding:25px 0 5px 40px;
    margin: 0 0 7px 0;
}
.popUpP{
    padding:5px 40px 0 40px;
    font-size: 14px;
}

#forParties{
    
    overflow-y: auto;
}
#forPress{
  /*  height:320px; */
    overflow-y: auto;
}
#forLocation{
    
}
.parties_FAQS{
    font-size: 13px;
    
}
.parties_FAQS p{
    margin:5px 40px 10px 40px;
    padding:10px 10px 0px 0px;
}
.parties_FAQS strong{
    font-size:14px;
    line-height: 15px;
}
#parties-faq{
    position:relative;
    margin-top: 19px;
}

#parties-faq a {
color:#fff;
text-decoration:none;
}

#parties-faq a:hover {
text-decoration:underline;
}

#forPress p{
    margin: 5px 40px;
    font-size: 14px;
    text-transform: capitalize;
    color:#F8F8F8;
}
#forPress p:first-of-type{
    margin-top:10px;
}
#forPress p span{
    color:#A6A6A6;
    font-style: italic;
}
#about{
    overflow: hidden;
}
#googleMap{
    height: 599px;
    left: -960px;
    position: absolute;
    top: 48px;
    width: 959px;
}
#mapSlideImg{
    position: absolute;
    right:8px;
    top:286px;
    z-index: 1000;
    opacity: 0.0;
}

#location {
margin-top:64px;
}
/* panel 5 sliding end*/
/*panel 2.2 slide */
.slide2p2{
    position:absolute;
    z-index: 99!important;
    background-color: rgba(6,6,6,.95);
    width:960px!important;
    height:621px;
    left:0px !important;
    top:-621px;
    display:block;
    overflow-y:auto;
    color:rgb(251,251,251);
    font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.slide2p2 p{
    margin:5px 40px 10px 85px;
    padding:10px 10px 0px 0px;
    font-size: 14px;
}
.slide2p2 strong{
    font-size:15px;
    line-height:17px;
}
.slide2p2 h2{
    padding: 20px 0px 35px 56px;
    font-size: 34px;
    text-align: center;
}
.slide2p2 h2:first-of-type{
    margin-top: 40px;
}
.slide2p2 h3{
    padding: 20px 0px 0px 85px;
    font-size: 20px;
    margin-bottom: 2px;
}
.slide2p2 h3:first-of-type{
    margin-top:2px;
}
#forRules p{
    margin-top: 3px !important;
    padding-top: 3px !important;
}
.closeButton{
    position: absolute;
    right: 53px;
    top: 55px;
    width: 22px;
}
#lButtonArrow{
    position:relative;
    top:3px;
    right:-10px;
}
#moreInfoArrow{
    position:relative;
    right:0px;
    bottom:0px;
}
/* img-headers for animation starts here*/
.playBocceImg{
    position:absolute;
    top:251px;
    left:73px;
}
.bocceAnyOne{
    position:absolute;
    top:166px;
    left:69px;
}
#boccePage1P{
    font-family: Arial ,Helvetica,"Lucida Grande", sans-serif;
    color:#CACCCB;
    position:absolute;
    left:79px;
    top:380px;
}
.big-bocce-p{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
.lower{
    position:relative;
    top:20px;
}
#serving{
    position: absolute;
    top:24px;
    left:38px;
}
#beercheese{
    position: absolute;
    top:75px;
    left:38px;
}
#aboutUsHdr{
    position:absolute;
    left:29px;
    top:100px;
    margin-bottom:20px;
}
.redLink{
    color:red!important;
}
#pdf-rarrow{
    width:56px;
    height:25px;
    position:absolute;
    bottom:1px;
    left:275px;
}
#joinTheLeagueImg{
    position: absolute;
    bottom: 130px;
    right: 134px;
}