@charset "utf-8";
/* CSS Document */

body.Home  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(images/kids-paintball-melbourne-bg.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#000;
}


body.LittleRiver  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(images/Little-river-background.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#000;
}

body.Oakleigh  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(images/Oakleigh-background.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#000;
}

body.Parties2  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(images/parties-background.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#000;
}



body.Parties  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(images/parties-paintball-background.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#000;
}

#HeadStrip {
	width:100%;
	background:#000;
	height:85px;
}


#MenuBar {
	width: 100%;/* will take full screen if under 1000px */
	max-width:1000px;
	position:relative;
	top: 0;
	padding:0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #000;
	
}
#container { 
	
	width: 100%;/* will take full screen if under 1000px */
	max-width:1000px;
	position:relative;
	top: 0;
	padding:0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFF;
} 

#menuLine1 {
	width:100%;
	display:inline-block;
}
#menuLine1B {
	padding:0px;
	width:100%;
	vertical-align:top;
	height:75px;
	
}
#MenuLogo {
	width:30%;
	padding:1%;
	float:left;
}


#MenuPhone {
	padding:1%;
	width:30%;	
	float:left;
}
#MenuBook {
	padding:1%;
	width:30%;
	float:right;
}
#MenuLogoB {
	padding:0;
	width:30%;
	padding-left:1%;
	padding-right:1%;
	display:inline-block;
	margin:0;
	position:relative;

}
#MenuPhoneB {
		padding:0;
		padding-left:1%;
		padding-right:1%;
		width:30%;	
		margin:0;
		display:inline-block;

}
#MenuBookB {
	padding:0;
	padding-left:1%;
	padding-right:1%;
	width:30%;
	margin:0;
	display:inline-block;

}
#menuLine2 {
	width:100%;
	display:inline-block;
	
}
#menuLine2B {
	width:100%;
	display:inline-block;
	text-align:center;

	
}
.menuDropM{ display:none; }

#MenuLinks {
	
	width:100%;	
}
#headerShow1 { 

	background: #000;
	width:100%;
	padding: 0 , 0, 0, 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 



#mainContent { 
  	width: 65%;
	float: left;
	background-color: none;
	padding:0;
	margin: 0 0 0 1%; /* the left margin should mirror the margin on the header and footer for proper alignment. */
} 
#mainContentLeft { 
  	width: 65%;
	display:inline-block;

	background-color: none;
	padding:0;
	margin: 0; /* the left margin should mirror the margin on the header and footer for proper alignment. */
} 

#mainContentFull { 
	background-color:#FFF; /* none; */
	padding:10px;
	margin: 0 0 0 1%; /* the left margin should mirror the margin on the header and footer for proper alignment. */

} 
#ReviewTable {
	width:100%;
	max-height:350px;
	overflow-y: scroll;
	
	
}

#fieldBox {
width:98%;
margin-left:0%;
margin-right:1%;
margin-top:5px;
padding:0%;
display:inline-block;

background-color:#D5D5D5;
}

#field1 {
width:32%;
padding:0.5%;
position:relative;
display:inline-block;
float:left;
}
.fieldName {
	font-size:36px;
	font-weight:bold;
	font-variant:small-caps;
	display:block;
	padding-left:5px;
	
}

#lineFeed {
	margin:30px;

}
#lineFeed a:link, a:visited, a:hover  {
	font-style:italic;
	text-decoration:underline;
	
}
#lineFeed a:hover {
	font-style:italic;
	text-decoration:underline;
	color:#FF8040;
	
}

#colLeft { width: 46%;
	float: left;
	display: inline-block; 
	background: #EAEAEA;
	padding: 1%;
	text-align: center;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 10px;
	margin-left: 1%;
	
}

#colRight { width: 46%;
	float: right;
	display: inline-block; 
	background: #EAEAEA;
	padding: 1%;
	text-align: center;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;

	
}
#partiesPhoto1 {
		float:right; 
		width:50%; 
		min-width:200px; 
		max-width:300px;
		margin-top:5px;	
	
}


