@charset "utf-8";
/* CSS Document */

/* General notes

Colur pallet

#000000 Black
#FFFFFF White
#00004D Darker Blue -  Normal Font
#000099 Dark Blue - Histry Font
#0000D9 Blue - Hover Text
#5A2409 Rust red
#D4AF37 Gold
#800000 Maroon
*/

/* CSS RESET */
* {
	padding: 0px;
	margin: 0px;
	color: #222222;
	font-family:Tangerine, cursive, Open Sans, sans-serif;
}

@-webkit-keyframes navload {
  0% {-webkit-transform:translate(500px, 0px)}
  100%   {-webkit-transform:translate(0px, 0px)}
}

@-moz-keyframes navload {
  0% {-moz-transform:translate(500px, 0px)}
  100%   {-moz-transform:translate(0px, 0px)}
}

@-ms-keyframes navload {
  0% {-ms-transform:translate(500px, 0px)}
  100%   {-ms-transform:translate(0px, 0px)}
}

@-o-keyframes navload {
  0% {-o-transform:translate(500px, 0px)}
  100%   {-o-transform:translate(0px, 0px)}
}

@keyframes navload {
  0% {transform:translate(500px, 0px)}
  100%   {transform:translate(0px, 0px)}
}

@-webkit-keyframes iconhome {
 	0% {-webkit-transform:translate(0px, 500px)}
	50% {-webkit-transform:translate(0px, 500px)} 
 	100%   {-webkit-transform:translate(0px, 0px)}
}

@-moz-keyframes iconhome {
 	0% {-webkit-transform:translate(0px, 500px)}
	50% {-webkit-transform:translate(0px, 500px)} 
 	100%   {-webkit-transform:translate(0px, 0px)}
}

@-ms-keyframes iconhome {
 	0% {-webkit-transform:translate(0px, 500px)}
	50% {-webkit-transform:translate(0px, 500px)} 
 	100%   {-webkit-transform:translate(0px, 0px)}
}

@-o-keyframes iconhome {
 	0% {-webkit-transform:translate(0px, 500px)}
	50% {-webkit-transform:translate(0px, 500px)} 
 	100%   {-webkit-transform:translate(0px, 0px)}
}

@keyframes iconhome {
 	0% {-webkit-transform:translate(0px, 500px)}
	50% {-webkit-transform:translate(0px, 500px)} 
 	100%   {-webkit-transform:translate(0px, 0px)}
}

@-webkit-keyframes mailload {
  0% {opacity:0}
  60% {opacity:0}
  100% {opacity:1}
}

@-moz-keyframes mailload {
  0% {opacity:0}
  60% {opacity:0}
  100% {opacity:1}
}

@-ms-keyframes mailload {
  0% {opacity:0}
  60% {opacity:0}
  100% {opacity:1}
}

@-o-keyframes mailload {
  0% {opacity:0}
  60% {opacity:0}
  100% {opacity:1}
}

@keyframes mailload {
  0% {opacity:0}
  60% {opacity:0}
  100% {opacity:1}
}

/* DEFINE TEXT CSS */

h1 {
	font-family:'Tangerine', cursive;
	font-size: 18px;
	color:#222222;
	text-align:center;
	line-height:100%;
}

h2 {
	font-family:Tangerine, cursive;
	font-size: 18px;
	color:#222222;
	text-align:center;
	line-height:120%;
}

h3 {
	font-family:Tangerine, cursive;
	font-size: 18px;
	color:#222222;
	text-align:center;
	line-height:120%;
}

h4 {
	font-size: 16px;
	color:#222222;
}

h5 {
	font-size: 14px;
	color:#222222;
}
h6 {
	font-size: 14px;
	color:#222222;
}

.text {
	font-family:Open Sans, sans-serif;
	text-align: justify;
	color:#222222;
}

.textalt {
	font-size: 1000%;
	font-family: Tangerine, cursive;
	text-align: left;
	color: #222222;
}

.textaltlogo {
	font-size: 100%;
	font-family:Tangerine, cursive;
	text-align: left;
	color:#ffffff;
}

.textalt1 {
	font-size: 400%;
	font-family:Tangerine, cursive;
	text-align: left;
	color:#ffffff;
}

.textalt2 {
	font-size: 160%;
	font-family:Open Sans, sans-serif;
	text-align: left;
	color: #222222;
}

.textalt2w {
	font-size: 160%;
	font-family: Open Sans, sans-serif;
	text-align: center;
	color: #ffffff;
}

.textalt2w:hover {
	color: #D4AF37;
}

.textalt3 {
	font-size: 110%;
	font-family: Open Sans, sans-serif;
	text-align: left;
	color: #222222;
}

.textalt3w {
	font-size: 110%;
	font-family: Open Sans, sans-serif;
	text-align: center;
	color: #ffffff;
}

.textalt3w:hover {
	color: #D4AF37;
}

.textalt4 {
	font-family: Open Sans, sans-serif;
	text-align: justify;
	color: #222222;
}

.textalt5 {
	font-size: 120%;
	font-family: Open Sans, sans-serif;
	text-align: center;
	color: #222222;
}

