/* 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
*/
/**************************************************
	Reset - remove web browser default 
	margin and padding settings for these html tags
***************************************************/

h1, h2, h3, h4, h5, ul, li, p {
	margin:0;
	padding:0;
}

/**************************************************
	Site Wide definitions
***************************************************/

body{
	margin:0px;										/* margin and padding set to 0 in Body to remove "border" margins on web pages */
	padding:0px;
	background: black url(../img/bgd-large.jpg) no-repeat top;							/* background for the entire website */
	font:100% 'Muli', verdana,arial,helvetica,sans-serif;	/* base font for the entire website */
	font-weight: 300; 
	font-size:19px;									/* base font size for the entire website. Default set to 12px for Arial typeface */
	color:white;										/* base text color for the entire website */
}

a, a:visited {										/* settings for links throughout the website. Navbar links defined in Navigation section */
	color: #37d2e7;									/* text link color for default and visited */
	text-decoration:none;							/* remove underline from link */
	font-weight:400;
	font-size:18px;
	font-family: 'Fugaz One', cursive;
}

a:hover {											
	color: #FFCC00;									/* text link color on rollover */
}

.clear-float{
	clear:both;
}

p {
	margin-bottom: 18px;
	line-height:30px;
}

h1, h2, h4, h5 {
	font-family: 'Fugaz One', cursive;
	font-weight: 400; 
}

h1 {
	font-size:52px;
	line-height:62px;
}

h2 {
	color:#37d2e7;
	margin-top:12px;
}

h3 {
	font-weight: 400; 
	font-size:22px;
}

h4 {
	color:#FFCC11;
	font-size:30px;
}

h5 {
	font-size:32px;
	line-height:40px;
	color:white;
	margin:30px 0 10px;
}

h1+h5 {
	margin-top:0px;
}

p+h1, h3+h1 {
	margin-top:30px;
}

img {
	border:none;
}

/***************************************************
	Global Sub Layout Definitions
****************************************************/

#surfboard {
	float:left;
	position:fixed;
	width:761px;
	height:189px;
	margin-left:250px;
	background:url(../img/bgd-longboard.png) no-repeat top;
	z-index:1;
/*
	opacity:0.3;
	filter:alpha(opacity=40); 
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

#surfboard:hover {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#surfboard3 {
	float:left;
	position:fixed;
	width:500px;
	height:124px;
	background:url(../img/bgd-longboard-3.png) no-repeat top;
	z-index:1;
}

/***************************************************
	Main Layout Definitions
****************************************************/

#page-wrapper {
	background: url(../img/page-shadow.png) repeat-y;
	margin:0px auto;								/* center website with auto margin for left and right */
	width:1124px;
}

#page{
	background: black url(../img/bgd-main.jpg) no-repeat top;
	margin:0px auto;								/* center website with auto margin for left and right */
	width:1024px;									/* set width of website pages here. default is for 1024px wide */
}

#header{
	height:0px;
}

#content-wrapper{
									/* set background for main column and right column to sit in visually */
}

#column-main{
	padding:500px 80px 0;
}

#column-main-schedule {
	padding:560px 80px 0;
/*	background:url(../img/bgd-logo-blur.jpg) 75% 75% no-repeat;
*/
}

#column-main-schedule p {
	color:#ffa02e;
	font-weight:300;
	padding-left:40px;
}

#column-main-center{
	padding:0 80px;
	text-align:center;
}

#column-left {
	float:left;
	width:400px;
}

#column-right {
	float:left;
	width:400px;
	margin-left:50px;
}

#footer{
	border-top: solid 1px #37d2e7;
	margin:40px 80px 0;
	text-align:center;
	padding:8px 0px 10px;
	font-size:12px;
}
#footer-shadow {
	background:url(../img/page-shadow-bottom.png) no-repeat bottom;
	height:54px;
	margin:0px auto;								/* center website with auto margin for left and right */
	width:1124px;
}

/***************************************************
	Sub Layout Definitions
****************************************************/
#headerLogo {
}

#guitar {
	background:url(../img/rickenbacker.jpg) no-repeat top center;
	width:227px;
	height:451px;
	float:left;
	margin-left:113px;
	margin-top:56px;
}

#guitar2 {
	background:url(../img/jaguar.jpg) no-repeat top center;
	width:229px;
	height:465px;
	float:left;
	margin-left:114px;
	margin-top:44px;
}

#woody {
	background:url(../img/woody.jpg) no-repeat top center;
	width:290px;
	height:428px;
	float:left;
	margin-top:130px;
}

#movie{
	background:url(../img/popcorn2.jpg) no-repeat top center;
	width:298px;
	height:444px;
	float:left;
	margin-top:102px;
	margin-left:90px;
}

#tickets {
	background:url(../img/tickets.png) no-repeat top center;
	width:322px;
	height:319px;
	float:left;
	margin-top:240px;
	margin-left:0px;
}

#catch {
	background:url(../img/catch.png) no-repeat top center;
	width:485px;
	float:left;
	margin-top:97px;
	margin-left:33px;
}

#catch3 {
	background:url(../img/catch2.png) no-repeat top center;
	width:485px;
	float:left;
	margin-top:97px;
	margin-left:33px;
}

#catch2 {
/* 321
	background:url(../img/catch2.jpg) no-repeat top center;
	width:362px;
*/
	width:360px;
	float:left;
