@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);

html body{
font-family: sans-serif;
font-size: 12px;
color: #414142;	
}

div{position: relative;}
ul{position: relative;}
.wrap {
  width: 1000px;
  margin: 0 auto; }
/******************************************************************

COLORS
Gold #ebaa3c
Blue #0859ab
Red #b51839
Gray #414142
******************************************************************/
.shadow{
-webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.75);
}


#content, .entry-content, .article-footer{
   word-wrap: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
   hyphens: none;
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
text-rendering: optimizelegibility;
font-family: 'Libre Baskerville' serif;
font-weight: 700;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
text-decoration: none; 
}

h1, .h1 {
font-size: 2.7em;
line-height: 1.333em; 
}

h2, .h2 {
font-size: 2.5em;
line-height: 1.4em;
margin-bottom: 0.375em; 
}

h3, .h3 {
font-size: 1.75em;
}

h4, .h4 {
font-size: 1.25em;
font-weight: 700;
}

h5, .h5 {
font-size: 1em;
line-height: 2.09em;
text-transform: uppercase;
letter-spacing: 2px; 
}


ul{list-style: disc;}
li{margin-left:20px;padding: .2em 0px;}

/******************************************************************
HEADER
******************************************************************/
header.header{background: none;}
div#inner-header{height: 333px;}
div#site-logo{
width: 337px;
height: 226px;
position: absolute;
top:30px;
left:332px;
z-index: 200;
background: url(florida_games_and_rides_site_logo.png) no-repeat center center;
}

body.home div#site-banner{
margin-top: 230px;
}

div#site-banner{
z-index: 100;
margin-top: 212px;
height: 115px;
background: url(../images/FL_Games_Rides_Banner.png) no-repeat top center;
}
hr.dots{
height: 20px;
border: 0;
background: url(../images/red_border.png) repeat-x center center;
}
h1.site-banner{
font-size: 34px; color:#ebaa3c;
text-align: center; margin: 0px; padding: 0px;
text-shadow: 2px 2px 5px black;
}

div.animation{
margin-top: -25px;	
}


img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;}

/******************************************************************
Menu Home
******************************************************************/
div#hm-nav-wraper{width: 450px; height:147px;padding: 5px; margin: 30px 0px 30px 300px;}
div.hm-nav{
width:134px;
height:147px;
display: inline-block;
float: left;
margin: 3px;
}
div#hm-nav-boardwalk{background: url(../images/lg_boardwalk_game_rentals.png) no-repeat center center}
div#hm-nav-team-build{background: url(../images/lg_team_building_packages.png) no-repeat center center}
div#hm-nav-pricing{background: url(../images/lg_pricing.png) no-repeat center center}
div#hm-nav-video{background: url(../images/lg_video.png) no-repeat center center}
div#hm-nav-locations{background:url(../images/lg_our_locations.png) no-repeat center center}
div#hm-nav-our-team{background:url(../images/lg_our_team.png) no-repeat center center}
div#hm-nav-contact{background: url(../images/lg_contact_us.png) no-repeat center center}

/******************************************************************
Menu Header
******************************************************************/


div#homebtn{
	width: 60px;
	margin: auto;
	margin-top:-12px;
	background-color: #0859ab;
	-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
div#homebtn{text-align: center;font-weight: bold;}
div#homebtn a{color: white;text-decoration: none;}

div#hd-nav-wraper{width: 299px;height: 95px;position: absolute; top: 120px;	}
div.menu-left{left: 0px;}
div.menu-right{right: 0px;}
div.hd-nav{
width:95px;
height:91px;
display: inline-block;
float: left;
margin: 2px;
}
div#hd-nav-boardwalk{background: url(../images/sm_boardwalk_game_rentals.png) no-repeat center center}
div#hd-nav-home{background: url(../images/sm_home.png) no-repeat center center}
div#hd-nav-video{background: url(../images/sm_video.png) no-repeat center center}


div#hd-nav-team-build{background: url(../images/sm_team_building_packages.png) no-repeat center center}
div#hd-nav-pricing{background: url(../images/sm_pricing.png) no-repeat center center}
div#hd-nav-locations{background:url(../images/sm_our_locations.png) no-repeat center center}
div#hd-nav-our-team{background:url(../images/sm_our_team.png) no-repeat center center}
div#hd-nav-contact{background: url(../images/sm_contact_us.png) no-repeat center center}


/******************************************************************
PAGE-HOME
******************************************************************/
#hm-content-box{
	color: #F8AF23;
	text-shadow: 2px 2px 5px black;
	background: #0555AB;
	border: 3px #A81D37 solid;
	border-radius: 10px;
	padding: 0px 50px;
}

/******************************************************************
CONTENT
******************************************************************/
#content{margin-top: 0px;}
.hentry{background: none;border: none;}
.hentry header, .hentry footer{border: none;}
.entry-content{padding: 1.5em 0px;}


/******************************************************************
FOOTER
******************************************************************/
.footer{background: none;}
div#inner-footer{
margin-top: 30px;
height: 115px;
background: url(../images/FL_Games_Rides_Banner_footer.png) no-repeat top center;
}


.hentry footer{margin-left: 0px; margin-right: 0px;padding: 0px;}


/******************************************************************
PAGE - PRICING
******************************************************************/
.package-title{
	float: left;
	display: inline-block;
	width: 475px;
	margin: 0px 10px;
	height: 80px;
	cursor: pointer;
	
}
.package-title-active{ 
	background:  no-repeat;
	background-image: url(../images/blue_pointer.png);
}
.package-title h3{
	background: #CFD0D2;text-align: center;font-size: 16px;line-height: 2.8em;
}
.package-title-active h3{background: #ebaa3c;}
.package-title-left{
background-position-x:355px;
background-position-y:59px;	
}
.package-title-right{
background-position-x:75px;
background-position-y:59px;	
}
.package-outer-wrap{border-top: 2px solid #0859ab;margin: 0px 10px;min-height: 600px;}
.package-wrap{width:890px;margin: 0 auto;}
.package-wrap-2{width: 445px;}
.package{
width: 200px;
float: left;
position: relative;
display: inline-block;
margin: 0px 10px;
border: 1px solid #0859ab;
}
.team{}
.portable{}
.package-name{background: #0859ab;color:white;text-align: center;font-size: 16px;line-height: 2.2em;margin: 0px;}
.package-detail{padding: 0px 5px 5px 5px;}
.package-cost{margin: 2px;text-align: center;}
/******************************************************************
PAGE - BOARDWALK GAMES GALLERY EXPANDER
******************************************************************/

.gallery-item {
  display: inline-block;
  height: 190px;
  margin: 4px;
  -webkit-transition: height 400ms ease;
  -o-transition: height 400ms ease;
  transition: height 400ms ease;
}
.gallery-item-active{
  height:570px;
  background: no-repeat url(../images/blue_pointer.png);
  background-position: center 198px;      
}
.thumb-contents {
  width:239px;
  height: 190px;
  text-align:center;
  background-color:#0859ab;
}

.gallery-expander {
  display:block;
  position: absolute;
  left:0px; right:0px;
  height: 332px;
  overflow: hidden;
  border: 2px #0859ab solid;
  background-color: white;
  margin: 25px 0px;
}

.gallery-expander div{
	display: inline-block;
	max-width: 480px;
	padding-top: 105px;
	background: url(../images/florida_games_and_rides_site_logo_150px.png) no-repeat;
	background-position: 0px 10px;
}