@charset "utf-8";
/* CSS Document */
body {
	background-color: rgba(171,171,171,1.00);
	font-family:  Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}
.nav a:link {
	text-decoration: none;
	color: #000000;
}
.nav a:hover {
	text-decoration: none;
	color: #808080;
}
.nav a:visited {
	text-decoration: none;
	color: #000000;
}
.logo {
	margin-left: 5vw;
	margin-top: 5vw;
}
.background {
	position: fixed;
	width: 100%;
	background-image: url(images/topBg.jpg);
	background-size: contain;
	height: 52vw;
	background-repeat: no-repeat;
}
.background img {
	width: 40vw;
	margin-left: 30vw;
	margin-top: 10vw;
}
.nav {
	position: absolute;
	width: 98%;
	padding-top: 2vw;
	padding-bottom: 2vw;
	padding-left: 2vw;
	background-color: rgba(253,253,253,0.50);
	top: 0vw;
	left: 0vw;
	text-align: left;
	color: #000000;
	font-size: 1.3vw;
}
.navbar {
	position: absolute;
	top: 0vw;
	width: 100%;
	height: 7vw;
	background-color: #ffffff;
}
.navbar img {
	width: 20vw;
	float: left;
	margin-left: 5vw;
	margin-top: 1vw;
}
.angleLeft {
	position: absolute;
	top: 37vw;
	width: 105%;
	height: 10vw;
	background-color: #D3D3D3;
	transform: rotate(-3deg); 
	border: solid thin black;
}
.container {
	position: absolute;
	top: 40vw;
	width: 100%;
	padding-bottom: 5vw;
	background-color: #D3D3D3;
}
.containerHolderLeft {
	width: 70vw;
	margin-left: 4.5vw;
	margin-top: 6vw;
	float: left;
}
.rightPics {
	margin-top: 5vw;
	margin-left: 5vw;
	width: 10vw;
	float: left;
}
.rightPics img {
	width: 100%;
	margin-top: 3vw;
}
.containerTwo {
	position: absolute;
	width: 100%;
	top: 70vw;
	padding-bottom: 15vw;
	background-color: #D3D3D3;
	border-bottom: solid thin black;
}
.containerHolder {
	width: 90vw;
	margin-left: 4.5vw;
	margin-top: 6vw;
}
.containerHolderCenter {
	width: 90vw;
	margin-left: 4.5vw;
	margin-top: 6vw;
	text-align: center;
	font-size: 2vw;
}
.header {
	font-size: 3vw;
}
.middleHeader {
	font-size: 2.5vw;
	color: #c3102e;
}
.contentHeader {
	font-size: 2.5vw;
	float: right;
	margin-right: 8vw;
	margin-top: 1vw;
	color: #c3102e;
	transform: rotate(3deg);
}
.subContentHeader {
	font-size: 1.8vw;
	color: #003399;
	margin-top: 1vw;
}
.subContentHeaderSmall {
	font-size: 1.3vw;
	color: #003399;
	margin-top: 1vw;
}
.textIndent {
	margin-left: 5vw;
	margin-top: 2vw;
}
.textIndentRodeo {
	margin-left: 5vw;
	margin-right: 5vw;
	margin-top: 0vw;
	font-size: 1.1vw;
}
.subHeader {
	width: 45vw;
	float: left;
	color: #c3102e;
	font-size: 1.5vw;
	margin-left: 5vw;
}

