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:50;
	height:52;
	background-repeat:no-repeat;
	margin-left:10; 
	margin-top:20;
	z-index:1000;
}

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

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

}

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


.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:180;
	z-index:4;
}

.main_clouds {
	position:absolute;
	z-index:3;
	background-image:url(images/main_clouds_cropped_01.png);
	background-size:320;
	background-repeat:no-repeat;
	width:320; 
	height:285;
	margin-top:-50;
	margin-left:0;
}

.green_bar {
	display:none;
	position:absolute;
	background-image:url(images/green_bar_01.png);
	background-size:320 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:320;
	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:320;
	height:270;
	background-size:320 270; 
	background-repeat:no-repeat;
}

.bubble {
	z-index:1;
	position:absolute; 
	margin-top:15; 
	margin-left:10; 
	background-color:#ffffff;
	padding:5px; 
	width:280; 
	height:110;
	border:solid 0px green; 
	border-radius:0;
	box-shadow: 0px 0px 0px #ffffff;
	background: rgba(255, 255, 255, 0.0);
}

.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:320;
	height:260;
}

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

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

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

.navBoxText1 {
	z-index:1;
	position:absolute; margin-left:10; margin-top:235;
}

.navBoxText2 {
	z-index:1;
	position:absolute; margin-left:115; margin-top:235;	
}

.navBoxText3 {
	z-index:1;
	position:absolute; margin-left:215; margin-top:235;	
}

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

.block_02 {
//	background-image:url('images/block_02_background_01.png'); 
	border:solid 1px #ffffff;
	margin-top:260;
	width:320;
	height:568; 
	background-size:320px;
	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:block;
	margin-left:20;
	margin-top:50;
	height:500;
	width:280;
	background-image:url(images/my_vision_01D-diagram_02.png);
	background-repeat:no-repeat;
	background-size:100%;
}

.block_02_mobile_480 {
	display:none;
}

.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:320 568;
	width:320;
	height:568;
}

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

.block_03_title {
	position:absolute; margin-top:20; margin-left:10; 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:260;
	display:block;
	position:absolute; 
	margin-top:60; 
	margin-left:30;
	width:260;
	height:90;
	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:260;
	display:block;
	position:absolute; 
	margin-top:185; 
	margin-left:30;
	width:260;
	height:90;
	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:260;
	display:block;
	position:absolute; 
	margin-top:310; 
	margin-left:30;
	width:260;
	height:90;
	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:260;
	display:block;
	position:absolute; 
	margin-top:435; 
	margin-left:30;
	width:260;
	height:90;
	border:solid 1px #999999;
	box-shadow: 0px 5px 5px #666666;
}

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

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

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

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

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

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

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

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

.block_04_mobile_item_01 {
	border:solid 1px #cccccc; width:90; height:90; position:absolute; margin-left:15; margin-top:60; background-image:url(images/Thumbnail_01-my_vision_01D.png);
}

.block_04_mobile_item_02 {
	border:solid 1px #cccccc; width:90; height:90; position:absolute; margin-left:115; margin-top:60; background-image:url(images/Thumbnail_02-01B_04.png);
}

.block_04_mobile_item_03 {
	border:solid 1px #cccccc; width:90; height:90; position:absolute; margin-left:215; margin-top:60; background-image:url(images/Thumbnail_03-PRM_blue_concepts_01.png);
}

.block_04_mobile_item_04 {
	border:solid 1px #cccccc; width:90; height:90; position:absolute; margin-left:15; margin-top:160; background-image:url(images/Thumbnail_04-SETV_01.png);
}

.block_04_mobile_item_05 {
	border:solid 1px #cccccc; width:90; height:90; position:absolute; margin-left:115; margin-top:160; background-image:url(images/Thumbnail_05-Mobile_Reseller_Locator_01.png);
}

.block_04_mobile_item_06 {
	border:solid 1px #cccccc; width:90; height:90; position:absolute; margin-left:215; margin-top:160; background-image:url(images/Thumbnail_09-Efficiency_Quotient_Tool_01.png);
}

.block_04_mobile_item_07 {
	border:solid 1px #cccccc; width:90; height:90; position:absolute; margin-left:15; margin-top:260; background-image:url(images/Thumbnail_12-Partner_Home_01.png);
}

.block_04_mobile_item_08 {
	border:solid 1px #cccccc; width:90; height:90; position:absolute; margin-left:115; margin-top:260; background-image:url(images/Thumbnail_08-SE_banners_01B-option_1.png);
}

.block_04_mobile_item_09 {
	border:solid 1px #cccccc; width:90; height:90; position:absolute; margin-left:215; margin-top:260; background-image:url(images/Thumbnail_10-icon_02-JR1-O2.png);
}

.block_04_mobile_item_10 {
	border:solid 1px #cccccc; width:90; height:90; position:absolute; margin-left:15; margin-top:360; background-image:url(images/Thumbnail_11-EC-Mockup_gantt_chart_01.png);
}

.block_04_mobile_item_11 {
	border:solid 1px #cccccc; width:90; height:90; position:absolute; margin-left:115; margin-top:360; background-image:url(images/Thumbnail_06-Vrooom_01.png);
}

.block_04_mobile_item_12 {
	border:solid 1px #cccccc; width:90; height:90; position:absolute; margin-left:215; margin-top:360; background-image:url(images/Thumbnail_07-Soundtrack_of_a_Life_01.png);
}


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

.footer_sky {
	background-image:url('images/footer_sky_01.png');
	width:320;
	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;
}