.videoWrapper {
	width:90%;
	text-align:center;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#headerShow2 { display: none; }
#headerShow1 { display: inline-block; }
  
#vipVideo { display:inline; display:inline-block; text-align:center; width:96%; position: relative; }	

.slideshow img { padding: 0px; border: 0px solid #ccc; }
#price1 { display: inline;  width:100%;}
#price2 { display: none; width:100%; }

#video { display: inline; } 
  

#rightShow1 { 
  	display: inline-block; 
	background: #9FB5FF;
	float: right;
	width: 31.5%;
	color:#000;
	padding-left:.5%;
	padding-right:.5%;
	margin-top: 3px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: .5%;

}
#rightShow2 { 
  	display: inline-block; 
	background: #9FB5FF;
	float: right;
	max-width: 31.5%;
	color:#000;
	padding-left:.5%;
	padding-right:.5%;
	margin-top: 3px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: .5%;

}
.rightTitle {
		text-align: center;
		font-weight:bold;
font-size:18px;
padding-top:5px;
}
.Ages { text-align:center;
font-weight:bold;
font-size:15px;
padding-top:10px;

}
.Review {
	 text-align:left;
	padding-top:5px;

}
.Review2 {
	 text-align:center;
	padding-top:5px;
	font-size:16px;
	font-style:italic;

}
.ReviewBy2 {
	 text-align:right;
	padding-top:5px;
	font-weight:bold;
	

}
.ReviewBy {
	 text-align:right;
	padding-top:5px;
	font-weight:bold;
	font-style:italic;

}
.ReviewStars {
	max-width:150px;
	
		
}

#ReviewBox {
	-moz-border-radius: 15px;
border-radius: 15px;
background-color:#FFF;
padding-bottom:10px;
padding-left:2px;
padding-right:2px;
margin-top:5px;
margin-bottom:5px;

}


#generalPrices {
 width:95%;
 	-moz-border-radius: 15px;
border-radius: 15px;
background-color: #BDFCAB;
padding:5px;
display:inline-block;

 
}
#partiesPrices {
 width:95%;
 	-moz-border-radius: 15px;
border-radius: 15px;
background-color: #cc99ff;
padding:5px;
display:inline-block;

 
}
#partiesPrices2 {
 width:95%;
 background-color: #000;
background-image:url(images/camo-Party-Bg.jpg);
background-position:center;
background-repeat:no-repeat;
border-radius: 20px;
margin-left:1%;
margin-right:1%;
padding:0px;
display:inline-block;
margin-top:5px;
margin-bottom:5px;
color:#FFF;
position:relative;

}
#generalPrices2 {
 width:95%;
 	-moz-border-radius: 20px;
border-radius: 20px;
background-color: #BDFCAB;
display:inline-block;
margin-left:1%;
margin-right:1%;
padding:0px;
display:inline-block;
margin-top:5px;
margin-bottom:5px;
color:#000;
position:relative;
 
}

#partiesMan {
	z-index:0;
	width:180px;
	padding:0px;
	margin:0px;
	position:absolute;
	bottom:0; 
	right:0;

	
}


 

#partiesCake {
	float:right;
	width:180px;
	padding:0px;
	margin:0px;
	
}
#partiesCake2 {
	float:right;
	width:180px;
	padding:2px;
	margin:0px;
	text-align:center;
	
}
#partiesLine {
		display:inline-block;
		vertical-align:bottom;
		min-height:40px;
		margin-left:5px;
		margin-top:15px;

	
}
#partiesLine2 {
		display:inline-block;
		vertical-align:bottom;
		min-height:40px;
		position:relative;	
		width:90%;
		margin-left:5%;
		margin-right:5%;
		margin-bottom:5px;
		z-index:30;
	
}
#partiesPoint {
	float:left;
	width:35px;
	z-index:30;
}
#partiesPoint2 {
	float:left;
	width:6%;
	z-index:30;
	display: inline-block;
	position:relative;
}
#partiesText {
	float:Left;
	min-height:40px;
	vertical-align:middle;
	display:block;
	z-index:30;
}

#partiesTitle {
	font-weight:bold;
	max-width:70%;
	color:#ff9933;
} 
#pricesTitle {
	font-weight:bold;
	max-width:70%;

} 
#partiesText2 {
	min-height:40px;
	vertical-align:middle;
	display:block;
	z-index:30;
	padding-left:8%;
}
#partiesTextHead {
	font-size:16px;
	font-weight:bold;
	text-transform:capitalize;
	text-transform:uppercase;
	text-align:left;
	
}
#partiesTextSub {
	text-align:left;
	padding-left:0px;
	margin-left:00px;
	max-width:550px;
	
}

