body {

	color: #dbdbdb;
	background: url(backg/purpl028.jpg) #e4e5d5;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	border:0;

}
#mainContainer
{
margin: 0;
padding: 0;
border:0;
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	text-align: left;
	
}
#titleContainer
{

	width: 100%;
	height: 70px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	text-align: center;

	font-size: 350%;
	letter-spacing: 10px;
	font-weight: bold;
}
#subtitleContainer
{
 
    width: 100%;
	height: 50px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	font-size: 250%;

	letter-spacing: 8px;
	font-weight: bold;
}
#aboutButton
{

position: absolute;
top: 60px;
left: 0;
height: 20px;
width: auto;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
z-index:300;
letter-spacing: 2px;
font-weight: bold;

text-align:center;
cursor: pointer;
}
#contactButton
{

position: absolute;
top: 60px;
right: 0;
height: 20px;
width: auto;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
z-index:300;
letter-spacing: 2px;
font-weight: bold;

text-align:center;
cursor: pointer;
}
#contactEmail
{


position: absolute;
top: 80px;
margin-right: 0px;

right: 0px;
height: 20px;
display: inline-block;
z-index:300;
text-align:center;
font-weight: bold;
}
#contactEmail a
{

	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
#aboutContainer
{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	background-color: #555555;
	color: #DDDDDD;
	font-size: 120%;
	

}
#aboutContainer a
{
color: #DDDDDD;
	text-decoration: none;
	cursor: pointer;
	letter-spacing: 4px;
}
#abouttxt
{
padding: 24px;
	

}
#display
{
	color: #dbdbdb;
	background-color: #534a52;
	width: 100%;
	height: auto;
	min-height:800px;
	position: relative;
    overflow:hidden;
	text-align: center;
	border: 0;
	margin: 0;
	padding: 0;
	display:block;
}
#infoTxt
{
    border: 0;
	margin: 0;
	padding: 10px;
	color: #cecece;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	display: inline-block;
	text-align:center;
	font-size: 150%;
	font-weight: bold;
	background-color: transparent;
}

#infoBottom{

width: auto;
height: auto;
position: absolute;
bottom:0;
right:0;
background-color: purple;
color: #ffffff;
font-size: 150%;
z-index:200;
position:fixed;
}
#infoBottom a{
width: 100%;
height: auto;
padding: 10px;
color: #ffffff;
	text-decoration:none;
}
#startbuttons{
padding: 10px;

	text-align:center;
	color: #cccccc;
	background-color: rgba(92, 11, 82, 0.78);
	font-size: 100%;
}
#startbuttons p{
margin-bottom: 30px;
}
#startbuttons a{



	text-decoration:none;
	font-size: 200%;

	margin: 30px;
	padding: 10px;
}

.GalleryButton{
    cursor: pointer;
	width: auto;
	height: 84px;
	position: relative;
	display: inline-block;
	float:left;
	background-color: #ddc9d9;
	color: #63405d;
	margin-left: 4px;
	margin-right: 0;
	margin-top: 4px;
	padding: 4px;
	text-align: right;
	font-size: 150%;
	letter-spacing: 2px;

}

.ProfilePic{
	width: 80px;
	height: 80px;
	position: relative;
	
	margin: 0;
	padding: 0;
	background-color: black;
    text-align: center;
    overflow: hidden;
}
.gallname{

	max-width:150px;
	display:inline-block;
	
}
.iconWrapper{
	width: 80px;
	height: 80px;
	position: relative;
	float: left;
	left: 0;
	display: inline-block;
	

	padding: 0;
	
}
.activeG{
	color: white;
	background-color: #534a52;
}