.smallHeaderRight {
	font-size: 1.3vw;
	float: right;
	margin-top: -10vw;
	color: #c3102e;
}
.infoHolder {
	margin-top: 2vw;
	float: left;
	width: 100%
}
.leftInfo {
	width: 15vw;
	float: left;
	color: #c3102e;
	font-size: 1.3vw;
}
.rightInfo {
	float: left;
	width: 73vw;
	font-size: 1.3vw;
}
.mapHolder {
	margin-top: 2vw;
}
.map {
	position: absolute;
	width: 100%;
}
.map img {
	width: 100%;
}
.slogan {
	width: 100%;
	font-size: 3vw;
	color: #ffffff;
	margin-top: 5vw;
	text-align: center;
	font-weight: bold;
}
.topBanner {
	width: 90vw;
	padding-top: 3vw;
	padding-bottom: 1vw;
	padding-left: 4.5vw;
}
.section {
	width: 95vw;
	float: right;
	position: relative;
	right: 7vw;
	margin-top: 2.5vw;
	transform: rotate(.85deg);
}
.area {
	width: 6.3vw;
	font-size: 2vw;
	color: #ffffff;
	float: right;
	text-align: right;
}
.area a {
	color: #ffffff;
	text-decoration: none;
}
.section2 {
	width: 93vw;
	float: right;
	position: relative;
	margin-top: 1.5vw;
	right: 4vw;
	transform: rotate(.85deg);
}
.area2 {
	width: 6.3vw;
	font-size: 2vw;
	color: #ffffff;
	float: right;
	text-align: center;
}
.area2 a {
	color: #ffffff;
	text-decoration: none;
}
.section3 {
	width: 80vw;
	float: left;
	left: 6vw;
	margin-top: 2vw;
	position: relative;
	transform: rotate(.85deg);
}
.area3 {
	width: 6.6vw;
	font-size: 2vw;
	color: #ffffff;
	float: left;
	text-align: center;
}
.area3 a {
	color: #ffffff;
	text-decoration: none;
}
.section4 {
	width: 48vw;
	float: left;
	position: relative;
	margin-top: 1.2vw;
	left: 7vw;
	transform: rotate(.85deg);
}
.area4 {
	width: 6.3vw;
	font-size: 2vw;
	color: #ffffff;
	float: left;
	text-align: center;
}
.area4 a {
	color: #ffffff;
	text-decoration: none;
}
.section5 {
	width: 40vw;
	float: right;
	position: relative;
	margin-top: 2.1vw;
	right: 3vw;
	transform: rotate(.85deg);
}
.area5 {
	width: 6.3vw;
	font-size: 2vw;
	color: #ffffff;
	float: left;
	text-align: center;
}
.area5 a {
	color: #ffffff;
	text-decoration: none;
}
.section6 {
	width: 48vw;
	float: left;
	position: relative;
	margin-top: 1.4vw;
	left: 13.5vw;
	transform: rotate(.85deg);
}
.area6 {
	width: 6.3vw;
	font-size: 2vw;
	color: #ffffff;
	float: left;
	text-align: center;
}
.area6 a {
	color: #ffffff;
	text-decoration: none;
}
.section7 {
	width: 40vw;
	float: right;
	position: relative;
	margin-top: 1.4vw;
	right: 3vw;
	transform: rotate(.85deg);
}
.area7 {
	width: 6.3vw;
	font-size: 2vw;
	color: #ffffff;
	float: left;
	text-align: center;
}
.area7 a {
	color: #ffffff;
	text-decoration: none;
}
.form {
	width: 74%;
	margin-left: 25px;
	margin-top: 25px;
	padding: 10%;
	background-color:#ffffff;
}
.form input {
	float: right;
	width: 200px;
	height: 22px;
	font-size: 18px;
	font-family:  Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
.form select {
	float: right;
	width: 200px;
	height: 22px;
	font-size: 18px;
	font-family:  Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
}
.submit {
	width: 200px;
	height:30px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #002f63;
	border-radius: 10px;
	color: #ffffff;
}
.errorBox {
	width: 50vw;
	padding-top: 5vw;
	padding-bottom: 5vw;
	margin-top: 10vw;
	margin-left: 25vw;
	text-align: center;
	background-color: #ffffff;
}
.errorButton {
	padding: 1vw;
	width: 100px;
	margin-left: 200px;
	font-size: 2vw;
	background-color: #2B59EF;
	color: #ffffff;
	cursor: pointer;
}
.textBox {
	width: 600px;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-left: 75px;
	margin-top: 50px;
	text-align: center;
	background-color: #ffffff;
}

/** Admin Styles **/
.addHolder {
	margin: 2vw;
	padding: 2vw;
	background-color: #FFFFFF;
}
.cusform {
	width: 35vw;
	margin-left: 2vw;
	margin-top: 2vw;
	padding-bottom: 2vw;
	font-size: 1.3vw;
}
.cusform input {
	float: right;
	width: 20vw;
	height: 2vw;
	font-size: 1.2vw;
	font-family:  Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
.cusform select {
	float: right;
	width: 20vw;
	height: 2vw;
	font-size: 1.2vw;
	font-family:  Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
}
.cussubmit {
	width: 15vw;
	height:2vw;
	background-color: #002f63;
	border-radius: 10px;
	color: #ffffff;
	float: right;
}
.seatAdd {
	width: 100%;
	text-align: center;
	margin-top: 4vw;
}
.customerHeader {
	font-size: 3vw;
	color: #000000;
	margin-bottom: 1vw;
}
.seatingHeader {
	font-size: 2vw;
	color: #c3102e;
	margin-bottom: 1vw;
	margin-left: 1vw;
}
.blockHolder {
	float: left; 
	margin-left: 4.5vw; 
	margin-top: 5vw;
	text-align: center;
}
.blocker {
	width: 2vw;
	height: 2vw;
	background-color: #A6090B;
	float: left;
	margin-left: 1vw;
	margin-top: 1vw;
}
.taken {
	width: 2vw;
	height: 2vw;
	background-color: #002f63;
	float: left;
	margin-left: 1vw;
	margin-top: 1vw;
}
span.takenBox{
	background:#F8F8F8;
	border: solid thin #DFDFDF;
	color: #717171;
	font-size: 1.3vw;
	padding: 2vw;
	width:10vw;
	position:absolute;
	text-align: center;
	top: auto;
	left:auto;
	display:none;
	margin-top: 2vw;
}
.taken:hover span{
	display:block;
	z-index:9;
}
.open {
	width: 2vw;
	height: 2vw;
	background-color: #848484;
	float: left;
	margin-left: 1vw;
	margin-top: 1vw;
}
.seating {
	width: 55vw;
	float: right;
}
.customer {
	float: left;
	width: 30vw;
}
.seatHolder {
	float: left;  
	text-align: left;
}
.seatbox {
	margin-left: 2vw;
	margin-bottom: 2vw;
	float: left;
}
.blockersmall {
	width: 1.5vw;
	height: 1.5vw;
	background-color: #A6090B;
	float: left;
	margin-left: .5vw;
	margin-top: .5vw;
}
.seattaken {
	width: 1.5vw;
	height: 1.5vw;
	background-color: #002f63;
	float: left;
	margin-left: .5vw;
	margin-top: .5vw;
}
.custaken {
	width: 1.5vw;
	height: 1.5vw;
	background-color: #337024;
	float: left;
	margin-left: .5vw;
	margin-top: .5vw;
}
.cusopen {
	width: 1.5vw;
	height: 1.5vw;
	background-color: #848484;
	float: left;
	margin-left: .5vw;
	margin-top: .5vw;
}
.seattakenadd {
	width: 1.5vw;
	height: 1.5vw;
	background-color: #002f63;
	float: left;
	margin-left: 1vw;
	margin-top: 1vw;
}
.custakenadd {
	width: 1.5vw;
	height: 1.5vw;
	background-color: #337024;
	float: left;
	margin-left: 1vw;
	margin-top: 1vw;
}
.cusopenadd {
	width: 1.5vw;
	height: 1.5vw;
	background-color: #848484;
	float: left;
	margin-left: 1vw;
	margin-top: 1vw;
}

span.own1{
	background:#F8F8F8;
	border: 5px solid #DFDFDF;
	color: #717171;
	font-size: 13px;
	height: 250px;
	width:310px;
	letter-spacing: 1px;
	line-height: 20px;
	position:absolute;
	text-align: center;
	text-transform: uppercase;
	top: auto;
	left:auto;
	display:none;
	padding:0 0px;
}

p.own{
	margin:0px;
	float:left;
	position:relative;
	cursor:pointer;
}

p.own:hover span{
	display:block;
	z-index:9;
}
.contacts {
	width: 100%;
	text-align: center;
}
.contacts table {
	width: 90vw;
	margin-left: 5vw;
	font-size: 1vw;
}
.buttonHolder {
	width: 90vw;
	margin-left: 5vw;
	margin-top: 8vw;
	text-align: center;
}
.bigButtons {
	width: 30vw;
	font-size: 1.8vw;
	padding-top: .5vw;
	padding-bottom: .5vw;
	background-color: #002f63;
	color: #ffffff;
	cursor: pointer;
	float: left;
	text-decoration: none;
}
.selector {
	background-color: #ffffff;
}
.selector input {
	width: 13vw;
	height: 1vw;
	padding-top: .5vw;
	padding-bottom: .5vw;
	font-size: 1.3vw;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
	border: none;
}
.selector select {
	width: 12vw;
	height: 1vw;
	padding-top: .5vw;
	padding-bottom: .5vw;
	font-size: 1.3vw;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
	border: none;
}
.customers {
	background-color: #ffffff;
}
.customers input {
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
	border: none;
	font-size: 1vw;
}
.customers button {
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
	border: none;
	font-size: 1vw
}
.seatsTable {
	width: 100%;
	text-align: center;
}
.seatsTable table {
	width: 90vw;
	margin-left: 5vw;
	font-size: 1.8vw;
	background-color: #ffffff;
}
.seatsTable input {
	width: 100%;
	border: none;
}
.footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 10vw;
	background-color: #3F3F3F;
}
.deleteBlock {
	width: 100%;
	padding-top: .5vw;
	padding-bottom: .5vw;
	background-color: #3A6CF3;
	color: #ffffff;
}
.blockAdd {
	width: 2.5vw;
	height: 2.5vw;
	background-image: url(images/plus.png);
	background-size: cover;
	background-color: rgba(0,0,0,0.00);
	border: none;
	float: left;
	margin-left: 43%;
	margin-right: 0vw;
	margin-top: 1vw;
}
.colsAdd {
	width: 2.5vw;
	height: 2.5vw;
	background-image: url(images/plus.png);
	background-size: cover;
	background-color: rgba(0,0,0,0.00);
	border: none;
	margin-left: 1;
	margin-right: 0vw;
	margin-top: 1vw;
}
.colsMinus {
	width: 2.5vw;
	height: 2.5vw;
	background-image: url(images/minus.png);
	background-size: cover;
	background-color: rgba(0,0,0,0.00);
	border: none;
	margin-left: 1vw;
	margin-top: 1vw;
}
.blockMinus {
	width: 2.5vw;
	height: 2.5vw;
	background-image: url(images/minus.png);
	background-size: cover;
	background-color: rgba(0,0,0,0.00);
	border: none;
	float: left;
	margin-right: 0vw;
	margin-left: 1vw;
	margin-top: 1vw;
}
.blockForm {
	width: 100%;
	text-align: center;
	padding: .5vw;
	margin-left: 1vw;
	border: solid thin black;
}
.rowHolder {
	width: 100%;
	padding-top: 3vw;
	text-align: center;
}
.ticketError {
	border: solid thin black;
	padding: 5vw;
	width: 40vw;
	margin-top: 20vw;
	margin-left: 25vw;
	text-align: center;
}
.clearfloat {
	clear: both;
}
.topPics {
	width: 100%;
}
.topPics img {
	width: 40vw;
}
.rodeoTextPic {
	float: left;
	width: 30vw;
	padding-right: 5vw;
}
.rodeoButton {
	width: 80vw;
	margin-left: 5vw;
	float: left;
	padding-top: 3vw;
	padding-bottom: 3vw;
	text-align: center;
	border:solid medium #c3102e;
	color: #c3102e;
	margin-top: 5vw;
}
@media only screen and (max-width: 600px) {
	html, body {
		background-color: #4D4D4D;
		font-family:  Century Gothic,CenturyGothic,AppleGothic,sans-serif;
		padding: 0;
		margin: 0;
		padding-bottom: 20vw;
	}
	.nav {
		position: absolute;
		width: 98%;
		padding-top: 2vw;
		padding-bottom: 2vw;
		padding-left: 2vw;
		background-color: rgba(253,253,253,0.50);
		top: 0vw;
		left: 0vw;
		text-align: center;
		color: #000000;
		font-size: 3.2vw;
	}
	.background {
		width: 100%;
		background-image: url(images/topBg.jpg);
		background-size: contain;
		height: 52vw;
		background-repeat: no-repeat;
	}
	.background img {
		width: 70vw;
		margin-left: 15vw;
		margin-top: 10vw;
	}
	.angleLeft {
		display: none;
	}
	.container {
		position: relative;
		float: left;
		width: 100%;
		padding-bottom: 5vw;
		background-color: #D3D3D3;
	}
	.containerTwo {
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		top: 50vw;
		padding-bottom: 8vw;
		background-color: #D3D3D3;
		border-bottom: solid thin black;
	}
	.containerHolder {
		position: relative;
		float: left;
		width: 90vw;
		margin-left: 4.5vw;
		margin-top: 6vw;
		font-size: 3vw;
	}
	.slogan {
		width: 100%;
		font-size: 3vw;
		color: #ffffff;
		margin-top: 3vw;
		text-align: center;
		font-weight: bold;
	}
	.header {
		font-size: 4.5vw;
	}
	.smallHeaderRight {
		font-size: 2vw;
		float: right;
		margin-top: -10vw;
		color: #c3102e;
	}
	.infoHolder {
		margin-top: 2vw;
		float: left;
		width: 100%
	}
	.leftInfo {
		width: 25vw;
		float: left;
		color: #c3102e;
		font-size: 2.5vw;
	}
	.rightInfo {
		float: left;
		width: 58vw;
		margin-left: 5vw;
		font-size: 2.5vw;
	}
	.mapHolder {
		display: none;
	}
	.hide {
		display: none;
	}
	.sectionSelect {
		width: 50vw;
		padding-top: 1vw;
		padding-bottom: 1vw;
		background-color: #D3D3D3;
		border: solid thin black;
		border-radius: 5vw;
	}
	.subHeader {
		width: 80vw;
		float: left;
		margin-bottom: 5vw;
		color: #c3102e;
		font-size: 2.5vw;
		margin-left: 5vw;
	}
	.footer {
		position: absolute;
		bottom: 0vw;
		width: 100%;
		height: 30vw;
		background-color: #4D4D4D;
	}
	.map {
		width: 100%;
	}
	.subContentHeader {
		font-size: 3.5vw;
		color: #003399;
		margin-top: 1vw;
	}
	.subContentHeaderSmall {
		font-size: 3vw;
		color: #003399;
		margin-top: 2vw;
	}
	.containerHolderLeft {
		width: 90vw;
		margin-left: 4.5vw;
		margin-top: 6vw;
		float: left;
		font-size: 3vw;
	}
	.rightPics {
		margin-top: 8vw;
		margin-left: 4.5vw;
		width: 90vw;
		float: left;
		margin-bottom: 9vw;
	}
	.rightPics img {
		width: 23vw;
		margin-left: 5vw;
		float: left;
	}
	.containerHolderCenter {
		width: 90vw;
		margin-left: 4.5vw;
		margin-top: 6vw;
		text-align: center;
		font-size: 3vw;
	}
	.errorBox {
		width: 90vw;
		padding-top: 5vw;
		padding-bottom: 5vw;
		margin-top: 15vw;
		margin-left: 5vw;
		text-align: center;
		background-color: #ffffff;
	}
	.errorButton {
		padding: 1vw;
		width: 100px;
		margin-left: 200px;
		font-size: 2vw;
		background-color: #2B59EF;
		color: #ffffff;
		cursor: pointer;
	}
	.rodeoTextPic {
		float: none;
		width: 90vw;
		padding-right: 0vw;
	}
	.textIndentRodeo {
		margin-left: 5vw;
		margin-right: 5vw;
		margin-top: 5vw;
		font-size: 2.5vw;
	}
}