body { 
	font-size: 0.813em;
	font-family: arial, sans-serif; color: #626469;
	background-color:#ffffff;
}

h1 { color:#626469; font-family:"arial"; font-size:24; font-weight:normal; margin:0; padding:0; }
h2 { color:#626469; font-family:"arial"; font-size:18; font-weight:normal; margin:0; padding:0; }
h3 { color:#626469; font-family:"arial"; font-size:16; font-weight:normal; margin:0; padding:0; }
h4 { color:#626469; font-family:"arial"; font-size:14; font-weight:normal; margin:0; padding:0; }

a:link {text-decoration:none; color: #336699;}
a:visited {text-decoration:none; color: #336699;}
a:hover {text-decoration:underline; color: #336699;}
a:active {text-decoration:underline; color: #336699;}

		.floatyCloud img{
			opacity:.15;
			position:absolute;
			animation:myfirst 20s;
			-webkit-animation:myfirst 20s; /* Safari and Chrome */	
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-timing-function: linear;
			-moz-animation:myfirst 20s; /* Firefox */	
			-moz-animation-iteration-count: infinite;
			-moz-animation-timing-function: linear;
			width:618;
			height:414;
		}
		
		.floatyCloud2 img{
			opacity:.25;
			width:100%;
			position:absolute;
			animation:myfirst 10s;
			-webkit-animation:myfirst2 5s; /* Safari and Chrome */	
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-timing-function: linear;
			-webkit-animation-direction: alternate;
			-moz-animation:myfirst2 5s; /* Firefox */	
			-moz-animation-iteration-count: infinite;
			-moz-animation-timing-function: linear;
			-moz-animation-direction: alternate;
		}

.logo {
	position:absolute;
	background-image:url(images/JDR_logo_shadow_01.png);
	width:100;
	height:105; 
	margin-left:50; 
	margin-top:100;
	z-index:1000;
	background-repeat:no-repeat;
}

.header {
	background-image:url(images/stars_01.png);
	width:1200;
	margin-left:auto; 
	margin-right:auto; 
	height:300;
	margin-top:0;
}

.header_background {
	background: url(images/sky_01.png) no-repeat fixed;
	background-color:#ffffff; 
	width:100%; 
	height:300; 
	background-size:cover;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
}

.main_title {
	position:absolute; 
	margin-left:165; 
	margin-top:138;
	background-image:url(images/jonathan_robadue_36px_01.png);
	width:394;
	height:27;
}


.personBox {
	z-index:4;
	position:absolute; 
	width:200; 
	height:50; 
	background-color:#ffffff; 
	border:solid 1px #999999;
	margin-top: 50;
	margin-left: 900;
	background: rgba(255, 255, 255, 0.8);
}

.personBox_mobile_320 {
	display:none;
}

.main_clouds {
	position:absolute;
	z-index:3;
	background-image:url(images/main_clouds_02.png);
	width:1200; 
	margin-left:auto; 
	margin-right:auto; 
	height:285;
	margin-top:-285;
}

.green_bar {
	position:absolute;
	background-image:url(images/green_bar_01.png);
	z-index:3;
	width:1200; 
	margin-left:auto; 
	margin-right:auto; 
	height:30;
	margin-top:0;
}

.green_bar_repeater {
	position:absolute;
	z-index:2;
	background-image:url('images/green_bar_footer_01.png'); 
	height:30; 
	width:100%;
	margin-top:0;
	background-repeat:repeat-x; 
	background-position:center;	
}

.block_01 {
	background-image:url('images/block_01_background_01.png');
	height:200;
	background-repeat:repeat-x;
	background-position:center; 
	margin-top:30;
}


.bubble {
	position:absolute; 
	margin-top:30; 
	margin-left:50; 
	border: solid 1px #cccccc; 
	background-color:#ffffff; 
	padding:10px; 
	width:400; 
	height:100; 
	border-radius:10;
	box-shadow: 0px 3px 15px #cccccc;
}

.side_arrow {
	position:absolute; 
	margin-top:40; 
	margin-left:410;
	height:100;
	width:200;
	z-index:15;
	background-image:url(images/side_arrow_02-long.png);
}

.navigationContainer {
	width:1200; 
	margin-left:auto; 
	margin-right:auto; 
	height:200; 
	margin-top:-200;
}

.navBox1 {
	position:absolute; margin-left:620; margin-top:20;
	background-image:url(images/block_01_box_01_01.png);
	background-repeat:no-repeat;
	height:150;
	width:140;
}

.navBox2 {
	position:absolute; margin-left:790; margin-top:20;
	background-image:url(images/block_01_box_02_01.png);
	background-repeat:no-repeat;
	height:150;
	width:140;
}

.navBox3 {
	position:absolute; margin-left:960; margin-top:20;
	background-image:url(images/block_01_box_03_01.png);
	background-repeat:no-repeat;
	height:150;
	width:140;
}

.navBoxText1 {
	position:absolute; margin-left:640; margin-top:170;	
}

.navBoxText2 {
	position:absolute; margin-left:815; margin-top:170;	
}

.navBoxText3 {
	position:absolute; margin-left:985; margin-top:170;	
}



.block_02 {
	background-image:url('images/block_02_background_01.png'); 
	height:700; 
	width:1200;
	top:500;
	background-repeat:no-repeat; 
	background-position:center;	
	width:1200; 
	margin-left:auto; 
	margin-right:auto;
}

.block_02_title {
	position:absolute; margin-top:35; margin-left:500; color:#4fa600; font-size:36;
}

.block_02_main_image {
	background-position:center; 
	background-image:url(images/block_02_main_image_02.png); 
	height:700; 
	background-repeat:no-repeat;
}

.block_02_mobile_320 {
	display:none;
}

.block_02_mobile_480 {
	display:none;
}

.focusArea img {
	height:220;
	width:220;
  	-webkit-transition: all .5s ease;
     	-moz-transition: all .5s ease;
       	-o-transition: all .5s ease;
      	-ms-transition: all .5s ease;
        transition: all .5s ease;	
}

.focusArea img:hover {
	-webkit-transform:scale(1.4);
	-moz-transform:scale(1.4);
	-o-transform:scale(1.4);
	-ms-transform:scale(1.4);
	transform:scale(1.4);
}

.focusAreaImage {
	text-align:center; 
	margin-top:10; 
	color:#4fa600; 
	font-size:18;
}

.block_03 {
	width:1200; 
	margin-left:auto; 
	margin-right:auto;
}

.block_03_mobile_320 {
	display:none;
}

.block_03_title {
	position:absolute; margin-top:35; margin-left:250; color:#ffffff; font-size:36;
}

.block_03_wrapper {
	background-color:#666666; 
	background-image:url(images/block_03_background_01.png); 
	background-repeat:no-repeat; 
	background-size:cover; 
	height:700; 
	width:100%;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
}

.block_03_item_01 {
	position:absolute; margin-top:220; margin-left:100;
}

.block_03_item_02 {
	position:absolute; margin-top:220; margin-left:360;
}

.block_03_item_03 {
	position:absolute; margin-top:220; margin-left:620;
}

.block_03_item_04 {
	position:absolute; margin-top:220; margin-left:880;
}

.block_03_item_01_caption {
	position:absolute; margin-top:-50; margin-left:15; color:#ffffff; font-size:18;
}

.block_03_item_02_caption {
	position:absolute; margin-top:-50; margin-left:65; color:#ffffff; font-size:18;
}

.block_03_item_03_caption {
	position:absolute; margin-top:-50; margin-left:25; color:#ffffff; font-size:18;
}

.block_03_item_04_caption {
	position:absolute; margin-top:-50; margin-left:75; color:#ffffff; font-size:18;
}

.block_04_title {
	position:absolute; margin-top:35; margin-left:500; color:#4fa600; font-size:36;
}

.block_04 {
	width:1200; 
	margin-left:auto; 
	margin-right:auto;
	background-color:#ffffff;
	border:solid 1px #ffffff;
}

.block_04_mobile_320 {
	display:none;
}


.green_bar_footer {
	background-image:url('images/green_bar_footer_01.png'); 
	height:30; 
	width:100%;
	background-repeat:repeat-x; 
	background-position:center;	
}

.footer_sky {
	background-image:url('images/footer_sky_01.png');
	width:100%;
	height:140;
	background-repeat:no-repeat; 
	background-position:center;	
	background-size:cover;
}


/*GROW*/
.grow img {
	height:360;
	width:220;

	transform:perspective(600px) rotateY(20deg);
	-webkit-transform:perspective(600px) rotateY(20deg); 
	-moz-transform:perspective(600px) rotateY(20deg);

  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;
}
 
.grow img:hover {

	transform:perspective(600px) rotateY(0deg);
	-webkit-transform:perspective(600px) rotateY(0deg); 
	-moz-transform:perspective(600px) rotateY(0deg);

	-webkit-transform:scale(1.4);
	-moz-transform:scale(1.4);
	-o-transform:scale(1.4);
	-ms-transform:scale(1.4);
	transform:scale(1.4);

}

img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;	
}


.go-top {
	position:fixed;
	bottom:0;
	right:60;
	display:none;
	background-image:url(images/back_to_top_03.png);
	width:30;
	height:30;
	background-repeat:no-repeat;
}

.go-top:hover {
	background-image:url(images/back_to_top_03-hover.png);
	width:30;
	height:30;
	background-repeat:no-repeat;
}