#partiesTextHead2 {
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#ff9933;
	
}
#pricesTextHead2 {
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#000;
	
}
#partiesTextSub2 {
	text-align:left;
	font-size:16px;
	padding-left:0px;
	margin-left:00px;
		max-width:550px;
	
}

#quoteBox1 { width:30%;
position:relative;
display:inline-block;
padding-top:5px;
padding-left:1%;
padding-right:1%;
vertical-align:top;	
}
#quoteBox2 { width:30%;
position:relative;
display:inline-block;
padding-top:0px;
padding-left:1%;
padding-right:1%;
vertical-align:top;
}
@media only screen and (min-width: 950px) {
#slideShow {  display: inline-block; width:650px; height: 270px; background: none; position:relative;  }
#slideShowTab { display: none; }
#fieldsPhotoMobile { display: none; }

.slideshow1 { float:left; height: 270px; width: 650px;  background:none;
	 margin: auto;
	 margin-top: 0px;
	 margin-bottom: 0px;
	 padding-top:270px;
	}
	
#wrapperL {
	display: block;
	height: 250px;
	width: 400px;
	float: none;

	margin: auto;
	
	margin-top: 10px;
}

#cont {
	
	display: block;
	float: right;
	height: 250px;
	width: 400px;
	overflow: auto;

	
}
#prev {
	background-image: url(arrowleft.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	float: left;
	height: 250px;
	width: 63px;
	position: relative;
	z-index: 99;
}
#next {
	background-image: url(arrowright.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	float: right;
	height: 250px;
	width: 63px;
	position: relative;
	z-index: 99;
}
#slider {
	display: block;
	float: none;
	height: 250px;
	width: 400px;
	overflow: hidden;
	position: absolute;

}
#prevR {
	background-image: url(arrowleft.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	float: left;
	height: 250px;
	width: 63px;
	position: relative;
	z-index: 99;
}
#nextR {
	background-image: url(arrowright.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	float: right;
	height: 250px;
	width: 63px;
	position: relative;
	z-index: 99;
}
#sliderR {
	display: block;
	float: none;
	height: 250px;
	width: 400px;
	overflow: hidden;
	position: absolute;

}	
	
	
}

@media only screen and (max-width: 949px) {
 #slideShowTab {  display: inline;  }
 #slideShow { display: none; }
 #fieldsPhotoMobile {  display: inline;  }
 #wrapperL { display: none;  }
 #wrapperR { display: none;  }

}
 #headerShowDrop2 { display: none; }

 #quoteSystem {
	background-color: #008000;
	margin:2%;
	width: 96%;
	text-align: center;
}
 #quoteSystemAll {
	background-color: #008000;
	margin:2%;
	width: 96%;
	text-align: center;
}

 #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}



 #footer { 
	padding: 0 00px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:  #9FB5FF; 
	color: #000;
	margin-top:5px;
} 
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.tblHeaderGrey07 {
	background-color: #EAEAEA;
	border: medium #FFF;
	height: 36px;
}
.tblHeaderGrey {
	background-color: #181818;
	border: medium #FFF;
	height: 36px;
}

.tblHeaderGreen {
	background-color: #004000;
	border: medium #FFF;
	height: 36px;
}
.tblHeaderBlue {
	background-color: #9FB5FF;
	border: medium #FFF;
	height: 36px;
}


#quoteTable {
	width:750px;
	max-width:75%;

}

#quoteTable2 {
	width:700px;
	max-width:70%;

}

.tabb {
 position: relative;
 display: inline-block;
 width:123.9px;	
 font: bold;
 height:30px;
 text-align:left;
 background-color:#FFF;
 padding-top:0px;
 padding-left:0px;


 float:left;	
	
	
}

.mainMenu {
 cursor: pointer;
 font: bold;
 width:120px;	
 height:30px;
 text-align:center;
 float:left;
 color:#fff;
 background-color:#000;

 font-size:16px;
 
}

.mainMenu a {
     color:#003366;
    padding: 0px 0px;
    text-decoration: none;
    display: block;
}