.headalt {
	font-size: 1000%;
	font-family:Tangerine, cursive;
	text-align: center;
	color: #222222;
	text-decoration: none;
}

.headalt1 {
	font-size: 300%;
	font-family:'Tangerine', cursive;
	text-align: center;
	color: #222222;
	text-decoration: none;
}

.maptext {
/*	font-size: medium;*/
	font-family: Open Sans, sans-serif;
	color: #222222;
	text-align: center;
}

.maptextalt {
	font-size: medium;
	font-family: Open Sans, sans-serif;
	color: #ffffff;
	text-align: center;
}

.maptextalt1 {
	font-size: x-small;
	font-family: Open Sans, sans-serif;
	color: #ffffff;
	text-align: center;
}

/* IMAGES CSS */

.imagehome{
	width:100%;
	height:100%;
	display:block;
	margin:0 auto;

}

/* SELECTORS CSS */

a:link {
	color: #ffffff;
	text-decoration:none
	}      /* unvisited link */
	
a:visited {
	color: #dddddd;
	text-decoration:none
	}  /* visited link */
	
a:hover {
	color: #D4AF37;
	text-decoration:none
	}  /* mouse over link */
	
a:active {
	color: #D4AF37;
	text-decoration:none
	}  /* selected link */

a.altnav:link {
	color: #D4AF37;
	text-decoration:none
	}      /* unvisited link */
	
a.altnav:visited {
	color: #dddddd;
	text-decoration:none
	}  /* visited link */
	
a.altnav:hover {
	color: #D4AF37;
	text-decoration:none
	}  /* mouse over link */
	
a.altnav:active {
	color: #D4AF37;
	text-decoration:none
	}  /* selected link */


/* LAYOUT */

#L1wraphome {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	margin: auto;
	left: auto;
	top: auto;
}

.L2sectheadhome {
	position: relative;
	width:100%;
	height:100%;
	z-index:2;
}

.L2sectsite {
	position: fixed;
	width: 100%;
	height:10px;
	bottom: 1%;
	z-index:150;
}

#L3headhomehold {
	width:72%;
	height:auto;
	top: 12%;
	left: 0%;
	position: fixed;
}

#headerhome {
	position:relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	left:12%;
	z-index: 3;
	-webkit-animation: mailload 0.4s;
	-moz-animation: mailload 0.4s;
	-ms-animation: mailload 0.4s;
	-o-animation: mailload 0.4s;
	animation: mailload 0.4s;
}

#homenavpos{
	position:fixed;
	height:100%;
	width:28%;
	left:72%;
	z-index: 10;
	background-color:#222222;
	-webkit-animation: navload 1s;
	-moz-animation: navload 1s;
	-ms-animation: navload 1s;
	-o-animation: navload 1s;
	animation: navload 1s;
}


#homenave {
	width: 82%;
	height: auto;
	margin: 0 auto;
	position: relative;
	top: 9%;
	left: auto;
	z-index: 4;
	background-color: #222222;
}


#slideshowhome {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	margin: 0 auto;
}

#L3socialhomehold {
	width:72%;
	height:auto;
	bottom: 5%;
	left: 0%;
	position: fixed;
}

#socialwraphome {
	width: 650px;
	height: 50px;
	position: relative;
	z-index: 3;
/*	margin: 0 auto;*/
	left:12.5%;	
}

.socialiconhome {
	padding:0px;
	position: relative;
	float:left;
	margin-right:24px;
	margin-bottom:24px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	z-index: 5;
}

.socialiconhome:hover {
	background-color: #D4AF37;
}

#iconhold01home{
	-webkit-animation:iconhome 1.3s;
  	-moz-animation:iconhome 1.3s;
  	-ms-animation:iconhome 1.3s;
  	-o-animation:iconhome 1.3s;
  	animation:iconhome 1.3s;
	}
	
#iconhold02home{
	-webkit-animation:iconhome 1.6s;
  	-moz-animation:iconhome 1.6s;
  	-ms-animation:iconhome 1.6s;
  	-o-animation:iconhome 1.6s;
  	animation:iconhome 1.6s;
	}	


#iconhold03home{
	-webkit-animation:iconhome 1.9s;
  	-moz-animation:iconhome 1.9s;
  	-ms-animation:iconhome 1.9s;
  	-o-animation:iconhome 1.9s;
  	animation:iconhome 1.9s;
	}	

#iconhold04home{
	-webkit-animation:iconhome 2.2s;
  	-moz-animation:iconhome 2.2s;
  	-ms-animation:iconhome 2.2s;
  	-o-animation:iconhome 2.2s;
  	animation:iconhome 2.2s;
	}
	
#iconhold05home{
	-webkit-animation:iconhome 2.5s;
  	-moz-animation:iconhome 2.5s;
  	-ms-animation:iconhome 2.5s;
  	-o-animation:iconhome 2.5s;
  	animation:iconhome 2.5s;
	}			

#iconhold06home{
	-webkit-animation:iconhome 2.8s;
  	-moz-animation:iconhome 2.8s;
  	-ms-animation:iconhome 2.8s;
  	-o-animation:iconhome 2.8s;
  	animation:iconhome 2.8s;
	}	