.infoDisp{

	    right: 0;
	    position: absolute;
	    text-align: center;
	    bottom: 0;
	  width:100%;  
	font-size: 50%;
	color: #f9f9f9;
	background-color: rgba(84, 81, 81, 0.5);
	overflow:hidden;
display:none;
}
.classoff{
	opacity: .6;

}
.floatright{
	float: right;
}
.classofflabel{
    right: 0;
    position: absolute;
    text-align: left;
    top: 0;
  width:100%; 
  height:100%; 
font-size: 50%;
background-color: #ffffff;
opacity: .4;
	z-index:200;
	color: #fe0a0a;
	text-decoration: line-through;
	letter-spacing: 5px;
	overflow: hidden;
	white-space:nowrap;
}

/* @group Filters */

.blurred{
	-webkit-filter:blur(3px);
	-moz-filter:blur(3px);
	-ms-filter:blur(3px);
	-o-filter:blur(3px);
	filter:blur(3px);
}
.saturated{
	
	-webkit-filter:saturate(10);
	-moz-filter:saturate(10);
	-ms-filter:saturate(10);
	-o-filter:saturate(10);
	filter:saturate(10);
}
.darken{
	-webkit-filter:brightness(50%);
	-moz-filter:brightness(50%);
	-ms-filter:brightness(50%);
	-o-filter:brightness(50%);
	filter:brightness(50%);
}
/* @end */
/* @group FORMS */
.alerta{
	background-color: rgba(255, 0, 0, 0.4);
}


#logOut{
	position: fixed;
	right: 0;
	top: 0;
	cursor: pointer;
	background-color: #ff0000;
	color: 0;
z-index:4000;
	font-weight: bold;
	padding: 4px;
	border-bottom-left-radius:10px 10px;
	-o-border-bottom-left-radius:10px 10px;
	-ms-border-bottom-left-radius:10px 10px;
	-moz-border-radius-bottomleft:10px 10px;
	-webkit-border-bottom-left-radius:10px 10px;
	border-top-left-radius:10px 10px;
	-o-border-top-left-radius:10px 10px;
	-ms-border-top-left-radius:10px 10px;
	-moz-border-radius-topleft:10px 10px;
	-webkit-border-top-left-radius:10px 10px;
}


#AddGalleryButton{
    cursor: pointer;
	height: 84px;
	position: relative;
	display: inline-block;
	float:left;
	background-color: #000000;
	color: #ffffff;
	margin-left: 4px;
	margin-right: 0;
	margin-top: 4px;
	padding: 4px;
	text-align: center;
	
	}

#infoTxtInput{
	width: 90%;
	color: #ffffff;
}
#infoTxtInput:focus{
     color: #000000;
}

.buttonSave{
	color: #000000;
	background-color: red;
	font-weight: bold;
	font-size: 150%;
	padding-left: 20px;
	padding-right: 20px;
	/*float: right;*/

}

.buttonSave:hover {

/*	-webkit-box-shadow:rgb(255, 0, 0) 0px 0px 15px;
	box-shadow:rgb(255, 0, 0) 0px 0px 15px;
	-o-box-shadow:rgb(255, 0, 0) 0px 0px 15px;
	-ms-box-shadow:rgb(255, 0, 0) 0px 0px 15px;
	-moz-box-shadow:rgb(255, 0, 0) 0px 0px 15px;*/

}
input, textarea, select, option {
	outline-width:0;
	/*background-color:#FAF8C4;*/
	-webkit-border-bottom-right-radius:10px 10px;
	border-bottom-right-radius:10px 10px;
	-o-border-bottom-right-radius:10px 10px;
	-ms-border-bottom-right-radius:10px 10px;
	-moz-border-radius-bottomright:10px 10px;
	-webkit-border-bottom-left-radius:10px 10px;
	border-bottom-left-radius:10px 10px;
	-o-border-bottom-left-radius:10px 10px;
	-ms-border-bottom-left-radius:10px 10px;
	-moz-border-radius-bottomleft:10px 10px;
	-webkit-border-top-left-radius:10px 10px;
	border-top-left-radius:10px 10px;
	-o-border-top-left-radius:10px 10px;
	-ms-border-top-left-radius:10px 10px;
	-moz-border-radius-topleft:10px 10px;
	-webkit-border-top-right-radius:10px 10px;
	border-top-right-radius:10px 10px;
	-o-border-top-right-radius:10px 10px;
	-ms-border-top-right-radius:10px 10px;
	-moz-border-radius-topright:10px 10px;
	
	font-weight:bold;
	/*color: #000000;*/
	text-align:center;
	border-style:none;
	padding:2px;
	background-color: rgba(255, 255, 0, 0.25);
	color: white;

	}