.mainMenu2 {
 font: bold;
  cursor: pointer;
 width:125px;	
 min-height:30px;
 padding-left:5px;
 color:#003366;
 text-align:left;
 float:left;		
}
.mainMenu2 a {
     color:#003366;
    padding: 0px 0px;
    text-decoration: none;
    display: block;
}

.tab-second {
    display: none;
    position: relative;
    width: 125px;
	
	 background-color:#FFF;
	border-bottom:medium;
	border-bottom-color:#003366;
   padding-left: 0px;
}

.tabb:hover .tab-second {
    display: block;
	 color:#FF8000;
	
}
.mainMenu:hover {

 color:#FF8000;


	
}
.averRate {
	font-weight:bold;
	color:#FF9900;
	
}

@media only screen and (min-width: 1300px) {
#HeadStrip2 { width:100%;
			background:#000;
			height:75px;
			position: fixed;
			text-align:center;
			top: 0;
			z-index:50;
	}
#HeadStrip3 { width:100%;
			background-color: #000;	
			position: fixed;
			top: 75px;
			text-align:center;
			margin-bottom:3px;
			padding-bottom:20px;
			z-index:50;
}
#MenuBar2 {
	width: 100%;/* will take full screen if under 1000px */
	max-width:1000px;
	position:relative;
	top: 0;
	left:50%;
	margin-left:-500px;
	height:75px;
	padding:0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #000;
	
}
.tabb2 {
 position: relative;
 display: inline-block;
 width:8%;
 font: bold;
 text-align:center;
 background-color:#000;
 padding-top:0px;
 padding-left:0px;
}
.tabb2L {
 position: relative;
 display: inline-block;
 width:12%;
 font: bold;
 text-align:center;
 background-color:#000;
 padding-top:0px;
 padding-left:0px;
}
.tabb2XL {
 position: relative;
 display: inline-block;
 width:16%;
 font: bold;
 text-align:center;
 background-color:#000;
 padding-top:0px;
 padding-left:0px;
}
.mainMenuB {
 cursor: pointer;
 font: bold;
 width:95%;
 height:25px;
 text-align:center;
 float:left;
 color:#000;
 background-color:#FFF;
 font-size:15px;
}
.mainMenuB: a {
     color:#008000;
    padding: 0px 0px;
    text-decoration: none;
    display: block;
	font-siz:30px;
	font-style:normal;
}
.mainMenuB:hover {
	background-color:#FF8000;
	color:#000;
	text-decoration:none;
	font-style:normal;
}
#container2 { 
	width: 100%;/* will take full screen if under 1000px */
	max-width:1000px;
	position:relative;
	top: 130px;
	padding:0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top:00px;
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFF;

} 
}

@media only screen and (max-width: 1299px) {
	#HeadStrip2 { width:100%;
			background:#000;
			height:73px;
			position: fixed;
			top: 0;
			z-index:50;
	
}
#HeadStrip3 { width:100%;
			background-color:#000;
			position: fixed;
			top: 73px;
			text-align:center;
			margin-bottom:50px;
			padding-top:5px;
			padding-bottom:15px;
			z-index:50;
	
}
.tabb2 {
 position: relative;
 display: inline-block;
 width:8%;
 font: bold;

 text-align:center;
 background-color:#000;
 padding-top:0px;
 padding-left:0px;
}
.tabb2L {
 position: relative;
 display: inline-block;
 width:12%;
 font: bold;

 text-align:center;
 background-color:#000;
 padding-top:0px;
 padding-left:0px;
	
}
.tabb2XL {
 position: relative;
 display: inline-block;
 width:16%;
 font: bold;

 text-align:center;
 background-color:#000;
 padding-top:0px;
 padding-left:0px;
	
}
.mainMenuB {
 cursor: pointer;
 font: bold;
 width:100%;
 height:23px;
 text-align:center;
 float:left;
 color:#000;
 background-color:#FFF;
 font-size:12px;
}
.mainMenuB a:link {
     color:#003366;
    padding: 0px 0px;
    text-decoration: none;
    display: block;
}
.mainMenuB:hover {
	background-color:#FF8000;
	color:#000;
	text-decoration:none;
	font-style:normal;
}	
#container2 { 
	width: 100%;/* will take full screen if under 1000px */
	max-width:1000px;
	position:relative;
	top: 0;
	padding:0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top:110px;
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFF;
} 
	
}