/*

----The Big Suitcase Party----
	Most awesome stylesheet
	   IN THE UNIVERSE!!
	
	Created by Jordan Abbott
  on this day, The 12th of March
on the Year of Our Lord Twenty-Fifteen

*/

.Button {
	border-style: outset;
	border-color: #000000;
	border-width: 5px;
}

.Button:hover {
	border-style: solid;
	border-color: #CF0000;
	border-width: 5px;
}

#contact_bottom {
	border-style: outset;
	border-color: #000000;
	border-width: 5px;
}

#contact_bottom:hover {
	border-style: solid;
	border-color: #CF0000;
	border-width: 5px;
}

body {
	  background: #000000;
	  font-weight: 200;
}

h1 {
	font: Verdana;
}

h4 b {
	font-weight: 500;
}

.wrap {
	
	min-width: 640px;

	margin: 0 auto 0;
	padding: 0;
}

.MainContent {

	background: #FFFFFF;
	min-width: 320px;
	width: 100%;
	height: auto;
	
	margin-top: 0px;
	
	padding-bottom: 10%;
	padding-top: 20px;
	
	font-weight: 200;
	font-family: Verdana, Berlin Sans, sans-serif;
	
}

.MainContent h4 {
	font-weight: 200;
}

.cities {

}

.cities img {
	border: inset;
	border-color: #000000;
	border-width: 5px;
}

.cities img:hover {
	border: solid;
	border-color: #CF0000;
	border-width: 5px;
}


.MenuBar {
	padding: 0px;
	background: linear-gradient(#606060, #000000);
	height: 120px;
	min-width: 320px;
	
	border-style: solid;
	border-width: 5px;
	border-color: #CF0000;	
}

.MenuBar img {
	
	margin-top: 15px;
	
	border-style: outset;
	border-color: #000000;
	border-width: 5px;
	
	width: 15%;
	max-width: 150px;
	
	margin-left: 1%;
	margin-right: 1%;
	
	padding: 0 0 0 0;

}

.MenuBar img:hover {
	
	border-style: solid;
	border-color: #CF0000;
	border-width: 5px;

}

.MenuBar ul {
	list-style-type: none;
	margin-left: 120px;
}

.MenuBar li  a{
	
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	
	height: 35px;
	width: 200px;
	float: left;
	
	border-style: solid;
	border-width: 2px;
	border-color: #CF0000;
	
	margin-top: 8px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 8px;
}
.MenuBar li a:hover {
	background: linear-gradient(#909090, #C0C0C0);
}

#homebutton {
	background: url("Button/rpt_home_1.jpg");
	margin-top: 8px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 8px;
	float: left;
}
#homebutton:hover {
	background: url("Button/rpt_home_2.jpg");
	margin-top: 8px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 8px;
	float: left;
}

#contactbutton {
	background: url("Button/rpt_home_1.jpg");
	margin-top: 8px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 8px;
	float: left;
}
#contactbutton:hover {
	background: url("Button/rpt_home_2.jpg");
	margin-top: 8px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 8px;
	float: left;
}

#gallerybutton {
	background: url("Button/rpt_home_1.jpg");
	margin-top: 8px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 8px;
	float: left;
}
#gallerybutton:hover {
	background: url("Button/rpt_home_2.jpg");
	margin-top: 8px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 8px;
	float: left;
}

#upcomingbutton {
	background: url("Button/rpt_home_1.jpg");
	margin-top: 8px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 8px;
	float: left;
}
#upcomingbutton:hover {
	background: url("Button/rpt_home_2.jpg");
	margin-top: 8px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 8px;
	float: left;
}


.BlockQuote {
	
	height: auto;
	width: 50%;
	
	margin: 0px 0px 0% 25%;
	
	line-height: 1.5em;
	
	font-size: 16px;
	text-align: justify;
	
}

.BlockQuote h4 {
	font: Verdana, sans-serif;
	font-weight: 200;
	
}

.ImageContainer {
	width: 24%;
	height: auto;
	min-width: 320px;
	position: relative;

}

.ImageContainer img {

	margin-bottom: 10%;
	margin-right: 2%;
	
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;

}

.Footer {
	min-width: 320px;
	width: 99.7%;
	
	background: #000000;
	height: 220px;
	
	color: #FFFFFF;
	font-size: 10px;
	
	position: relative;
	bottom: 0;
	
	border-style: solid;
	border-width: 2px;
	border-color: #FFFFFF;
}

.Footer img {

	width: 26%;
	min-width: 150px;
	margin-left: 6%;
	
}

.Footer a {
	text-decoration: none;
	color: #FFFFFF;
}

.Footer a:hover {
	color: #CF0000;
}

.OrderButton {
	
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	
	height: auto;
	width: 200px;
	background: linear-gradient(#C0C0C0, #909090);
	float: left;
	
	border-style: solid;
	border-width: 2px;
	border-color: #CF0000;
	
	margin-top: 8px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 8px;
}

.OrderButton:hover {
	background: linear-gradient(#909090, #C0C0C0);
}