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

* { margin: 0; padding: 0 }


noscript p, noscript ol 			{ color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a 							{ color: #a00; text-decoration: underline }
noscript ol 						{ margin-left: 25px; }

a:focus 							{ outline:none }
img 								{ border: 0 }

.stripViewer .panelContainer .panel ul 	{ text-align: left; margin: 0 15px 0 30px; }
.slider-wrap 						{ /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
										margin: 20px 0; position: relative; width: 100%; }

/* These 2 lines specify style applied while slider is loading */
.csw 								{ width: 100%; height: 460px; background: #fff; overflow: scroll }
.csw .loading 						{ margin: 200px 0 300px 0; text-align: center }

/* My own classes */
.section 							{ float: left; padding: 0 0 10px 0; text-align: inherit; width: 960px; }
.section_content					{ float: right; margin: 0; padding: 0; width: 960px }
.section_ee_link					{ float: right; }
.section_featured_image				{ float: left; height: 460px; overflow: hidden; width: 530px }
.section_featured_image_narrow		{ float: left; height: 460px; overflow: hidden; width: 410px }
.section_featured_text				{ float: right; width: 260px }
.section_featured_text_narrow		{ float: right; width: 380px }
.section_header						{ margin: 0 0 12px 0 }
.section_info p						{ font: 14px/22px Georgia, "Times New Roman", Times, serif; margin: 0 0 .5em 0 }
.section_info_narrow p 				{ font: 12px/20px Georgia, "Times New Roman", Times, serif; margin: 0 0 10px 120px; width: 250px }

.section_panel						{ height: 400px; width: 958px }
.section_link						{ font-style: italic; margin: 0 }

.visionrealized						{ background: url("http://images.ejaedesign.com/images/pic/vr_visionrealized.jpg") no-repeat; height: 400px; width: 960px }
.visionrealized_hdr					{ padding-top: 140px }
.visionrealized_link				{ float: right; text-align: right; width: 100px }
.visionrealized_link p				{ color: #ffffff; font: italic 14px/20px Georgia, "Times New Roman", Times, serif; }
.visionrealized_wrap				{ padding: 5px 0 0 0; width: 945px }
.visionrealized_txt					{ float: left; text-align: right; width: 495px }
.visionrealized_txt p 				{ color: #ffffff; font: normal 14px/20px Georgia, "Times New Roman", Times, serif; }

.we_make_small						{ background: url("http://images.ejaedesign.com/images/pic/vr_we_make_small.jpg") no-repeat; height: 440px; width: 970px }
.we_make_small_hdr					{ padding: 70px 0 0 0 }
.we_make_small_pic					{ float: left; }
.we_make_small_txt					{ float: right; padding: 0 40px 0 0; width: 390px }
.we_make_small_summary p			{ color: #ffffff; float: right; font: normal 14px/20px Georgia, "Times New Roman", Times, serif; padding: 5px 0 0 0; text-align: right; width: 340px }
.we_make_small_links				{ color: #ff7559; font-size: 12px; font-style: italic; font-weight: bold;  }
.we_make_small p a					{ color: #d12300 }
.we_make_small p a:link				{ color: #d12300 }
.we_make_small p a:hover			{ color: #ff5500 }
.we_make_small p a:visited			{ color: #d12300 }
.we_make_small p a:visited:hover	{ color: #ff5500 }

.we_are_experts						{ background: url("http://images.ejaedesign.com/images/pic/vr_we_are_experts_pic.jpg") no-repeat; height: 400px; width: 970px }
.we_are_experts_body 				{ float: right; padding: 3px 20px 0 0; width: 220px }
.we_are_experts_body p 				{ color: #555555; float: right; font: normal 11px/18px Georgia, "Times New Roman", Times, serif; padding: 0 20px 0 0; text-align: left; }
.we_are_experts_body i				{ margin: 3px 0 0 0; text-align: left; }
.we_are_experts_body ul				{ margin: 4px 0 0 0; padding: 0 }
.we_are_experts_body ul li			{ margin: 0; padding: 0 0 0 3px; list-style-type: disc }
.we_are_experts_hdr					{ float: left; padding: 70px 0 0 0 }
.we_are_experts_summary p			{ color: #555555; float: left; font: normal 14px/20px Georgia, "Times New Roman", Times, serif; padding: 0; text-align: left; width: 220px }
.we_are_experts_txt					{ float: right; padding: 70px 0 0 0; width: 490px }
.we_are_experts_link				{ color: #ffa200; font-size: 12px; font-style: italic; font-weight: bold; margin: 5px 0 0 0 }
.we_are_experts p a					{ color: #ff5500; font-size: 12px; font-style: italic; font-weight: bold; padding-top: 4px }
.we_are_experts p a:link			{ color: #ff5500 }
.we_are_experts p a:hover			{ color: #ffa200 }
.we_are_experts p a:visited			{ color: #ff5500 }
.we_are_experts p a:visited:hover	{ color: #ffa200 }

.we_deliver_each					{ background: url("http://images.ejaedesign.com/images/pic/vr_we_deliver_each_pic.jpg") no-repeat; background-color: #f1eddb; height: 400px; width: 970px }
.we_deliver_each_hdr				{ margin: 0; padding: 0 40px 0 0; text-align: right }
.we_deliver_each_txt				{ float: right; padding: 70px 0 0 0; width: 490px }
.we_deliver_each_summary 			{ color: #a09486; float: right; font: normal 14px/20px Georgia, "Times New Roman", Times, serif; padding: 0 40px 0 0; text-align: right; width: 420px }
.we_deliver_each_link				{ color: #ffa200; font-size: 12px; font-style: italic; font-weight: bold; margin: 5px 0 0 0 }
.we_deliver_each a					{ color: #e93b14; font-size: 12px; font-style: italic; font-weight: bold; padding-top: 4px }
.we_deliver_each a:link				{ color: #e93b14 }
.we_deliver_each a:hover			{ color: #ffa200 }
.we_deliver_each a:visited			{ color: #e93b14 }
.we_deliver_each a:visited:hover	{ color: #ffa200 }

.we_are_open-minded					{ background: url("http://images.ejaedesign.com/images/pic/vr_we_are_open-minded_pic.gif") no-repeat; height: 400px; width: 970px }
.we_are_open-minded_txt				{ padding-top: 70px }
.we_are_open-minded_summary			{ color: #a09486; font: normal 14px/20px Georgia, "Times New Roman", Times, serif; padding: 0 0 0 30px; text-align: left; width: 440px }
.we_are_open-minded_link			{ color: #acdde2; margin: 5px 0 0 0 }
.we_are_open-minded a				{ color: #217ea4; font-size: 12px; font-style: italic; font-weight: bold; padding-top: 4px }
.we_are_open-minded a:link			{ color: #217ea4 }
.we_are_open-minded a:hover			{ color: #acdde2 }
.we_are_open-minded a:visited		{ color: #217ea4 }
.we_are_open-minded a:visited:hover	{ color: #acdde2 }

.we_love_working					{ background: url("http://images.ejaedesign.com/images/pic/vr_we_love_working_pic.jpg") no-repeat; background-color: #c79f99; border: 1px solid #efeeea; height: 398px; width: 970px }
.we_love_working_hdr				{ text-align: right }
.we_love_working_txt				{ float: right; padding: 70px 30px 0 0; width: 490px }
.we_love_working_summary 			{ color: #ffffff; float: right; font: normal 14px/20px Georgia, "Times New Roman", Times, serif; padding: 0 0 0 0; text-align: right; width: 360px }
.we_love_working_link				{ color: #c26659; margin: 5px 0 0 0 }
.we_love_working a					{ color: #9a483c; font-size: 11px; font-style: italic; font-weight: bold; padding-top: 4px }
.we_love_working a:link				{ color: #9a483c }
.we_love_working a:hover			{ color: #c26659 }
.we_love_working a:visited			{ color: #9a483c }
.we_love_working a:visited:hover	{ color: #c26659 }

.we_will_be							{ background: url("http://images.ejaedesign.com/images/pic/vr_we_will_be_pic.jpg") no-repeat; background-color: #44525f; height: 438px; width: 970px }
.we_will_be_txt						{ float: left; padding: 70px 0 0 0 }
.we_will_be_contact_info			{ float: right; padding: 83px 30px 0 0; width: 400px }

/* Back to Coda classes */
.stripViewer 						{ /* This is the viewing window */
										position: relative; overflow: hidden; border: 1px solid #FFFFFF; /* this is the border. should have the same value for the links */ 
										margin: auto; width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */ 
										height: 460px; clear: both; background: #fff; }

.stripViewer .panelContainer 		{ /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
										position: relative; left: 0; top: 0; width: 100%; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ }
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; width: 700px; /* Also specified in  .stripViewer  above */  }
.stripViewer .panelContainer .panel .wrapper	{ /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 10px; }
.stripNav 							{ /* This is the div to hold your nav (the UL generated at run time) */ margin: auto; }
.stripNav ul 						{ /* The auto-generated set of links */ list-style: none; }
.stripNav ul li 					{ float: left; margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */ }
.stripNav a 						{ /* The nav links */ font-size: 10px; font-weight: bold; text-align: center; line-height: 32px; background: #fff; color: #000; text-decoration: none; display: block; padding: 0 15px; }
.stripNav a.current 				{ background: #996600; color: #fff; }
.stripNavL, .stripNavR 				{ /* The left and right arrows */ position: absolute; top: 230px; text-indent: -9000em; }
.stripNavL a, .stripNavR a 			{ display: block; height: 40px; width: 40px; }
.stripNavL 							{ left: 0; }
.stripNavR 							{ right: 0; }
.stripNavL 							{ background: url("http://images.ejaedesign.comimages/arrow-left.gif") no-repeat center; }
.stripNavR 							{ background: url("http://images.ejaedesign.comimages/arrow-right.gif") no-repeat center; }