body {
	background-color: #7db9e8;
}

.container {
	max-width: 620px;
	margin:5px auto;
	background-image:url(../images/lgrey090.gif);
	border:2px solid red;
	border-radius:10px;
	box-shadow:0 1px 3px #999 inset;position:relative;
}

@font-face {
	font-family: 'aphrodite_text-webfont';
	src: url('webFonts/aphrodite_text-webfont.eot'); /* IE9 Compat Modes */
	src: url('../webFonts/aphrodite_text-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../webFonts/aphrodite_text-webfont.woff') format('woff'), /* Modern Browsers */
	url('../webFonts/aphrodite_text-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../webFonts/aphrodite_text-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 	
}


	.wrapper {
		display: grid;
		grid-gap: 2px;
		grid-template-columns: auto auto auto;
		xgrid-auto-columns: 100px;
		background-color:transparent;  <!-- color of dividers define boxes -->
		color: #444;
		grid-template-rows: 50% 50%;
		background-image:url(../images/lgrey090.gif);
	}
	.box { 
		background-image:url(../images/lgrey090.gif);
		color: #000;
		border-radius: 5px;
		padding: 10px;
		font-size: 150%;
	}
  .a {
		grid-column: 1 / 3;
		grid-row: 1;
		font-family:'aphrodite_text-webfont';
		font-size:1.3em;
		font-weight:bold;
		text-shadow: 1px 1px 2px black, 0 0 1em #369, 0 0 0.2em #369;
		color: #fff;
		letter-spacing:2.5px;aborder:1px solid red;
		text-align:center;
	}
	.b {
		grid-column: 3/ 4;
		grid-row: 1;xborder:1px solid red;
		font-family:verdana,sans-serif;
		font-weight:bold;
		text-shadow: 1px 1px 2px black, 0 0 1em #369, 0 0 0.2em #369;
		color: #fff;
		letter-spacing:1px; 
		text-transform:uppercase;
		letter-spacing:3px;
		text-align:center;
		font-size:0.75em;
	}

	.c {
		grid-column: 1 /2 ;
		grid-row:2 ;
		font-family:verdana,sans-serif, Fallback,Verdana;
		font-weight:bold;
		text-shadow: 1px 1px 2px black, 0 0 1em #369, 0 0 0.2em #369;
		font-size:0.9em;
		color: #fff;	
		text-align:center;
		padding:0;
		box-sizing: border-box;
		xborder:1px solid red;
	}
	.d {
		grid-column: 2 / 4;
		grid-row: 2;border:Gray34;
		font-size:0.8em;
		text-shadow: 1px 1px 2px black, 0 0 1em #369, 0 0 0.2em #369;
		text-align:center;
		box-sizing:border-box;
		xborder:1px solid red;
		
	}

@media (max-width:485px) {
		.a {
				font-size:1em;
		}		
		.b {
				font-size:0.65em;
		}

		.c {
				font-size:0.8em;
		}
		.d {
				font-size:0.7em;
		}
}
@media (max-width:356px) {

		.a {
			font-size:0.85em;
		}
		.b {
			font-size:0.5em;padding-left:0;
		}		
		.c {
			font-size:0.65em;
		}
		.d {
			font-size:0.6em;padding-right:-50px;
		}
		.oval-button {
			width:100px;;
		}
}

.feature-legend {
font-size:0.75em;color:Gray;font-family:Paprika, verdana, sans-serif;
padding:0px 10px 5px 20px;font-weight:bold;
background-image:url(../images/lgrey090.gif);
}

/* footer stuff */
#footer {
padding: 7px 0px;
text-align: center; 
color: rgb(255, 255, 255); 
font-size: 0.8em;
background:#1a405f; //#333;
font-weight:bold;
box-shadow: 5px 5px 13px #808080;
text-shadow: 1px 1px 4px #808080;
font-family:verdana,sans-serif;
line-height: 28px;
text-shadow: 1px 1px 4px #808080;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
#footer a{
color:#000;
text-decoration:none;
}
#footer a:hover {
color:#000;
background-color:red;
}

/* footer styles */
span.title1  {
    font-family:'aphrodite_text-webfont', Fallback,Verdana;
    font-size: 1.5em;
	qmargin:0 auto;
}
.title4, .title6 {
background-color:#c1c1c1;
padding:15px 10px;
border-radius:15px;
border:1px solid #c0c0c0;
background-image:url(../images/mainbk.png);
  font-family:'aphrodite_text-webfont', Fallback,Verdana;
  font-size: 0.9em;
text-decoration:none;color:#000;
}
.title4:hover {
color:#fff;
}
.title6 {
padding:5px 5px;
background-image:url(../images/mainbk.png);
font-family:verdana,sans-serif;
font-size:0.9em;
}
.title7 {
font-family:verdana,sans-serif;
font-size:0.8em;
}

