*{
	padding:0px;
	margin:0px;
	outline:none;
}

@font-face {
	font-family: Junction;
	src: url('../Junction.otf');
}

@font-face {
	font-family: Chunk;
	src: url('../Chunkfive.otf');
}


html, body{
	min-height: 100%;
	height: 100%;
	font-size: 12pt;
}


body{	

	background:#d1bcd4 url(../images/topstripbg.jpg) top center repeat-x;			
	background:#d1bcd4 -webkit-gradient(linear, center top, center bottom, from(#A695A5), to(#CFBCD0), color-stop(0.25, #BDAABE)) no-repeat;		
	background:#d1bcd4 -moz-linear-gradient(top, #A695A5, #BDAABE 25%, #CFBCD0) no-repeat;				
							
	
	

/*width, height*/

/*	Forgot why I need these:
	-webkit-background-origin: padding-box;
	-webkit-background-clip: content-box;	*/
 /*background-size: 800px 200px, 100% 100%, auto auto;  w3c spec */
   /*-moz-background-size: 800px 200px, 100% 100%, auto auto;  firefox css*/
 /*   -webkit-background-size:  30px 100%, 1304px 1024px,50px 100%; safari/chrome */
   /*-o-background-size: 800px 200px, 100% 100%, auto auto; /* opera css */ 
	
}

h1{
		color:#287ea6;
		font-family: Junction, sans-serif; 	
		font-size: 1.4em;
		text-shadow: 1px 2px 5px #fff;
		letter-spacing:-1px;
		margin-bottom:10px;
}

h1:nth-child(even){
	padding-top: 30px !important;
	clear:both;
}

p{
	font-size: 0.8em;
	line-height: 1.6;
	font-family:Tahoma, Geneva, sans-serif;
	margin-bottom: 10px;
}

p a{
 font-family: Chunk, sans-serif; 	
 color:#6DC754;
 text-decoration:none;
	padding:3px;
 background-color: rgba(255,239,95,0.2);
 
}

p a:hover{
	color: #fff;
	 background-color: rgba(255,239,95,0.5);
	 	 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; 
}

p.largerText{
	font-size: 18px;	
}

a img{
	border:0px;	
}

a[rel~=external]:after { 
	font-weight:bold;
	content:"+";
	vertical-align:super;
	line-height:0.8;
}


section, header, nav{
	display:block;	
}

.logo{
	position:relative;
	left: 320px;
	top: -60px;
}

div#container{
		background: url(../images/imgbg.jpg) top center no-repeat;
		min-height: 600px;
		height:100%;
		width: 1304px;
		margin:auto;
		padding-top: 300px;

}


#myContent{
	width: 700px;
	margin:auto;
	


}

nav{
	font-family: Junction, sans-serif; 	
	font-size: 0.9em;
	float:left;
	margin-left: 200px;
	width: 150px;
	margin-right: 30px;
	height: 100%;
	background:url(../images/navline.png) top left no-repeat;
	padding-top: 15px;
}


nav ul, nav ul li{
	list-style:none;
	padding-left:0px;
	list-style-position:inside;

}


nav li{
	margin-bottom:10px;	
		margin-left:-15px;
}

nav li a{
	text-decoration:none;
	display:block;
	color:white;
	text-shadow: 2px 2px 8px #5c4f53;
	min-height: 40px;

	width: 200px;
	padding-left:45px;
	padding-top: 15px;
	margin-bottom: -10px;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-transition: all 1s linear;
 	-o-transition: all 1s linear;
 
	
}

nav li a:hover{
	background:url(../images/highlight.png) 0px 0px  no-repeat;	
	color:#277EA6;

}

nav ul:first-child{
	margin-top:-35px;	
}


@-webkit-keyframes move{ /*for moving cloud */
	0%{
		margin-left: -30px;
	}
	50%{
		margin-left: 0px;
	}	
	100%{
		margin-left: -30px;
	}
	
}

