body{
  margin: 0px;
  padding: 0px;
	background-color: #FFFFFF;
	font-family: Verdana;
	font-size: 9pt;
}

.page_header{
   height: 35px;
   width: 100%;
   margin: 0px;
   background: -webkit-linear-gradient(#b266ff, #ffffff); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#b266ff, #ffffff); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#b266ff, #ffffff); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#b266ff, #ffffff); /* Standard syntax */
   color: white;
   font-size: 9pt;
   font-weight: narrow;
}

.page_floater{
   position: relative;
   float: left;
   margin-top: 10px;
   margin-left: 20%;
   height: 300px;
   width: 60px;
   background-color: #975cd3;
   opacity: 0.8;
   filter: alpha(opacity="80");
   box-shadow: 3px 3px 5px 2px gray;
}

.page_content{
   margin-top: 40px;
   margin-left: auto;
   margin-right: auto;
   height: 728px;
   width: 1000px;
   background: -webkit-linear-gradient(left top, #975cd3, #aaaaaa); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(bottom right, #975cd3, #aaaaaa); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(bottom right, #975cd3, #aaaaaa); /* For Firefox 3.6 to 15 */
   background: linear-gradient(to bottom right, #975cd3, #aaaaaa); /* Standard syntax */
   box-shadow: 3px 3px 5px 2px gray;
}

.page_nav{
	position: relative;
	height: 50px;
	width: 100%;
  font-family: 'Pinyon Script', cursive;
	font-size: 14pt;
  color: #ffffff;
}

.page_title{
	position: relative;
	float: left;
	padding-top: 10px;
	height: 40px;
	width: 31.75%;
	text-align: center;
  font-family: 'Pinyon Script', cursive;
	font-size: 20pt;
	font-weight: 300;
  background: -webkit-linear-gradient(#b17fe5, #d8b2ff);
  background: -o-linear-gradient(#b17fe5, #d8b2ff);
  background: -moz-linear-gradient(#b17fe5, #d8b2ff);
  background: linear-gradient(#b17fe5, #d8b2ff);
}

a:Active,a:link,a:visited{
	text-decoration : none;
	color: #6a18bd;
}

a:hover{
  color: white;
}

.page_link{
	position: relative;
	float: right;
	padding-top: 10px;
	height: 40px;
	width: 17%;
	text-align: center;
  font-family: 'Pinyon Script', cursive;
	font-size: 20pt;
	color: lightgray;
  background: -webkit-linear-gradient(#b17fe5, #d8b2ff);
  background: -o-linear-gradient(#b17fe5, #d8b2ff);
  background: -moz-linear-gradient(#b17fe5, #d8b2ff);
  background: linear-gradient(#b17fe5, #d8b2ff);
}

.page_link:hover{
	position: relative;
	float: right;
  padding-top: 10px;
	height: 40px;
	width: 17%;
	color: white;
	text-align: center;
  font-family: 'Pinyon Script', cursive;
	font-size: 20pt;
	color: white;
  background: -webkit-linear-gradient(#d8b2ff, #b17fe5);
  background: -o-linear-gradient(#d8b2ff, #b17fe5);
  background: -moz-linear-gradient(#d8b2ff, #b17fe5);
  background: linear-gradient(#d8b2ff, #b17fe5);

}

.page_content_center{
	position: relative;
	margin-top: -13px;
	margin-left: 3px;
	height: 65.75%;
	width: 99.4%;
	background-color: lightgray;
}

#slider{
    opacity:1;
    transition: opacity 1s;
}

#slider.fadeOut {
    opacity:0;
}

.showcase_page_content_center{
  float: left;
  margin-top: 3px;
	margin-left: 3px;
	padding: 5px;
	height: 613px;
	width: 984px;
  background: -webkit-linear-gradient(#d8b2ff, #b17fe5);
  background: -o-linear-gradient(#d8b2ff, #b17fe5);
  background: -moz-linear-gradient(#d8b2ff, #b17fe5);
  background: linear-gradient(#d8b2ff, #b17fe5);
}

.showcase_scroll{
  position:absolute;
  float: left;
  margin-top: 10px;
	margin-left: 15px;
  padding-left: 5px;
	height: 538px;
	width: 955px;
	background-color: white;
  border: 1px solid white;
  overflow-x: auto;
  z-index: 1;
}

.picWindow{
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 1003px;
   height: 730px;
   z-index: 100;
   display: none;
   background-color: black;
   overflow: hidden;
   border: 4px solid #FFFFFF;
   box-shadow: 3px 3px 5px 2px gray;
}

.imgoutput{
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   z-index: 150;
}

.close{
   position: relative;
   float: right;
   width: 50px;
   height: 30px;
   color: white;
   z-index: 200;
   font-weight: 600;
   cursor: pointer;
}

.thumbnails{
  float:left;
  margin-top: 10px;
  margin-left: 13px;
  padding-top: 20px;
  width: 100px;
  height: 100px;
  background-color: black;
  border: 1px solid #d8b2ff;
}

.pic_window{
  float:left;
  margin-top: 3px;
  padding: 10px;
  width: 780px;
  height:490px;
  border:1px solid white;
  overflow-y: auto;
  text-align:center;
  vertical-align:middle;
}

.about_page_content_center{
  float: left;
  margin-top: 3px;
	margin-left: 3px;
	height: 623px;
	width: 994px;
  background: url('images/about.jpg');
}

.contact_page_content_center{
  float: left;
  margin-top: 3px;
	margin-left: 3px;
	height: 623px;
	width: 994px;
  background: url('images/contact.jpg');
}

.content_floater{
  z-index: 5;
  float:right;
  margin-top: 10px;
  margin-right: 10px;
  padding: 5px;
  width: 400px;
  height: 593px;
  background-color:gray;
  color: #6a18bd;
  opacity: 0.9;
  filter: alpha(opacity="90");
  background: -webkit-linear-gradient(#d8b2ff, #b17fe5);
  background: -o-linear-gradient(#d8b2ff, #b17fe5);
  background: -moz-linear-gradient(#d8b2ff, #b17fe5);
  background: linear-gradient(#d8b2ff, #b17fe5);
}

.page_content_bottom{
	position: relative;
	float: left;
	margin-top: 3px;
	margin-left: 3px;
	padding: 3px;
	height: 25.5%;
	width: 32.35%;
	background-color: lightgray;
	font-family: 'Pinyon Script', cursive;
	font-size: 20pt;
	color: #6a18bd;
  text-align: justify;
  background: -webkit-linear-gradient(#d8b2ff, #b17fe5);
  background: -o-linear-gradient(#d8b2ff, #b17fe5);
  background: -moz-linear-gradient(#d8b2ff, #b17fe5);
  background: linear-gradient(#d8b2ff, #b17fe5);
}

.page_bottom{
	position: relative;
	float: left;
	margin-top: 4px;
	height: 50px;
	width: 100%;
	background-color: lightgray;
	font-family: 'Pinyon Script', cursive;
	font-size: 20pt;
	color: #6a18bd;
  text-align: justify;
  background: -webkit-linear-gradient(#d8b2ff, #b17fe5);
  background: -o-linear-gradient(#d8b2ff, #b17fe5);
  background: -moz-linear-gradient(#d8b2ff, #b17fe5);
  background: linear-gradient(#d8b2ff, #b17fe5);
}

.page_footer{
   position: absolute;
   top: 96.35%;
   left: 0px;
   height: 35px;
   width: 100%;
   margin: 0px;
   background: -webkit-linear-gradient(#b266ff, #ffffff); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#b266ff, #ffffff); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#b266ff, #ffffff); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#b266ff, #ffffff); /* Standard syntax */
}