@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);


/*#FFB3FF, #FF90E3 ,#991F5C, #82142F, #991717 https://color.adobe.com/My-Color-Theme-color-theme-6310136*/


body {
	background-color: #FFF;
	background-image: url("../images/vapor4.jpg");
 /*	width: auto;*/
	margin: 6PX, 6PX;
}

h1, h2, h4 {
	/*font-family: serif, sans-serif;*/
	font-family: 'Oswald', sans-serif;
	font-size: 100%;
}

h2 {
	/*color: #FFB3FF;*/
	font-family: 'Oswald', sans-serif;
}

h3 {
	font-size: 100%;
	/*color: #FF0000;*/
	font-family: 'Oswald', sans-serif;
}


p {
	font-family: 'Oswald', sans-serif;
	font-size: 95%;
	color: #991F5C;		/*#2A1F40*/
	margin: 0;
}

#verification {
	background-color: #FFF;
	width: 960px;
	height: 700px;
	background-image: url("../images/verification2.0.jpg");
	background-repeat: no-repeat; 
	border: 1px solid #FFB3FF;
        margin-left: auto;
        margin-right: auto;
	margin-top: auto;
	/*margin-right: bottom;*/
	padding: 4PX;
}

#ver {
	float: center;
	border: 2px solid #000;
	background-color: #200;
	width: 360px;
	height: 360px;
	border-bottom-left-radius: 200px;
	border-bottom-right-radius: 200px;
	border-top-left-radius: 200px;
	border-top-right-radius: 200px;
	margin-top: 250px;
	margin-right: 20%;
	margin-left: 20%;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	top: -70px;
	left: 130px;
	font-size:12px;
}

form2 {
	float: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 150%;
}

legend  {
	color: red;
}

#info {
	margin: 0 auto;
}

#wrapper {
	border: 1px solid #FFB3FF;
	background-color: #FFF;
	/*width: 960px;
	height: 700px;*/
	width: 90vw;
	min-height: 80vh;
        margin-left: auto;
        margin-right: auto;
	margin-top: auto;
	/*margin-right: bottom;*/
	padding: 4PX;
	background-image: url("../images/vapor2.jpg");
	background-repeat: no-repeat;
}

legend  a:link {
    color: #FFF;
}

legend a:visited {
	color: #FFF;
}

legend a:hover {
	color: #0066FF;
}

#info {
	margin: 0 auto;
}

header img:hover {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
} 

header {
	/*background-image: url("../images/headerrbar.jpg");*/
	background-image: url("../images/rh5.jpg");
	background-repeat: no-repeat;
	width: 90vw;
	height: 90px;
	/*height: 100%;*/
/*	background-color: #000;*/
	border: 1px solid #FFB3FF;
	margin: 2px, 2px;
	padding-right: 15;
}














/*
#navbtn {
	width: 816px;
	position:relative;
	top: -6px;
	left: 4px;
}


#search {
	width: 236px;
	position: absolute;
	top: 65px;
	right: 66px;
	position:relative;
	bottom: -14px;
	left: 583px;
}*/



#navbtn {
	width: 816px;
	position:relative;
	top: -6px;
	left: 4px;
}


#cell {
	display: none;
}

.handler {
	display: none;
}

#search {
	width: 360px;
	position:relative;
	bottom: -6px;
	left: 582px;
}

header img {
	float: left;
 	padding-top: 9px;
 	padding-left: 18px;
	margin: 5px, 5px, 10px, 5px;
}



header nav.main { 	
	width: 100%;
	padding-bottom: 2%;
	padding-left: 1%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}


header nav.main ul {
	list-style: none; 
	margin-bottom: 6px;
  	padding-bottom: 2px;
 	padding-left: 11%;
	color: #FFF;
}


header nav.main ul li {
	display: inline;
	font-size: 160%;
	margin-left: 20px;
	text-decoration: none;
	width: auto;
	border: 2px;
	color: #000;
}



header nav.main a:link, header nav a:visited, a, a:link, a:visited {
	color: #E29EE2; /*#FFB3FF*/ 
	text-decoration:none;
} /*header and fotter nav*/

header nav.main a:hover,  a:hover, a:active {
 /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FFF;

}

.hline_text {
	color: #82142F;
	/*font: bold 'Oswald', serif;*/
	font-family: 'Oswald', serif;
	text-align: left;
	padding-left: 3px;
	/*height: 78px;*/
	height: 40px;
    line-height: 40px;
/* h1 just under header */
}



.text_topic {
	/*color: #FF90E3;*/
	/*#FFB3FF*/
}

/*
.text_topic2 {
	color: #FF90E3; #FF90E3 #82142F #E29EE2 #991F5C
}*/

section {
	/*width: 100%;*/
	width: 88vw;
	/*height: 154px;*/
	/*min-height: 154px;*/
	min-height: 3vw;
	display: inline-block;
}


.welcome {
	font-size: 24px;
	/*width: 100%;*/
	width: 88vw;
	/*height: 4vh;*/
	height: 4.5vh;
	display: block;
}

