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


/* ------------- Content Page Styles ---------- */


/* ------ copy elements ---------- */

hr{
	margin:1em 0 0 0;
}

.bottomPadding {
	padding-bottom:30px;
}


/* ---------- structural elements -------- */

.alignmentContainerContent{
	position:relative;
	float:right;
	margin: 10% 20% 0 0;
	min-width:250px;
	max-width:400px;
	z-index:4;
	text-align:left;
	vertical-align:middle;
	-webkit-opacity: 0;
  	-moz-opacity: 0;
  	opacity: 0;
	/* Tansitions work as follows:
	property | time animation takes | delay | animation easing type 
	*/
	-webkit-transition: opacity 2s 1s ease;  
  	-moz-transition: opacity 2s 1s ease;
  	-ms-transition: opacity 2s 1s ease;
  	-o-transition: opacity 2s 1s ease;
  	transition: opacity 2s 1s ease;
}

#body.loaded .alignmentContainerContent{
  	opacity: 1;
}

.adrianJulesLogoHome{
	background-position:left;
}

.logoContent{
	position:relative;
	float:left;
	clear:left;
	margin: 6em 0 3em 0;
	min-width:240px;
	min-height:3em;
}


.contentContainer{
	max-width:400px;
	padding:5em 0 0 0;
	background-color:rgba(255,255,255,0.5);
	padding:13px;
}


.ContentTopImage1{
	position:fixed;
	top:0;
	left:15%;
	min-height:1190px;
	width:100%;
	z-index:3;
	background-color:transparent;
	background-image:url(../img/Content_Top_Image_1.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-attachment:scroll;
	-webkit-background-size:contain;
	  -moz-background-size:contain;
	  -o-background-size:contain;
	  background-size:contain;
	  -webkit-opacity: 0;
  	-moz-opacity: 0;
  	opacity: 0;
	/* Tansitions work as follows:
	property | time animation takes | delay | animation easing type 
	*/
	-webkit-transition: opacity 2s 1s ease;  
  	-moz-transition: opacity 2s 1s ease;
  	-ms-transition: opacity 2s 1s ease;
  	-o-transition: opacity 2s 1s ease;
  	transition: opacity 2s 1s ease;
}


.ContentTopImage1.img2{
	background-image:url(../img/Content_Top_Image_2.png);
}

.ContentTopImage1.img3{
	background-image:url(../img/Content_Top_Image_3.png);
}

.ContentTopImage1.img4{
	background-image:url(../img/Content_Top_Image_4.png);
}


#body.loaded .ContentTopImage1{
  	opacity: 1;
}