/*standard html setup text-align center needed for IE, reset to left in para*/
body, html  {	font-family : 'Open+Sans', Arial, Helvetica, sans-serif;
	margin : 0;	padding: 0;	
	color : black;	background-color: #f7ce94;	text-align: center;
	font-size : 101%;
	width: 100%}

/* define the fonts and standard styles*/
p  {	font-family : 'Open+Sans', Arial, Helvetica, sans-serif;	text-align:left;}

h1,h2,h3 {font-family : Raleway, "Comic Sans MS", Arial, sans-serif;	font-weight : bold;}
h1  {	font-size : 160%;}
h2  {	font-size : 140%;	}
h3  {	font-size : 110%;	}
h4,h5  {	font-size : 90%;	}
p,li  {	font-size : 90%;	}

a  {	color : Black;	text-decoration: underline;}
/*LVHA*/
a:link  {	color : Black;}
a:visited  {	color : Black;}
a:hover  {	color : Gray;}
a:active  {	color : Black;}

li  {text-align:left;}

.footer  {	font-size : 80%;}
.digitalsafaris  {	font-size : 100%;	font-family : Raleway, "Comic Sans MS", Arial, sans-serif;	font-weight: bold;}

/*layout styles */
.allpage {	width: 100%;	margin: 0;	text-align: center;}

.frontpage {
	background-image: url(../images/lizard.jpg);	background-repeat: no-repeat;	background-position: center top;
		margin: 10px auto 10px auto; border: 2px solid #ffffe0;	padding: 0;	overflow: hidden;}
	
/*	
.frontpagehead, .frontpagecell {
	border: 2px solid #ffffe0;	padding: 5px;	width: 186px;	float: left;	margin: 0;}
	
.frontpagehead {	height: 100px;}
.frontpagecell {	height: 130px;	font-size: small;}*/

	
.hosting {
	max-width: 700px;
	margin:	0 auto;
	font-size: 120%;
	line-height: 1.5;	
}


.footcontainer {width: 100%;	text-align: center;	margin: 10px auto;	clear: both; overflow: hidden;}
.footcell {    width: 49%;	  float: left;		margin: 0;}

.footcontainer img {border:0;}
.footcontainer p {text-align: center;}


/*		Default Layout: 3x3 boxes*/
@media only screen and (min-width: 768px) {
	
/*width settings */
.frontpage {width: 600px;  }
.frontpage h2, .frontpage h3, .frontpage p {border: 2px solid #ffffe0;	padding: 5px 5px;	width: 186px;}
.frontpage h2, .frontpage h3, .frontpage p {float: left;	margin: 0;}
.frontpage h2, .frontpage h3 {height: 100px;}
.frontpage p {height: 130px;}
}

/*		Mobile Layout: 320px. vertical with borders */
@media only screen and (max-width: 767px) {
	
/*width settings */
.frontpage {width: 300px; border: 0; background-image:none; }
.frontpage h2, .frontpage h3, .frontpage p {border: 0;	padding: 0 5px;	width: 280px; text-align: center;}
.empty {display: none;}	
a.button {display: block; width: 100%; text-align: center; vertical-align:middle; padding: 20px 0; border-top: 5px solid #f7ce94; background-color: #C9C6AF; font-size: 120%;}
}


/*		Tablet Layout: 768px.  vertical, no borders*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
/*width settings */
.frontpage {width: 450px; border: 2px solid #ffffe0;}
.frontpage h2, .frontpage h3, .frontpage p {border: 0;	padding: 5px;	width: 440px; text-align: center;}
.empty {display: none;}	
	
}


@media print {
	#pagewrapper {
		width: 95%;
	}
	body, html {
		background-color: #fff !important;  
	}
	.hosting {
	max-width: 95%;
	margin:	0 auto;
	font-size: 100%;
	line-height: 1.25;	
}
}