.gallery {
	width: 88vw;
	min-height: 40vh;
	color: #FFF;
	margin-left: 12px;
	display: inline-block;
}

.gallery img, article img {
    opacity: 0.7;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.gallery img:hover, article img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
} 

article {
	/*width:960px;*/
	width: 87.5vw;
	/*height: 512px;*/
	min-height: 73vh;
	position: relative;
	top: 0px;
	left: 18px;
}

articleright a:link, a:active {
	color: #FFF;
}


articleright a:hover {
	color: #E29EE2; /*#E29EE2 #0033CC*/
}

article a:link, article a:visited, section a:link ,section  a:visited {
	color:  #DE2222;	/*#DE2222,#991F5C, 82142F*/
}


article a:hover, section  a:hover {
	color: #E29EE2; /*#0033CC;*/
}

#article1of2 {
	float: left;	
	/*width: 450px;*/
	width: 40vw;
	min-height: 165px;
	position: relative;
	/*top: 15px;
	left: 8px;*/
	display: inline-block;
	padding-right: 2vw;
	margin-right: 3vw;
}

#article2of2 {
	float: left;	
	/*width: 450px;*/
	width: 40vw;
	min-height: 165px;
	position: relative;
	/*top: 15px;
	left: 30px;*/
	display: inline-block;
	padding-right: 2vw;
}





/*
main {
	width: 100%;
	height: 498px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}*/

.bottom	{
	/*width: 100%;*/
	width: 88vw;
	/*height: 251px;*/
	min-height: 30vh;
	margin-top: 10px;
	margin-bottom: 4px;
	padding: 1px;
	display: inline-block;
}

#bottom img, object {
	max-height: 100%;
	max-width: 100%;
}


.bbox1 {
	float: left;
	position:relative;
	bottom: -58px;
	width: 325px;
	height: 260px;
}

.top_left {

	float: left;
	min-height: 123px;
	display: inline-block;
}

.botom_left {

	float: left;
	min-height: 123px;
	display: inline-block;
}

.bbox2 {
	float: left;
	margin-left: 5px;
	position:relative;
	bottom: -58px;
	width: 325px;
	height: 260px;
}

.top_right {
	float: left;
	min-height: 123px;
}

.botom_right {
	float: left;
	min-height: 123px;
}

.bbox3 {
	float: left;
	color: #000;
	position:relative;
	top: 1px;
	width: 270px;
	height: 260px;
	margin-left: 15px;

}

table {
	background-color: #FFF;
	float: left;
	position:relative;
	top: 55px;
	width:250px;
	border:solid 1px #FFB3FF;
	padding:4px;
	margin-left: 0px;
	border-collapse: collapse;
}

table td {
	/*border: none; padding: ;*/
	padding: 2px 1px 2px 5px;
	/*border-bottom: solid thin #000;*/
}

.tr {
	padding: 2px 1px 2px 5px;
}

td {
	width: 13px;
}

#categories {
	background-color: #000;
	color: #FFF;
}





#r1 {
	float: left;	
	width: 465px;
	height: 455px;
	margin: 4px;	
}

#r2 {
	float: left;	
	width: 465px;
	height: 455px;
	margin: 4px;
}

#rev-i1 {
	float: left;	
	width: 400px;
	height: 200px;
	position: relative;
	top: 6px;
	left: 35px;
}

#rev-i2 {
	float: left;
	width: 400px;
	height: 200px;
	position: relative;
	top: 6px;
	left: 35px;
}

#R1-left {
	float: left;
	width: 450px;
	height: 220px;
	position: relative;
	top: 15px;
	left: 8px;
}

#R2-right {
	float: left;
	width: 450px;
	height: 220px;
	position: relative;
	top: 15px;
	left: 8px;
}

#rev1b {

	float: left;	
	width: 400px;
	height: 200px;
	position: relative;
	bottom: -54px;
	left: 28px;
	padding: 2px;
/*	margin: 4px;*/
}

#rev2b {

	float: left;	
	width: 400px;
	height: 200px;
	position: relative;
	bottom: -54px;
	left: 28px;
	padding: 2px;
/*	margin: 4px;*/
}

#rleftb {

	width: 435px;
	height: 215px;
	position: relative;
	top: 10px;
	left: 12px;
	padding: 4px;
}

#rrightb {

/*	border: 1px solid red;*/
	width: 435px;
	height: 215px;
	position: relative;
	top: 10px;
	left: 12px;
	padding: 4px;; 
}

/*
aside {
	color: #000;
}

span {
	color: #000;
}
*/



articleleft {
	width: 31.5%;
	float: left;
	min-height: 480px;
	font-size: 110%;
	margin-bottom: 2px;
	margin-left: 12px;
	padding-left: 2px;
	padding-right: 3px;
	padding-bottom: 2vw;
}

articlecenter {
	width: 31.5%;
	float: left;
	min-height: 480px;
	margin-right: auto;
	margin-left: auto;
	font-size: 110%;
	margin-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2vw;
}

