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

h1 { color:#626469; font-family:"arial"; font-size:18; font-weight:normal; margin:0; padding:0; }
h2 { color:#626469; font-family:"arial"; font-size:16; font-weight:normal; margin:0; padding:0; }
h3 { color:#626469; font-family:"arial"; font-size:14; font-weight:normal; margin:0; padding:0; }
h4 { color:#626469; font-family:"arial"; font-size:11; 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 {
		display:none;
			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 {
		display:none;
			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);
	background-size: 100%;
	width:70;
	height:72;
	background-repeat:no-repeat;
	margin-left:10; 
	margin-top:20;
	z-index:1000;
}

.header {
	background-image:url(images/stars_01.png);
	width:480;
	height:120;
	margin-top:0;
}

.header_background {
	background: url(images/sky_01.png);
	background-repeat:no-repeat;
	background-size:480 120;
	background-color:#ffffff; 
	width:480; 
	height:120; 
}

.main_title {
	position:absolute; 
	margin-left:90; 
	margin-top:45;
	background-image:url(images/jonathan_robadue_36px_01.png);
	background-size:100%;
	background-repeat:no-repeat;
	width:330;
}


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

.personBox_mobile_320 {
	display:block;
	height:20; 
	width:100; 
	position:absolute; 
	margin-top:110;	
	margin-left:280;
	z-index:4;
}

.main_clouds {
	position:absolute;
	z-index:3;
	background-image:url(images/main_clouds_cropped_01.png);
	background-size:340;
	background-repeat:no-repeat;
	width:380; 
	margin-left:85;
	margin-top:-52;
}

.green_bar {
	display:none;
	position:absolute;
	background-image:url(images/green_bar_01.png);
	background-size:480 30;
	background-repeat:no-repeat;
	z-index:3; 
	margin-left:auto; 
	margin-right:auto; 
	height:30;
	margin-top:-151;
}

.green_bar_repeater {
	position:absolute;
	z-index:2;
	background-image:url('images/green_bar_footer_01.png'); 
	height:10; 
	width:480;
	margin-top:0;
}

.block_01 {
	background-image:url('images/block_01_background_01.png');
	z-index:1;
	position:absolute;
	margin-top:0;
	border:solid 0px green;
	width:480;
	height:380;
	background-size:480 300; 
	background-repeat:no-repeat;
}

.bubble {
	z-index:1;
	position:absolute; 
	margin-top:30; 
	margin-left:20; 
	background-color:#ffffff;
	padding:10px; 
	width:420; 
	height:90;
	border:solid 1px #cccccc; 
	border-radius:10;
	box-shadow: 0px 3px 10px #999999;
	background: rgba(255, 255, 255, 0.8);
}

.side_arrow {
	display:none;
	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 {
	position:absolute;
	margin-top:0;
	border-bottom:solid 1px #cccccc;
/*	background-color:#f4f4f4; */
	width:480;
	height:340;
}

.navBox1 {
	z-index:5;
	position:absolute; margin-left:20; margin-top:160;
	background-image:url(images/block_01_box_01_01.png);
	background-repeat:no-repeat;
	height:150;
	width:140;
	background-size:100%;
}

.navBox2 {
	z-index:5;
	position:absolute; margin-left:170; margin-top:160;
	background-image:url(images/block_01_box_02_01.png);
	background-repeat:no-repeat;
	height:150;
	width:140;
	background-size:100%;
}

.navBox3 {
	z-index:5;
	position:absolute; margin-left:320; margin-top:160;
	background-image:url(images/block_01_box_03_01.png);
	background-repeat:no-repeat;
	height:150;
	width:140;
	background-size:100%;
}

.navBoxText1 {
	z-index:1;
	position:absolute; margin-left:40; margin-top:310;
}

.navBoxText2 {
	z-index:1;
	position:absolute; margin-left:200; margin-top:310;	
}

.navBoxText3 {
	z-index:1;
	position:absolute; margin-left:350; margin-top:310;	
}

.block_02_title {
	position:absolute; margin-top:20; margin-left:20; color:#4fa600; font-size:18;
}

.block_02 {
/*	background-image:url('images/block_02_background_01.png'); */
	border:solid 1px #ffffff;
	margin-top:340;
	width:480;
	height:568; 
	background-size:480;
	background-repeat:no-repeat; 
	background-position:left;	
}

.block_02_main_image {
	display:none;
	margin-left:-710;
	background-image:url(images/block_02_main_image_02.png); 
	height:700;
	background-repeat:no-repeat;
}

.block_02_mobile_320 {
	display:none;
	margin-left:10;
	margin-top:50;
	height:500;
	width:280;
	background-image:url(images/my_vision_01D-diagram.png);
	background-repeat:no-repeat;
	background-size:100%;
}

.block_02_mobile_480 {
	display:block;
}


.focusArea img {
	display:none;
	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 {
	display:none;
	-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 {
	display:none;
	text-align:center; 
	margin-top:10; 
	color:#4fa600; 
	font-size:18;
}

.block_03_mobile_320 {
	display:block;
	background-image:url(images/block_03_background_01.png);
	background-repeat:no-repeat;
	background-size:480 568;
	width:480;
	height:568;
}

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

.block_03_title {
	position:absolute; margin-top:20; margin-left:20; color:#ffffff; font-size:18;
}

.block_03_wrapper {
	display:none;
	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 {
	background-image:url(images/Sample_14-IA_01.png);
	background-repeat:no-repeat;
	background-size:200;
	display:block;
	position:absolute; 
	margin-top:60; 
	margin-left:20;
	width:200;
	height:200;
	border:solid 1px #999999;
	box-shadow: 0px 5px 5px #666666;
}

.block_03_item_02 {
	background-image:url(images/Sample_15-wireframes_01.png);
	background-repeat:no-repeat;
	background-size:200;
	display:block;
	position:absolute; 
	margin-top:60; 
	margin-left:250;
	width:200;
	height:200;
	border:solid 1px #999999; 
	box-shadow: 0px 5px 5px #666666;
}

.block_03_item_03 {
	background-image:url(images/Sample_13-Axure_interactivity_01.png);
	background-repeat:no-repeat;
	background-size:140%;
	display:block;
	position:absolute; 
	margin-top:310; 
	margin-left:20;
	width:200;
	height:200;
	border:solid 1px #999999;
	box-shadow: 0px 5px 5px #666666;
}

.block_03_item_04 {
	background-image:url(images/Sample_02-01B_04.png);
	background-repeat:no-repeat;
	background-size:200;
	display:block;
	position:absolute; 
	margin-top:310; 
	margin-left:250;
	width:200;
	height:200;
	border:solid 1px #999999;
	box-shadow: 0px 5px 5px #666666;
}

.block_03_item_01_caption {
	position:absolute; margin-top:270; margin-left:20; color:#ffffff; font-size:14;
}

.block_03_item_02_caption {
	position:absolute; margin-top:270; margin-left:250; color:#ffffff; font-size:14;
}

.block_03_item_03_caption {
	position:absolute; margin-top:520; margin-left:20; color:#ffffff; font-size:14;
}

.block_03_item_04_caption {
	position:absolute; margin-top:520; margin-left:250; color:#ffffff; font-size:14;
}

.block_03_magnify {
	background-image:url(images/image_magnify_corner_01.png); 
	position:absolute; margin-left:155; margin-top:155;
	background-size:100%;
	width:50;
	height:50;
	z-index:6;
}

.block_04_title {
	position:absolute; margin-top:20; margin-left:20; color:#4fa600; font-size:18;
}

.block_04 {
	display:none;
	width:320; 
	background-color:#ffffff;
	border:solid 1px #ffffff;
}

.block_04_mobile_320 {
	display:block;
	width:480;
	height:480;
}

.block_04_mobile_item_01 {
	border:solid 1px #cccccc; width:130; height:130; position:absolute; margin-left:20; margin-top:60; background-image:url(images/Thumbnail_01-my_vision_01D.png);
	background-repeat:no-repeat; background-size:140%;
}

.block_04_mobile_item_02 {
	border:solid 1px #cccccc; width:130; height:130; position:absolute; margin-left:175; margin-top:60; background-image:url(images/Thumbnail_02-01B_04.png);
	background-repeat:no-repeat; background-size:140%;
}

.block_04_mobile_item_03 {
	border:solid 1px #cccccc; width:130; height:130; position:absolute; margin-left:330; margin-top:60; background-image:url(images/Thumbnail_03-PRM_blue_concepts_01.png);
	background-repeat:no-repeat; background-size:140%;
}

.block_04_mobile_item_04 {
	border:solid 1px #cccccc; width:130; height:130; position:absolute; margin-left:20; margin-top:215; background-image:url(images/Thumbnail_04-SETV_01.png);
	background-repeat:no-repeat; background-size:140%;
}

.block_04_mobile_item_05 {
	border:solid 1px #cccccc; width:130; height:130; position:absolute; margin-left:175; margin-top:215; background-image:url(images/Thumbnail_05-Mobile_Reseller_Locator_01.png);
	background-repeat:no-repeat; background-size:140%;
}

.block_04_mobile_item_06 {
	border:solid 1px #cccccc; width:130; height:130; position:absolute; margin-left:330; margin-top:215; background-image:url(images/Thumbnail_09-Efficiency_Quotient_Tool_01.png);
	background-repeat:no-repeat; background-size:140%;
}

.block_04_mobile_item_07 {
	border:solid 1px #cccccc; width:130; height:130; position:absolute; margin-left:20; margin-top:370; background-image:url(images/Thumbnail_12-Partner_Home_01.png);
	background-repeat:no-repeat; background-size:140%;
}

.block_04_mobile_item_08 {
	border:solid 1px #cccccc; width:130; height:130; position:absolute; margin-left:175; margin-top:370; background-image:url(images/Thumbnail_08-SE_banners_01B-option_1.png);
	background-repeat:no-repeat; background-size:140%;
}

.block_04_mobile_item_09 {
	border:solid 1px #cccccc; width:130; height:130; position:absolute; margin-left:330; margin-top:370; background-image:url(images/Thumbnail_10-icon_02-JR1-O2.png);
	background-repeat:no-repeat; background-size:140%;
}

.block_04_mobile_item_10 {
	border:solid 1px #cccccc; width:130; height:130; position:absolute; margin-left:20; margin-top:525; background-image:url(images/Thumbnail_11-EC-Mockup_gantt_chart_01.png);
	background-repeat:no-repeat; background-size:140%;
}

.block_04_mobile_item_11 {
	border:solid 1px #cccccc; width:130; height:130; position:absolute; margin-left:175; margin-top:525; background-image:url(images/Thumbnail_06-Vrooom_01.png);
	background-repeat:no-repeat; background-size:140%;
}

.block_04_mobile_item_12 {
	border:solid 1px #cccccc; width:130; height:130; position:absolute; margin-left:330; margin-top:525; background-image:url(images/Thumbnail_07-Soundtrack_of_a_Life_01.png);
	background-repeat:no-repeat; background-size:140%;
}

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

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


/*GROW*/
.grow img {
	display:none;
}
 
.grow img:hover {
	display:none;
}

.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;
}