#iconhold07home{
	-webkit-animation:iconhome 3.1s;
  	-moz-animation:iconhome 3.1s;
  	-ms-animation:iconhome 3.1s;
  	-o-animation:iconhome 3.1s;
  	animation:iconhome 3.1s;
	}
	
#iconhold08home{
	-webkit-animation:iconhome 3.4s;
  	-moz-animation:iconhome 3.4s;
  	-ms-animation:iconhome 3.4s;
  	-o-animation:iconhome 3.4s;
  	animation:iconhome 3.4s;
	}
	
#iconhold09home{
	-webkit-animation:iconhome 3.7s;
  	-moz-animation:iconhome 3.7s;
  	-ms-animation:iconhome 3.7s;
  	-o-animation:iconhome 3.7s;
  	animation:iconhome 3.7s;
	}					

#slidesmall {
	width: 91%;
	height: auto;
	position: absolute;
	margin: auto;
	left: 4.5%;
	bottom: 18%;
	z-index: 5;
/*	background-color: #222222;
*/	-webkit-animation: mailload 4s;
	-moz-animation: mailload 4s;
	-ms-animation: mailload 4s;
	-o-animation: mailload 4s;
	animation: mailload 4s;
}

.slideshowimage{
	max-width:100%;
}

#mailwrap {
	width: 100%;
	height: 73px;
	position: absolute;
	margin: auto;
	bottom: 6%;
	z-index: 5;
/*	background-color: #222222;*/
	-webkit-animation: mailload 5s;
	-moz-animation: mailload 5s;
	-ms-animation: mailload 5s;
	-o-animation: mailload 5s;
	animation: mailload 5s;
}
.mailiconhome {
	padding:0px;
	margin:0 auto;
	position: relative;
	width: 72px;
	height: 72px;
	z-index: 6;
	border-radius: 50%;
}

.mailiconhome:hover {
	background-color: #D4AF37;
}


.L3holdcopyw{
	width: 100%;
	height:10px;
	position:fixed;
	bottom: 1%;
	z-index: 150;
/*	-webkit-animation: mailload 7s;
	-moz-animation: mailload 7s;
	-ms-animation: mailload 7s;
	-o-animation: mailload 7s;
	animation: mailload 7s;*/
	}




/* Mobile Layout: 480px and below. Inherits styles from: Global Layout. */

@media only screen and (max-width:480px) {
	
.textalt {
	font-size: 300%;
}

.textalt2w {
	font-size: 100%;
}

.textalt3w {
	font-size: 70%;
}

.textalt4 {
	font-size: 80%;
}

.textalt5 {
	font-size: 80%;
}

#socialwraphome {
	width: 192px;
	height: auto;
}

.socialiconhome {
	margin-right:16px;
	margin-bottom:16px;
	width: 48px;
	height: 48px;
}

}	

/* Tablet Layout: 481px to 768px. Inherits styles from: Global and Mobile Layout. */

@media only screen and (min-width:481px) and (max-width:768px) {

.textalt {
	font-size: 300%;
}

.textalt2w {
	font-size: 100%;
}

.textalt3w {
	font-size: 70%;
}

.textalt4 {
	font-size: 80%;
}

.textalt5 {
	font-size: 80%;
}

#socialwraphome {
	width: 192px;
	height: auto;
}

.socialiconhome {
	margin-right:16px;
	margin-bottom:16px;
	width: 48px;
	height: 48px;
}

}	
	
/* Tablet and Laptop Layout: 769px to a max of 1232px.  Inherits styles from: Global, Mobile and Tablet Layouts. */

@media only screen and (min-width:769px) and (max-width:992px) {

.textalt {
	font-size: 450%;
}

.textalt2w {
	font-size: 100%;
}

.textalt3w {
	font-size: 70%;
}

.textalt4 {
	font-size: 90%;
}

.textalt5 {
	font-size: 90%;
}


#socialwraphome {
	width: 192px;
	height: auto;
}

#mailwrap {
	bottom: 9%;
	left: auto;
	margin:0 auto;
}

.socialiconhome {
	margin-right:16px;
	margin-bottom:16px;
	width: 48px;
	height: 48px;
}

}

/* Tablet and Laptop Layout: 769px to a max of 1232px.  Inherits styles from: Global, Mobile and Tablet Layouts. */

@media only screen and (min-width:993px) and (max-width:1232px) {
	
.textalt {
	font-size: 600%;
}

.textalt2w {
	font-size: 120%;
}

.textalt3w {
	font-size: 80%;
}

.textalt4 {
	font-size: 90%;
}

.textalt5 {
	font-size: 90%;
}

#socialwraphome {
	width: 205px;
	height: auto;
}


.socialiconhome {
	margin-right:20px;
	margin-bottom:20px;
	width: 48px;
	height: 48px;
}

}

/* Desktop Layout: Greater than 1233px.  Inherits styles from: Global, Mobile and Tablet Layouts. */

@media only screen and (min-width:1233px) {


}


@media print {
	 


 }