/*
	margin-top:175px;
*/
	margin-top:50px;
	margin-left:26px;
}

#catch p {
	padding:290px 80px 0 50px;
	text-align:center;
	line-height:26px;
}

#catch3 p {
	padding:290px 80px 0 50px;
	text-align:center;
	line-height:26px;
}

#videos {
	text-align:center;
	background:url(../img/drive-in-screen.png) no-repeat bottom;
	height:649px;
	padding-top:580px;
}

#videoscreen {
	padding-top:130px;
}

#home-slider {
	margin:180px auto 0px;
}

#testimonials {
	text-align:center;
}

#testimonials p {
	font-size:16px;
	line-height:12px;
	margin:2px 0 60px;
}

#testimonials h2 {
	font-size:22px;
	margin:0;
}

#testimonials h3 {
	font-size:23px;
	font-style:italic;
	margin-bottom:8px;
	color: #FFFF11;
}

#contact {
	margin-top:20px;
	text-align:center;
}

#carlwilson {
	background-color: #0055AA;
	margin:20px 100px 50px;
	padding:60px 30px 40px;
	text-align:center;
}

#iframeSchedule {
	width: 854px;
	height: 600px;
	border: none;
	background: #000000;
	padding: 10px 0;
}

/*************************************************
	Positioning Classes for Photos
**************************************************/

.floatRight {
	float:right;
}

.photo-topleft {
	float:left;
	margin:3px 25px 10px 0;
}

.photo-topright {
	float:right;
	margin:25px 0px 15px 25px;
}

.caption {
	font-size:14px;
	font-style:italic;
	margin:5px 0 0;
	text-align:center;
}

.caption + p {
	margin-top:20px;
}

/*************************************************
	Main Navigation
**************************************************/

#navbar {
	list-style:none;								/* turn off bullets for <ul> */
/*
	background: url(../img/bgd-nav.png) repeat-x;
	height:45px;
*/
	float:right;
	margin-right:170px;
	margin-top:300px;
}

#navbar li {
	display:inline;									/* display:inline makes <li>s horizontal (horizontal navbar setting) */
	color: #888888;									/* vertical bar colors */
}

#navbar li a {
	text-decoration:none;							/* remove underline from text links */
	color: #BBBBBB;
	font-size:14px;
}

#navbar li a:hover, li a:focus {
	color:#37d2e7;
}

#navbar li a:active {
	color: #FFCC00;
}

#navbar img {
	margin-bottom:-5px;								/* line up social media icons with rest of nav bar */
}

/*************************************************
	Secondary Navigation
**************************************************/

#navbar2 {
	list-style:none;
	float:left;
	margin-left:90px;
	margin-top:80px;
	font-size:21px;
}

#navbar2 li {
	display:inline;									/* display:inline makes <li>s horizontal (horizontal navbar setting) */
	color: #FFFFFF;									/* vertical bar colors */
	margin: 0 10px;
}

#navbar2 li a {
	text-decoration:none;
	color: #000000;
	font-size:21px;
}

#navbar2 li a:hover, li a:focus {
	color: #FFFFFF;
}


#navbar2 li a:active {
	color: #37d2e7;
}

/*************************************************
	Secondary Navigation
**************************************************/

#navbar3 {
	list-style:none;
	float:left;
	margin-left:180px;
	margin-top:80px;
	font-size:21px;
}

#navbar3 li {
	display:inline;									/* display:inline makes <li>s horizontal (horizontal navbar setting) */
	color: #FFFFFF;									/* vertical bar colors */
}

#navbar3 li a {
	text-decoration:none;
	color: #000000;
	font-size:21px;
}

#navbar3 li a:hover, li a:focus {
	color: #FFFFFF;
}


#navbar3 li a:active {
	color: #37d2e7;
}

/*************************************************
	Beaver Slider CSS
**************************************************/

.player-text-container {
    background-position: 0 0;
    color: white;
    height: 28px;
    width: 151px;
    background-image: url(../img/slideshow/player.png);
	font-family: 'Fugaz One', cursive;
	font-weight:400;
	z-index:2;
}

.player-text-container div {
    display: inline-block;
    font-size: 14px;
    margin: 0 10px;
    cursor: pointer;
    width: 29px;
	padding-top:4px;
	z-index:2;
}

.player-text-pause:hover, .player-text-play:hover, .player-text-forward:hover, .player-text-back:hover {
    text-decoration: underline;
	z-index:2;
}

/* messages */
.message-container {
    background: #424242;
    color: white;
    font-size: 0.9em;
    padding: 8px;
}    

#home-slider {
	z-index:2;
}


/*************************************************
	Slide out Menu CSS
**************************************************/


nav.slide-menu-top {
    left: 0;
    width: 100%;
    height: 100px;
}
nav.slide-menu-top ul {
    text-align: center;
    padding: 25px 0 0 0;
}
nav.slide-menu-top li {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
nav.slide-menu-top a {
    display: block;
    line-height: 50px;
    padding: 0 10px;
    font-size: 18px;
}
nav.slide-menu-top button.close-menu {
    display: block;
    line-height: 50px;
    margin: 0;
    padding: 0 10px;
}
nav.slide-menu-top {
    top: -100px
}
body.smt-open nav.slide-menu-top {
    top: 0
}