.TitleOuter, .Optin2 {
    background-color: #9555aa;
	color:#fff;
}

.error {
    animation: blinkerr steps(2) 500ms infinite alternate;
}

@keyframes blinkerr {  
  from { color:#f80; }
  to { color:#fff; }
}

.FormBox {
    width: 100%;
    border: 1px solid #fff;
}

.OptinButton {
    background: #ea2 !important;
	border: 1px solid #2d1a33 !important;
    color: #2d1a33 !important;
}

body {
    background-color: #fff5ff;
}

[class*="Col"] {
border: calc(25px) solid #fff5ff;
}

.HalfFormDescription{color:#fff; text-align:center;}

.MenuOuter {
    background-color: #9555aa;
}

.PortfolioOverlay h3{color: #9555aa;}

.ppurc{color: #fff; margin:10px;}

	
.Lhbd{float: left;width:70%;background-color: #fff;border: 1px solid #9555aa;color:#000;}

.Rhbd{float: left;width:30%;background-color: #fff;border: 1px solid #9555aa;color:#000;}

.Dheader{font-weight:bold;color:#9555aa}

.Basket{width:80%;left:10%;position:relative;text-align: center}
	
.TitleContainer{
font-variant: normal; 
}
.LeftTitleContainer
{
    width: 75%;
    display: table-cell;
    margin: 0px -2px;
    vertical-align: middle;
	font-size:2.5vw;
	font-variant: small-caps;
}

.RightTitleContainer
{
    width: 25%;
    display: table-cell;
    margin: 0px -2px;
    vertical-align: middle;
	font-size:2vw;

}

.LineUpContainer
{
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.LineUpContainer a{
	color:#fff;
}
.LineUpContainer a:hover, .LineUpContainer a:active, .LineUpContainer a:focus{
	text-decoration: underline;
}

.LinkHighlight{display: inline;}
.LinkHighlight a{color:#fff;}
.LinkHighlight a:hover, .LinkHighlight a:active, .LinkHighlight a:focus{text-decoration:underline;}
.LinkHighlight a:visited{color:#fff}
.BlackLink a{color:#000;}
.BlackLink a:visited{color:#000;}

.ShowLink{
text-decoration: underline;
}

.EmailContainer
{
    margin-top:-2px;
    margin-top:-2px;
    width: 50%;
	max-width: 250px;
	text-align:left;
}

.Email2
{
	width:240px;
}

.TabRight
{
    margin-left: 20px;
}

h1, h2, h3
{    
	padding: 0.3em 0;
	font-variant: normal;	
}

h1, h2{
	font-size: 2em;
}

h3{
	font-size:20px;
}

.PageSpan
{
	width: 100%;
    margin: 0 auto;
    background: #fff;
	color:#000;
}

.PageSpanInner{
	margin: 0 auto;
}

.ThinBottom{
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
}


.PageSpanInner [class*="Col"] {
	border: calc(25px) solid #ffffff;
}

.ColBGColor{
	background-color: #fff5ff
}

.PageSpan2
{
	background:#FFEBFF;
}

.PageSpanInner2 {
	background-color: #FFEBFF;
}

.PageSpanInner2 [class*="Col"] {
	border: calc(25px) solid #FFEBFF;
}

.ColBGColor2{
	background-color: #FFEBFF;
}

.PageSpan3
{
	background:#FFE1FF;
}

.PageSpanInner3 {
	background-color: #FFE1FF;
}

.PageSpanInner3 [class*="Col"] {
	border: calc(25px) solid #FFE1FF;
}

.ColBGColor3{
	background-color: #FFE1FF;
}

.PageSpan4
{
	background:#FFD7FF;
}

.PageSpanInner4 {
	background-color: #FFD7FF;
}

.PageSpanInner4 [class*="Col"] {
	border: calc(25px) solid #FFD7FF;
}

.ColBGColor4{
	background-color: #FFD7FF;
}

.PageSpan5
{
	background:#FFCDFF;
}

.PageSpanInner5 {
	background-color: #FFCDFF;
}

.PageSpanInner5 [class*="Col"] {
	border: calc(25px) solid #FFCDFF;
}

.ColBGColor5{
	background-color: #FFCDFF;
}
.ColBGColor6{
	background-color: #9555aa;
}



.ImgBorder{
border: 12px solid #fff;
}


.PortfolioContainer2 .PortfolioOverlay2{
	width: 100%;
    height: 100%;
    position: absolute;
	top:0px;
	left:0px;
    text-align: center;
    vertical-align: middle;
    margin-top: 0px;
	z-index:5;
}

.PortfolioContainer2
{
	position: relative;
}

.PortfolioContainer2 img{    
	/*position: absolute;*/
    overflow: hidden;
    width: 100%;
    height: 100%;
	top:0px;
	left:0px;
	z-index:3;
	opacity: 1;
	/*padding: 10px;*/
}

.PortfolioOverlay2 h3{
	position:absolute;
	left:2%;
	right:2%;
	bottom: 2%;
	z-index:5;
	opacity: 1;
	text-align: center;
	background: rgba(255, 255, 255, 0.75);
	padding: 0px 0px;
	color:#9555aa;
	margin:10px;
	font-size: 1.3vw;
}

@media only screen and (min-width:640px){
	.PortfolioOverlay{
		padding-left: 10%;
		padding-right: 10%;
		font-size: 1.5vw;
	}
}
@media only screen and (min-width:900px){
	.RightTitleContainer, .LeftTitleContainer{
	font-size: 20px;
	}

}

@media only screen and (min-width:1200px){
	.PortfolioOverlay2 h3 {
		font-size: 19px;
	}
	.PageSpanInner{
    width: 1200px;
	}


}

@media only screen and (max-width: 800px){
	.PageSpanInner2 [class*="Col"] {
	border: calc(5px) solid #FFEBFF;
}
[class*="Col"] {
border: calc(5px) solid #fff5ff;
}

}

@media only screen and (max-width: 638px){
	.PortfolioOverlay2 h3 {
		font-size: 30px;
	}
}