articleright {
	width: 31.5%;
	float: left;
	min-height: 480px;
	margin-right: auto;
	margin-left: auto;
	font-size: 110%;
	margin-bottom: 2px;
	padding-left: 3px;
	padding-right: 2px;
	padding-bottom: 2vw;
}






.gallery2 {
	width: 88vw;
	min-height: 203px;
	position: relative;
	display: inline-block;
	margin-bottom: 2vw;
}



.gallery2 li {
	position: relative;
	left: 15px;
	top: 10px;
	margin-right: auto;
	margin-left: auto;
	display: inline;
	text-decoration: none;
}

#revw {

	float: left;
	width: 70vw;
	min-height: 250px;
	position: relative;
	display: inline-block;
	margin-left: 8vw;
}

#revw-left {
	float: left;
	width: 70vw;
	min-height: 100px;
	position: relative;

}
#revw-right {
	float: left;
	width: 70vw;
	min-height: 100px;
	position: relative;

}


#revcop {

	float: left;
	width: 88vw;
	min-height: 270px;	
	position: relative;
	display: inline-block;
	margin-left: 4vw;	
}

#revw-smleft {

	float: left;
	width: 310px;
	height: 260px;
	position: relative;
	top: 0px;
	left: 0px;
}

#revw-smright {

	float: left;
	width: 310px;
	height: 260px;
	position: relative;
	top: 0px;
	left: 10px;
}


footer {
	background-image: url("../images/footerbar2.jpg");
	border: 1px solid #FFB3FF;
	width: 100%;
	clear:both;
	text-align: center;
	height: 80px;
	padding-top: 8px;
	font-size: 80%;
	color: #FFF;
	position: relative;
	bottom: 2px;
	left: .5px;
 }



footer ul {
	text-align: left;
}



footer li {
	position: relative;
	left: 150px;
	margin-right: auto;
	margin-left: auto;
	display: inline;
	text-decoration: none;
}


footer p {
	color: #FFF;

}


#sitemap li {
	position: relative;
	left: 60px;
}

/*	border: 1px solid blue;*/

@media only screen and (max-width: 1100px) {
	nav {
		display: none;
	}
	
	
	/* Cell navigation **********************************************************/
	.handler{
		display: block;
	}
	
	#dropnav {
		width: 14vw;
		height: 12vw;
		top: 0;
		z-index: 60;
		padding-left: 2.2vw;
		margin-left: auto;
		margin-right: auto;
	}
	
	.handler {
		height: 6vw;
		width: 6vw;
		cursor: pointer;
		z-index: 65;
		padding: 16px;
	}
	
	.handler #Btn {
		height: 40px;
		width: 40px;
		background-color: RGBA(255, 255, 255, 1);
		border: #bbb 1px solid;
		padding: 8px 8px;
		cursor: pointer;
		float: left;
		border-radius: 50%;
		margin-right: 20px;
	}
	
	#Btn > div {
		width: 40px;
		height: 4px;
		background-color: #333;
		margin: 7px 0;
		border-radius: 4px;
	}
	
	#cell {
		width: 82.5vw;
		width: 98vw;
		/*height: 258px;*/
		/*list-style: none;
		margin-bottom: 6px;
		padding-bottom: 2px;*/
		z-index: 60;
		display: none;
		position: absolute;
		top: 88px;
		/*left: 10px;*/
		/*margin-left: 10px;*/
		/*margin-left: -9px;*/
		/*margin-left: -20px;*/
		left: 0;
	}
	
	#cell ul {
		display: block;
		width: 98vw;
		/*width: 100%;*/
		/*height: 246px;*/
		-webkit-transition: max-height 0.4s;
		-moz-transition: max-height 0.4s;
		-o-transition: max-height 0.4s;
		/*z-index: 61;*/
		text-decoration: none;
		background-color: #82142F;
		padding-left: 0;
	}
	
	#cell ul li {
		/*box-sizing: border-box;
		min-height: 10px;*/
		padding: 10px 0;
		text-align: center;
		display: block;
	}
	
	#cell ul li a {
	color: #FFF;
	font-size: 18px;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
}

	#cell ul li:hover,#cell ul li:hover {
		background-color: #000;
		color: #991F5C !important;
	} /* needs jQuery so hove will change  link color */
	
	.show {
		display: block !important;
	}
	
	/* END Cell navigation ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
}

@media only screen and (max-width: 900px) {
	
	
	articleleft {
    	width: 38vw;
		margin-right: 4vw;
	}
	
	articlecenter {
    	width: 38vw;
		min-height: 250px;
		margin-left: 12px;
	}
	
	articleright {
    	width: 80vw;
		min-height: 250px;
		margin-left: 12px;
	}

}



@media only screen and (max-width: 800px) {
	
	
	articleleft, articlecenter, articleright {
    	width: 80vw;
	}
	
	articlecenter {
    	min-height: 250px;
	}
	
	articleright {
    	min-height: 250px;
	}
	
	
}