/* Three button array: invitations, calligraphy. and more */
.3button {
	display:block;text-align:center;height:55px;margin-bottom:5px;background-image:url(../images/lgrey090.gif);
}
.floating-box3 {
    display: inline-block;
	margin:5px;
    width: 126px;
    border: 3px solid #73AD21;
    text-align:center;
    padding:10px 0;
	background-color:#1a405f; //#708090;
	border-radius:15px;
	border:1px solid #c0c0c0;
	background-image:url(../images/mainbk.png);
	font-family:'aphrodite_text-webfont', Fallback,Verdana;
	font-size: 0.9em;font-weight:bold;
	text-decoration:none;
	color:yellow;letter-spacing:2px;
	text-shadow: 1px 1px 2px black, 0 0 1em #369, 0 0 0.2em #369;
	box-shadow: 5px 5px 12px #808080;
	cursor:pointer;
	xmargin-right:25px;
	
	
}

@media (min-width:320px) and (max-width:420px) {
	.floating-box3   {
		font-size:0.7em;
		margin-right:5px;
	}
	.feature-legend {
		font-size: 0.60em;
	}
}
@media (min-width:320px) and (max-width:419px) {
	.floating-box3   {
		font-size:0.65em;
		width:85px;
	}
	.feature-legend {
		font-size:0.65em;
	}
}	

r
/* Pop-Up menu stuff */
.Iwrapper {
	width:235px;
	padding:0px 0;
	font-family:sans-serif;
	text-align:center;
}
.Iwrapper a:hover {
background-color:#0c97e2;
}
#container1,#container2,#container3 {
            bottom: 530px ; /* determines location of top of pop-up */
            display: none ;
            position: relative ;
            width: 200px ; /* width of pop-up menu */
			z-index:999;
            }
#inner1,#inner2,#inner3 {
			background-color:rgba(255,255,255,0.8);
            border: 5px solid #808080 ;
            border-bottom-width: 0px ;
			border-bottom:5px solid #666666;
			border-radius:8px;font-size:10px;text-align:center;
            }
#inner1 hr,#inner2 hr,#inner3 hr { 
  border:0;
  height:1px; 
  background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) !important; 
}
.adjust a {
letter-spacing:-0.1em !important;
}
ul.css3menu1{
	font-size:0;
	z-index:999;
	position:relative;
	display:block;
	list-style-type:none;
	padding-left:18px; /*lateral position of button2 */
	margin:0;
	}
ul.css3menu1 a{
	display:block;box-shadow: 5px 5px 12px #808080;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	font-size:10px;/* font size for buttons on pop-up */
	font-family:'Paprika',sans-serif;
	color:#404040;
	text-shadow:#FFF 0 0 1px;
	padding: 5px 0;		//10px 5px; /* width of buttons */
	background-color:#c1c1c1;
	background-image:url(../images/mainbk.png);
	background-repeat:repeat;
	background-position:0 0;
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#C0C0C0;
	border-radius:8px;
	margin:5px;
	width:130px; /* width of buttons */
	height:21px;
	line-height:21px;
}
ul.css3menu1 li:hover>a,ul.css3menu1 li a.pressed{
	background-color:#0c97e2;
	border-color:#C0C0C0;
	border-style:solid;
	color:#ffffff;
	text-shadow:#000 0 0 1px;
	background-position:0 100px;
	text-decoration:none;
}
ul.bottom a {
	width:60px;background-color:#f00;
}
ul.bottom2 a {
	display:inline;
	width:60px;
	float:left;;
}	
ul.css3menu1.bottom2 a{
	width:50px;margin:0 5px;
}
ul.css3menu2 h4 {
	font-size:1.5em;
}
#inner4 {
text-align:left;
}
ul.bottom3 a {
display:inline;
width:60px;float:left;
background:red;
background-image:url(../images/mainbk.png);
}

span.title2  {
    font-family:'aphrodite_text-webfont', Fallback,Verdana;
    font-size: 1em;
	color:#000;
	padding-left:30px;
}
span.title2 {
margin-left:-10px;
}	
/*Slideshow  */
.title {
	font-family:'aphrodite_text-webfont', Fallback,Verdana;
	font-size: 1em;font-weight:bold;
	text-decoration:none;
	color:yellow;letter-spacing:2px;
	text-shadow: 1px 1px 2px black, 0 0 1em #369, 0 0 0.2em #369;
	xborder-radius:10px;	
	cursor:pointer;
	xbackground-color:#1a405f;
	xbackground-image:url(../images/mainbk.png);
}

 .xpro-item-layer h2 {
	text-align:center;
	margin:10px 0 10px 0;
	font-family: 'Paprika', cursive !important;  
	display: block;
  font-size: 1.4em;
  line-height:20px;
  color:#202020;
}
@media (max-width:500px) {
	.xpro-item-layer h2 {
		margin:0;font-size:1.4em;
	}
	 h2 .alphaA,h2 .alphaB,h2 .alphaC {
		font-size:1em;
		padding:0;
		margin:0;
	}
}
span.title8 {
padding-left:40px;
qfont-weight:bold;
margin-left:-20px;
}
.xpro-slider-container {
	border-top:4px solid white;
	border-top-left-radius:5px;
	border-left:4px solid white;
	border-right:4px solid white;
	background-color:#1a405f;;
}


.oval-button:hover {
background-color:blue;
}

q.xpro-item-layer h2{

}

.alphaA:hover,.alphaB:hover,.alphaC:hover {
background-color:red;
background-image:url(../images/mainbk.png);
}