a.contactBtn{
	background:url(../images/contact-btn.png) no-repeat;
	width: 162px;
	height: 109px;
	display:block;
	padding-top:48px;
	padding-left:55px;
	
	position:relative;
	top:-200px;
	left: 830px;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
  margin-bottom: -110px;

	-webkit-animation-name: move;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 10s;
  	-webkit-animation-direction: alternate;
 	-webkit-animation-timing-function: ease-in-out;

  
}

a.contactBtn:hover{
	opacity:0.5;
}
a.contactBtn span{
	display:none;
}

@-webkit-keyframes floating{
	0%{
		margin-top:30px;

	}
	
	30%{
		margin-top: 26px;

	}
	
	50%{
		margin-top: 28px;

	}
	
	70%{
		margin-top: 26px;

	}
	
	100%{
		margin-top:30px;

	}
}

.cloudgirl{
	margin-left:-25px;	
	margin-top: 30px;

	
	-webkit-animation-name: floating;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 4s;
  	-webkit-animation-direction: alternate;
 	-webkit-animation-timing-function: ease-in-out;
}

.mainFooter{
	display:block;
	width: 100%;
	height: 235px;
	background:url(../images/footerimage.png) center no-repeat;
	padding:160px 0px 0px 200px;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	font-size: 0.6em;
	color:#9A93AC;
}

p em{
	color:	#287EA6;
	
}

article{
	overflow:auto;	
	display:block;
}

.piccorner{	
	-moz-border-image: url(../images/border.png) 2 4 2 4 stretch stretch;
	-webkit-border-image: url(../images/border.png) 2 4 2 4 stretch stretch;
		
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	width:301px;
	height: 188px;
	margin-left: 5px;
	padding:6px 6px 7px 6px;
	
	float:left;
}

.piccorner a img:hover{
	opacity: 0.2;	
}

.vidcorner{
	-moz-border-image: url(../images/border2.png) 2 4 2 4 stretch stretch;
	-webkit-border-image: url(../images/border2.png) 2 4 2 4 stretch stretch;
		
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	width:355px;
	height: 290px;
	margin-left: 5px;
	padding:16px 10px 15px 14px;

	float:left;
}

.vidcorner p{
	font-size: 11px;
	color:white;
	padding-left:5px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
}

.vidcorner p a{
	color:white;
	font-family:Verdana, Geneva, sans-serif;
}


div.ppt{
	margin-top: -8px !important;
	font-family:Junction;
	font-size: 15px !important;

}

div.ppt a{
	background-color: rgba(207,188,208,0.8);
	color:#FFEF5F;
	text-decoration:none;
	padding:2px;
}


p.heartshape{
	font-family: Junction;	
	font-size: 18px;
	color:#000;
	display:block;
	height: 60px;
}

p.heartshape b{
	padding-left: 40px;
	font-weight:normal;
}

p.heartshape:before{
	content:"";
	display:block;
	position:relative;
	left: 175px;
	margin-left:-160px;
	
	
   float:left;

   width: 30px;
   height: 20px;

   background:#F5F1F3;

   -moz-transform:rotate(45deg);
   -webkit-transform:rotate(45deg);
   -o-transform:rotate(45deg);
   transform:rotate(45deg);

   -moz-border-radius:30px 0 0 40px;
   -webkit-border-top-left-radius:25px;
   -webkit-border-bottom-left-radius:30px;
   border-radius:25px 0 0 30px;
}


p.heartshape:after {
	
   content:" ";
	display:block;
	float:left;
	position:relative;
	top:-3px;	
	left:80px;
	margin-left:-48px;	

   width: 20px;
   height: 18px;

   background:#F5F1F3;

   -moz-transform:rotate(-45deg);
   -webkit-transform:rotate(-45deg);
   -o-transform:rotate(-45deg);
   transform:rotate(-45deg);

   -moz-border-radius:0 30px 35px 0;
   -webkit-border-top-right-radius:25px;
   -webkit-border-bottom-right-radius:30px;
   border-radius:0 25px 30px 0;
}