input, select, option {
font-size:150%;
}
textarea {
font-size:150%;
width: 100%;
resize:vertical;	
}

input:hover, textarea:hover {
/*	-webkit-box-shadow:rgb(255, 255, 0) 0px 0px 15px;
	box-shadow:rgb(255, 255, 0) 0px 0px 15px;
	-o-box-shadow:rgb(255, 255, 0) 0px 0px 15px;
	-ms-box-shadow:rgb(255, 255, 0) 0px 0px 15px;
	-moz-box-shadow:rgb(255, 255, 0) 0px 0px 15px;*/
	
	
	


background-color: rgba(255, 255, 0, 0.8);;
}
input:focus, textarea:focus {
	background-color: #faffbd;
	color: #000000;
}

label {
    position: absolute;

	font-size: 90%;
	color: #9a9a9a;
}


#aboutusInput{

	font-size:100%;
	color: #ffffff;
	font-weight: normal;
	font-style: normal;
	height: 200px;
}
#aboutusInput:focus{
     color: #000000;
}



#AutoAlert{
display:none;
	color: #000000;
	background-color: #fff300;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	width: 200px;
	height: auto;
	padding: 10px;
	position: absolute;
	z-index: 3000;
	margin-left: -110px;
	margin-top: -60px;
	top: 50%;
	left: 50%;
	
	-webkit-border-bottom-right-radius:10px 10px;
	border-bottom-right-radius:10px 10px;
	-o-border-bottom-right-radius:10px 10px;
	-ms-border-bottom-right-radius:10px 10px;
	-moz-border-radius-bottomright:10px 10px;
	-webkit-border-bottom-left-radius:10px 10px;
	border-bottom-left-radius:10px 10px;
	-o-border-bottom-left-radius:10px 10px;
	-ms-border-bottom-left-radius:10px 10px;
	-moz-border-radius-bottomleft:10px 10px;
	-webkit-border-top-left-radius:10px 10px;
	border-top-left-radius:10px 10px;
	-o-border-top-left-radius:10px 10px;
	-ms-border-top-left-radius:10px 10px;
	-moz-border-radius-topleft:10px 10px;
	-webkit-border-top-right-radius:10px 10px;
	border-top-right-radius:10px 10px;
	-o-border-top-right-radius:10px 10px;
	-ms-border-top-right-radius:10px 10px;
	-moz-border-radius-topright:10px 10px;
}

#DarkBack{
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: inline-block;
	z-index: 2999;
}

#AlertButtons{
	position: relative;
	display: inline-block;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width:200px;
	height: auto;
	font-size: 50%;
	background-color: #4b4b4b;
	z-index: 3001;
}

#titleContainer,#startbuttons a,.intro{
	background-color: rgb(182, 2, 172);
	color: #fef3f3;
}
#subtitleContainer, #contactEmail a{
	background-color: #fef3f3;
	color: rgb(182, 2, 172);
}

#aboutButton, #contactButton, #abouttxt{
	color: white;
	background-color: rgb(149, 121, 147);
}

.colorButton2{
	color: white;
	background-color: #555555;
}
.colorBK{
	background-color: #ddd9d9;
}
.colorTitle{
	background-color: #3b5998;
	color: white;
}
.colorSubTitle{
	background-color: #dbdcdc;
	color: #646464;
}
/* @end */