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

/*
#main_table {
	position:relative;
	z-index:2;
	overflow:visible;
}
*/

	/* -----------------------------
	-------DEFAULTS SECTION----------
	----------------------------- */
	body{
		 margin:0px;
		 background: #000000;
		 /*
		 background: url('images/bg.jpg') repeat-y;*/
		 background-attachment: fixed;
		 background-position: center;
			
	}
	a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#c7d248;
		cursor:hand;
		
	}
	a:hover{
		color:8d9438;
		cursor:hand;
		
	}
	a:link{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#c7d248;
	}
	
	/* -----------------------------
	-------HEADER SECTION----------
	----------------------------- */
	#title_home{
		position:relative;
		/* this has to be higher cause the menu is in this cell */
		z-index:5;
		overflow:visible;
		width:192px;
		height:81px;
	}
	#floatdiv{
		position:relative;
		z-index:40000;
		width:1px;
		height:1px;
		overflow:visible;
		z-index:7;
		
	}
	#floatinnerdiv{
		position:relative;
		top:-284px;
		z-index:40001;
		width:1px;
		height:1px; 
		overflow:visible;
	}
	#tag_line{
		padding-top:23px;
		position:relative;
		z-index:4;
		overflow:visible;
	}
	
	.mainnav_n{
		position:absolute;
		z-index:40002;
		width:387px;
		height:591px;
		top:-3600px;
	}
	
	.mostlytrans{
		filter:alpha(opacity=01);
		-moz-opacity:0.01;
		-khtml-opacity: 0.01;
		opacity: 0.01;
	}
	
	#home_loading{
		width:387px;
		height:591px;
	}
	
	#about_loading{
		width:387px;
		height:591px;
	}
	
	#services_loading{
		width:387px;
		height:591px;
	}
	
	#work_loading{
		width:387px;
		height:591px;
	}
	
	#contact_loading{
		width:387px;
		height:591px;
	}
	
	#default_on{	
		width:387px;
		height:591px;
		
	}
	
	/* -----------------------------
	-------STRUCTURE SECTION----------
	----------------------------- */
	#content_cells{
		width:984px;
		height:3493px;
		overflow:visible;
		position:relative;
		z-index:2;
	}
	
	/* -----------------------------
	-------HOME SECTION----------
	----------------------------- */
	#content_home{
		margin:14px 0px 26px 0px;
		/* GGRRRRRRR HAs to be set */
		position:relative;
		left:18px;
		width:984px;
		height:587px;
		overflow:visible;
		}
		.wrapper{
			position:relative;
			width:984px;
			padding-bottom:62px;
			
		}
		.client_thumbs{
			position:absolute;
			left:19px;
			
		}
		.home_thumb_container{
			width:237px;
			height:164px;
			overflow:visible;
			position:relative;
			z-index:234;
			}
			.home_thumb_bg{
				position:absolute;
				top:0px;
				left:0px;
				z-index:235;
			}
			.home_thumb_client{
				position:absolute;
				top:1px;
				left:6px;
				z-index:236;
			}
			.home_thumb_screen{
				position:absolute;
				top:1px;
				left:6px;
				z-index:236;
			}
			.home_thumb_learn{
				position:absolute;
				top:125px;
				left:0px;
				z-index:233;
			}

		
	/* -----------------------------
	-------ABOUT SECTION----------
	----------------------------- */
	#content_about{
		position:relative;
		z-index:2;
		height:595px;
	}
	#about_container{
		
		
		}
		#rdy_to_talk{
			position:relative;
			z-index:990;
			float:right;
			padding:20px 20px 0px 0px;
			}
			.team_title{
				padding-bottom:5px;
				padding-left:31px;
				padding-top:15px;
			}
			.team_title[class]{
				padding-bottom:5px;
				padding-left:31px;
				padding-top:15px;
			}
			.team_thumbs{
				padding-left:5px;
				display:inline;
				padding-right:3px;
			}

		#about_container P{
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			line-height:22px;
			color:#FFFFFF;
			margin-top:0px;
			/* Basically you need to set padding to increase the distance of nothingness between panels, and set the width of the panel to accomdate for your padding. */
			
			}
			#title_about{
				margin-left:31px;
				height:42px;
				width:920px;
				margin-bottom:3px;
				position:relative;
				z-index:3;
				overflow:hidden;
				}
				#sub_title_about{
					margin-left:31px;
					margin-bottom:3px;
					width:920px;
					height:33px;
					}
					.sub_title_about_menu{
						float:left;
					}
			.wrapper1{
				padding-top:10px;
				padding-right:30px;
				padding-left:30px;
			}
			.wrapper1[class]{
				padding-top:10px;
				padding-right:30px;
				padding-left:0px;
			}
			.about_nav_back{
				width:560px;
				padding-bottom:15px;
			}
			.about_nav_process{
				width:400px;
			}
			.about_nav_back_img{
				float:right;
			}
			.about_par{
				width:545px;
			}
			#peeps_desc{
				padding:10px 0px 0px 10px;
				}
				#peeps_desc P{
					padding-top:10px;
					margin-top:0px;
				}
				#peeps_desc_div{
					 width:385px;
					 padding-top:10px;
				}
			.peeps_title{
				 font-family:Arial, Helvetica, sans-serif;
				 font-size:13px;
				 font-weight:bold;
				 color:#d5e14d;
			}
			.about_nav_peeps{
				 width:600px;
				 padding-top:20px;
				 margin-left:31px;
			}
	
	/* -----------------------------
	-------SERVICES SECTION----------
	----------------------------- */
	#content_services{
			height:595px;
		}
		.services_par{
				width:495px;
				height:285px;
			}
			.services_bottom_lift{
				position:relative;
				top:-100px;
				left:-10px;
			}
			.services_bottom_lift2{
				position:relative;
				top:-125px;
				left:-10px;
			}
			.strategy_p{
				 margin:0px 0px 3px 0px;
				 letter-spacing:-0.3;
				 line-height:22px;
			}
			.branding_p{
				 margin:0px 0px 3px 0px;
				 letter-spacing:-0.3;
				 line-height:22px;
			}
			.nomar_p{
				 margin:0px 0px 3px 0px;
				 letter-spacing:-0.3;
				 line-height:19px;
			}
			.marketing_p{
				width:633px;
				margin:0px 0px 3px 0px;
				line-height:19px;
			}
			.products_p{
				width:603px;
				margin:0px 0px 3px 0px;
				line-height:19px;
			}

		#services_container{
			padding:0px 0px 93px 0px;
			}
			#services_container P{
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				
				color:#FFFFFF;
				letter-spacing:-0.3;
				}
			#title_services{
				margin-left:31px;
				height:42px;
				width:920px;
				margin-bottom:3px;
				position:relative;
				overflow:hidden;
			}
			#sub_title_services{
				margin-left:31px;
				margin-bottom:3px;
				width:920px;
				height:33px;
				}
				.sub_title_services_menu{
					float:left;
				}
			.wrapper2{
				padding-top:10px;
				padding-right:30px;
				padding-left:30px;
			}
			.wrapper2[class]{
				padding-top:10px;
				padding-right:30px;
				padding-left:0px;
			}
		#service_menu{
			padding:29px 0px 0px 62px;
		}
		.services_navigation{
			padding-left:50px;
		}
	
	/* -----------------------------
	-------WORK SECTION----------
	----------------------------- */
	#content_work{
			height:595px;
		}
		#title_work{
			margin-left:31px;
			height:42px;
			width:920px;
			margin-bottom:3px;
			position:relative;
			overflow:hidden;
			}
			.units_container{
				padding-left:4px;
				}
				.unit_container{
					position:relative;
					z-index:356;
					width:182px;
					height:125px;
					float:left;
					}
					.unit_bg{
						position:absolute;
						top:0px;
						left:0px;
					}
					.unit{
						position:absolute;
						top:7px;
						left:11px;
						z-index:357;
					}
					.unit_screen{
						position:absolute;
						top:7px;
						left:11px;
						z-index:358;
					}
		#work_container{
			padding:0px 0px 93px 0px;
			}
			.wrapper3{
				padding-top:10px;
				padding-right:30px;
				padding-left:0px;
			}
			.wrapper3[class]{
				padding-top:10px;
				padding-right:0px;
				padding-left:0px;
				position:relative;
				left:-31px;
			}
			.wrapper4{
				padding-top:0px;
				padding-right:30px;
				padding-left:0px;
			}
			.wrapper4[class]{
				padding-top:10px;
				padding-right:0px;
				padding-left:0px;
			}
			#work_container P{
				width:575px;
				margin-left:42px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:22px;
				color:#FFFFFF;
				}
			#client_details_container{
				width:734px;
				padding-top:19px;
				}
			#client_details_pic{
				padding-left:26px;
				}
			#client_details_text{
				float:right;
				background-image:url('images/client_details_bg.png');
				background-repeat:no-repeat;
				width:171px;
				height:372px;
				}
			.work_details_container{
				position:relative;
				z-index:566;
				width:602px;
				height:417px;
				overflow:hidden;
				float:left;
				}
				.work_details_bg{
					position:absolute;
					top:0px;
					left:0px;
					z-index:567;
				}
				.work_details_pic{
					position:absolute;
					top:15px;
					left:12px;
					z-index:567;
				}
				.work_details_screen{
					position:absolute;
					top:15px;
					left:12px;
					z-index:567;
				}
				.work_3rd_pause{
					position:absolute;
					top:370px;
					left:12px;
					z-index:568;
				}
				.work_3rd_play{
					position:absolute;
					top:428px;
					left:12px;
					z-index:568;
				
				}
				.work_details_title{
					padding:7px 0px 0px 13px;
				}
				.work_details_tag{
					font-family:Arial, Helvetica, sans-serif;
					font-size:16px;
					font-weight:bold;
					color:#f3f3f4;
					padding:3px 0px 0px 13px;
				}
				.work_details_link{
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#ff8500;
				}
			.work_details_txt_container{
				height:317px;
				margin-top:200px;
				width:275px;
				float:left;

			}
			.work_details_involvement{
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#f3f3f4;
				line-height:17px;
				margin-bottom:20px;
				width:215px;
			}
			.work_details_details{
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#f3f3f4;
				line-height:17px;
			}
	
	/* -----------------------------
	-------CONTACT SECTION----------
	----------------------------- */
	#content_contact{
		height:595px;
		}
		#title_contact{
			margin-left:31px;
			height:42px;
			width:920px;
			margin-bottom:3px;
			position:relative;
			overflow:hidden;
		}
		#sub_title_contact{
			margin-left:31px;
			margin-bottom:3px;
			width:920px;
			height:33px;
		}
		.sub_title_contact_menu{
			float:left;
		}
		#contact_container{
			padding:0px 0px 40px 0px;
			/*
			padding:0px 0px 93px 0px;
			position:relative;
			z-index:15;
			height:454px;
			width: 960px; /* set this for the part you want text to actually appear in 
			background-image:url('images/main_content_bg.png');
			background-repeat:no-repeat; */
			}
			.wrapper5{
				padding-top:10px;
				padding-right:30px;
				padding-left:30px;
			}
			.wrapper5[class]{
				padding-top:10px;
				padding-right:30px;
				padding-left:0px;
			}
			#contact_container P{
				width:575px;
				margin-left:42px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:22px;
				color:#FFFFFF;
				}
				.contact_sub{
					margin:48px 0px 0px 22px;
					width:235px;
					float:left;
					font-family:Arial, Helvetica, sans-serif;
					font-size:13px;
					line-height:18px;
					color:#FFFFFF;
					}
					.contact_sub DIV{
						padding:2px 0px 2px 0px;
						position:relative;
						z-index:600;
						}
					.contact_sub A{
						color:#ff8500;
					}
					.contact_sub A:hover{
						color:#ff8500;
					}
			.contact_p2{
				margin-left:0px;
				padding-bottom:30px;
				margin-top:0px;
				}
				#inputs_container{
					padding-left:22px;
					}
					.input_container{
						width:254px;
						height:35px;
						position:relative;
						margin:5px 0px 5px 0px;
						overflow:visible;
						z-index:865;
						}
						.input_div{
							float:left;
						}
						.input_div_end{
							float:left;
							padding-top:151px;
						}
						.input_text_container{
							position:relative;
							width:210px;
							height:35px;
							overflow:hidden;
						}
							
						.contact_input{
							width:214px;
							height:39px;
							padding:10px 0px 0px 5px;
							background-color:#141212;
							font-family:Arial, Helvetica, sans-serif;
							font-size:12px;
							font-weight:bold;
							color:#f3f3f4;
							border:solid 0 #FFFFFF;
							border-width:0px 0px 0px 0px;
							margin:0px;
						}
						.contact_input_r{
							width:214px;
							height:39px;
							padding:10px 0px 0px 5px;
							background-color:#141212;
							font-family:Arial, Helvetica, sans-serif;
							font-size:12px;
							font-weight:bold;
							color:#ff0000;
							border:solid 0 #FFFFFF;
							border-width:0px 0px 0px 0px;
							margin:0px;
						}
						.contact_confine{
							position:absolute;
							top:-2px;
							left:-2px;
						}
				#textarea_cell{
					padding-left:18px;
					}
					#textarea_container{
						margin:5px 0px 5px 0px;
					}
					.input_textarea_container{
						position:relative;
						width:367px;
						height:235px;
						overflow:hidden;
						}
						.contact_textarea{
							height:241;
							width:374px;
							padding:15px 0px 0px 4px;
							background-color:#141212;
							font-family:Arial, Helvetica, sans-serif;
							font-size:12px;
							font-weight:bold;
							color:#f3f3f4;
							border:solid 0 #FFFFFF;
							border-width:0px 0px 0px 0px;
							margin:0px;
						}
						.contact_textarea_r{
							height:241;
							width:374px;
							padding:15px 0px 0px 4px;
							background-color:#141212;
							font-family:Arial, Helvetica, sans-serif;
							font-size:12px;
							font-weight:bold;
							color:#ff0000;
							border:solid 0 #FFFFFF;
							border-width:0px 0px 0px 0px;
							margin:0px;
						}
						.textarea_confine{
							position:absolute;
							top:-2px;
							left:-2px;
						}
				
				
				#contact_submit_container{
					position:relative;
					width:127px;
					height:57px;
					overflow:hidden;
					z-index:12;
					}
					#contact_submit_bg{
						position:absolute;
						width:127px;
						height:57px;
						top:0px;
						left:0px;
						z-index:14;
					}
					#contact_submit_button{
						position:absolute;
						top:11px;
						left:8px;
						z-index:15;
					}
		/* CONTACT THIRD PAGE */
		#contact_directions_container{
			width:619px;
			height:377px;
			margin:10px 0px 0px 40px;
			}
			.contact_map{
				float:left;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/contact_map.png", sizingMethod="stretch");
				width:476px;
				height:377px;
				position:relative;
			}
			.contact_map[class]{
				float:left;
				background-image:url('images/contact_map.png');
				width:476px;
				height:377px;
			}
			#contact_directions{
				padding-top:125px;
				float:left;
				position:relative;
				z-index:600;
			}
			.contact_address{
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#FFFFFF;
				position:relative;
				top:195px;
				left:20px;
			}
			.contact_address DIV{
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#FFFFFF;
				line-height:18px;
			}
	
	/* FOOTER */
	#footer_container{
		position:relative;
		z-index:10;
	}
	.footer_links_div{
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#FFFFFF;
				position:relative;
				top:-160px;
			}
			.footer_links_div[class]{
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#FFFFFF;
				position:relative;
				top:-40px;
			}
			.footer_links{
				clear:both;
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#FFFFFF;
				text-decoration:none;
			}
			.footer_links_tag{
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#FFFFFF;
				position:relative;
				top:-160px;
			}
			.footer_links_tag[class]{
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#FFFFFF;
				position:relative;
				top:-40px;
			}
	/* DEFAULT CLASSES (STRUCTURE BASED CLASSES) */
	.content_green_title{
		padding:23px 0px 13px 0px;	
		position:relative;
		z-index:4;
		overflow:visible;
	}
	.client_thumb{
		position:relative;
		z-index:3;
		display:inline-table;
		float:left;
		width:237px;
		height:164px;
	}
	
	
	/* SCROLLER */
	.black_trans {
		width:984px;
		border:solid 0 #000000;
		border-width:0px 1px 0px 1px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/black_trans.png');
		overflow:visible;
		
	}
	
	.black_trans[class] {
		background-image:url('images/black_trans.png');
	}
		
	
	/*
	
	SECTION FOR CODA SLIDER
	
	*/
	
	
	.loading_container{
		width:75px;
		height:85px;
		position:relative;
		z-index:299;
		margin-left:430px;
	}
	.loading_bg{
		position:absolute;
		top:0px;
		left:0px;
		z-index:300;
		width:75px;
		height:85px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/loading_bg.png');
	}
	.loading_bg[class]{
		position:absolute;
		top:0px;
		left:0px;
		z-index:300;
		width:75px;
		height:85px;
		background-image:url('images/loading_bg.png');
	}
	.loader{
		position:absolute;
		top:15px;
		left:20px;
		width:32px;
		height:32px;
		z-index:301;
		
	}
	
	/* These 2 lines specify style applied while slider is loading */
	.csw0 {width: 984; height: 164px; overflow: hidden}
	.csw0 .loading0 { vertical-align:middle; text-align: center}
	
	
	/* -----------------------------
	-------FIRST  SECTION----------
	----------------------------- */
	
	/* HOME SECTION  */
	
	.slider-wrap0{
		position:relative;
		width:984px;
		left:-19px;
		overflow:hidden;
	}

	.stripViewer0 .panelContainer0{ /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 948px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 184px;
		left:0px;
		
		
	}
	
	
	/* JOHN - THIS SETS THE WIDTHS OF THE PANELS, so if you want to set the panel to be wider so that you can have a larger scroll than the pages, set this width wider */
	.panel0{
		float:left;
		height: 100%;
		position: relative;
		overflow:hidden;
		left:0px;
		z-index:3;
		width: 984px; 
		
	}
	
	.stripNavL0, .stripNavR0 { /* The left and right arrows */
		position: relative;
		top: 0px;
		z-index:10;
	}
	
	.stripNavL0 a, .stripNavR0 a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNavL0 {
		float: left;
		top:-140px;
		left: -27px;
		position:relative;
		z-index:20;
	}
	
	.stripNavR0 {
		float:right;
		top:-140px;
		right: 10px; 
		position:relative;
		z-index:20;
	}
	
	.stripNavR0[class] {
		float:right;
		top:-140px;
		right: 18px;
		position:relative;
		z-index:20;
	}
	
	
	
	
	/* -----------------------------
	-------SECOND SECTION----------
	----------------------------- */
	
	/* ABOUT SECTION */
	
	.csw1 {width: 984; height: 454px; overflow: hidden}
	.csw1 .loading1 { vertical-align:middle; text-align: center}
	
	.slider-wrap1{
		position:relative;
		width:984px; /* set this for the whole width that you want the slides to go back and forth in */
		/* set the left position of the whole thing */
		height:454px;
		left:0px;
		overflow:hidden;
	}

	.stripViewer1 .panelContainer1{ /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 960px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	
		left:0px;
		clear:both;
		
	}
	
	.panel1{
		float:left;
		height: 100%;
		position: relative;
		overflow:hidden;
		/* left:31px; */
		/* margin-left:31px; */
		z-index:3;
		
		
		/*  HERES THE IE ISSUE-- 
		
		Basically you need to create that innerPanel element and assign
		it the BG and move the margin over, then you have to set the width
		of the panel from 920 to 960 to copensate the movement margin in innerPanel,
		then everything should work 
		*/
		
		
		
		width: 960px; /* set this for the part you want text to actually appear in */
		/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/main_content_bg.png'); */
		
		
	}	
	.innerPanel1{
		/* left:31px; */
		width:920px;
		height:454px;
		margin-left:31px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/main_content_bg.png", sizingMethod="stretch");
	}
	.innerPanel1[class]{
		clear:both;
		margin-left:0px;
		padding-left:31px;
	}
	.panel1[class] {
		float:left;
		height: 100%;
		position: relative;
		overflow:hidden;
		left:31px;
		z-index:3;
		width: 960px;
		background-image:url('images/main_content_bg.png');
		background-repeat:no-repeat;
	}
	.innerPanel1_0{
		/* left:31px; */
		width:920px;
		height:454px;
		margin-left:31px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/main_content_bg.png", sizingMethod="stretch");
	}
	.innerPanel1_0[class]{
		clear:both;
		margin-left:0px;
		/*padding-left:31px;*/
	}
	/*
	.panel1{
		clear:both;
		float:left;
		height: 100%;
		position: relative;
		overflow:hidden;
		left:31px;
		z-index:3;
		width: 960px; /* set this for the part you want text to actually appear in 
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/main_content_bg.png", sizingMethod="stretch");
	}
	*/
	
	.stripNavL1, .stripNavR1 { /* The left and right arrows */
		position: relative;
		top: 0px;
		z-index:10;
	}
	
	.stripNavL1 a, .stripNavR1 a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNavL1 {
		top:-303px;
		left: -9px;
		position:relative;
		z-index:20;
	}
	
	.stripNavR1 {
		top:-370px;
		float:right;
		right: -9px;
		position:relative;
		z-index:20;
	}
	.stripNavR1[class] {
		top:-342px;
		float:right;
		right: -0px;
		position:relative;
		z-index:20;
	}
	
	
	
	/* -----------------------------
	-------THIRD SECTION----------
	----------------------------- */
	
	/* SERVICES SECTION */
	
	.csw2 {width: 984; height: 454px; overflow: hidden}
	.csw2 .loading2 { vertical-align:middle; text-align: center}
	
	.slider-wrap2{
		position:relative;
		width:984px; /* set this for the whole width that you want the slides to go back and forth in */
		/* set the left position of the whole thing */
		height:454px;
		left:0px;
		overflow:hidden;
	}

	.stripViewer2 .panelContainer2{ /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 926px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	
		left:0px;
		clear:both;
		
	}
	
	.panel2{
		float:left;
		height: 100%;
		position: relative;
		overflow:hidden;
		/* left:31px; */
		z-index:3;
		width: 960px; /* set this for the part you want text to actually appear in */
		/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/main_content_bg.png'); */
	}
	
	.innerPanel2{
		/* left:31px; */
		width:920px;
		height:454px;
		margin-left:31px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/main_content_bg.png", sizingMethod="stretch");
	}
	.innerPanel2[class]{
		clear:both;
	}
	.panel2[class]{
		float:left;
		height: 100%;
		position: relative;
		overflow:hidden;
		left:31px;
		z-index:3;
		width: 960px; /* set this for the part you want text to actually appear in */
		background-image:url('images/main_content_bg.png');
		background-repeat:no-repeat;
	}
	
	.stripNavL2, .stripNavR2 { /* The left and right arrows */
		position: relative;
		top: 0px;
		z-index:10px;
	}
	
	.stripNavL2 a, .stripNavR2 a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNavL2 {
		top:-225px;
		left: -10px;
		position:relative;
		z-index:20;
	}
	
	.stripNavR2 {
		top:-270px;
		float:right;
		right: -2px;
		position:relative;
		z-index:20;
	}
	
	
	/* -----------------------------
	-------FORTH SECTION----------
	----------------------------- */
	
	/* WORK SECTION */
	
	.csw3 {width: 984; height: 454px; overflow: hidden}
	.csw3 .loading3 { vertical-align:middle; text-align: center}
	
	.slider-wrap3{
		position:relative;
		width:984px; /* set this for the whole width that you want the slides to go back and forth in */
		/* set the left position of the whole thing */
		left:0px;
		overflow:hidden;
		height:490px;
	}

	.stripViewer3 .panelContainer3{ /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 926px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	
		left:0px;
		clear:both;
		
	}
	
	.panel3{
		/* border:solid 1 #FF0000; */
		float:left;
		height: 100%;
		position: relative;
		overflow:hidden;
		/*left:31px;*/
		margin-left:px;
		z-index:3;
		width: 984px; /* set this for the part you want text to actually appear in */
		/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/main_content_bg2.png'); */
	}
	.innerPanel3{
		/* left:31px; */
		width:920px;
		height:490px;
		margin-left:31px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/main_content_bg2.png", sizingMethod="stretch");
	}
	.innerPanel3[class]{
		clear:both;
	}
	.panel3[class]{
		float:left;
		height: 100%;
		position: relative;
		overflow:hidden;
		left:31px;
		z-index:3;
		width: 960px; /* set this for the part you want text to actually appear in */
		background-image:url('images/main_content_bg2.png');
		background-repeat:no-repeat;
	}
	.panel3_detail{
		float:left;
		height: 100%;
		position: relative;
		overflow:hidden;
		left:0px; 
		z-index:3;
		width: 960px;
	}
	
	.stripNavL3, .stripNavR3 { /* The left and right arrows */
		position: relative;
		top: 0px;
		z-index:10px;
	}
	
	.stripNavL3 a, .stripNavR3 a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNavL3 {
		float:left;
		top:-303px;
		left: -9px;
		position:relative;
		z-index:20;
	}
	
	.stripNavR3 {
		top:-303px;
		float:right;
		right: -9px;
		position:relative;
		z-index:20;
	}
	.stripNavR3[class] {
		top:-303px;
		float:right;
		right: 0px;
		position:relative;
		z-index:20;
	}
	
	/* -----------------------------
	-------FIFTH SECTION----------
	----------------------------- */
	
	/*  WORK INNER DETAILS SECTION */
	
	.csw4 {width: 984; height: 454px; overflow: hidden}
	.csw4 .loading4 { vertical-align:middle; text-align: center}
	
	.slider-wrap4{
		position:relative;
		width:984px; /* set this for the whole width that you want the slides to go back and forth in */
		/* set the left position of the whole thing */
		left:0px;
		overflow:hidden;
	}

	.stripViewer4 .panelContainer4{ /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 926px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	
		left:0px;
		clear:both;
		
	}
	
	.panel4{
		float:left;
		height: 100%;
		position: relative;
		overflow:visible;
		left:0px;
		z-index:3;
		width: 960px; /* set this for the part you want text to actually appear in */
		/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/details_bg.png'); */
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/details_bg.png", sizingMethod="stretch");
		
	}
	.panel4[class]{
		float:left;
		height: 100%;
		position: relative;
		overflow:visible;
		left:0px;
		z-index:3;
		width: 960px; /* set this for the part you want text to actually appear in */
		background-image:url('images/details_bg.png');
		background-repeat:no-repeat;
	}
	
	.stripNavL4, .stripNavR4 { /* The left and right arrows */
		position: relative;
		top: 0px;
		z-index:10px;
	}
	
	.stripNavL4 a, .stripNavR4 a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNavR42 {
		top:-230px;
		float:right;
		right: -174px;
		position:relative;
		z-index:20;
	}
	.stripNavR42[class] {
		top:-210px;
		float:right;
		right: -47px;
		position:relative;
		z-index:20;
	}
	
	.stripNavR4 {
		top:-290px;
		float:right;
		right: -9px;
		position:relative;
		z-index:20;
	}
	.stripNavR4[class] {
		top:-270px;
		float:right;
		right: 118px;
		position:relative;
		z-index:20;
	}
	
	
	
	/*  LOADING SIXTH SECTION */
	/* CONTACT SECTION */
	
	.csw5 {width: 984; height: 454px; overflow: hidden}
	.csw5 .loading5 { vertical-align:middle; text-align: center}
	
	.slider-wrap5{
		position:relative;
		width:984px; /* set this for the whole width that you want the slides to go back and forth in */
		/* set the left position of the whole thing */
		height:454px;
		left:0px;
		overflow:hidden;
	}

	.stripViewer5 .panelContainer5{ /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 926px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	
		left:0px;
		clear:both;
		
	}
	
	.panel5{
		float:left;
		height: 100%;
		position: relative;
		overflow:hidden;
		/* left:31px; */
		z-index:3;
		width: 960px; /* set this for the part you want text to actually appear in */
		/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/main_content_bg.png'); 
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/main_content_bg.png", sizingMethod="stretch");*/
	}
	.innerPanel5{
		/* left:31px; */
		width:920px;
		height:454px;
		margin-left:31px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/main_content_bg.png", sizingMethod="stretch");
	}
	.innerPanel5[class]{
		clear:both;
	}

	.panel5[class]{
		float:left;
		height: 100%;
		position: relative;
		overflow:hidden;
		left:31px;
		z-index:3;
		width: 960px; /* set this for the part you want text to actually appear in */
		background-image:url('images/main_content_bg.png');
		background-repeat:no-repeat;
	}

	
	.stripNavL5, .stripNavR5 { /* The left and right arrows */
		position: relative;
		top: 0px;
		z-index:10;
	}
	
	.stripNavL5 a, .stripNavR5 a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNavL5 {
		top:-343px;
		left: -9px;
		position:relative;
		z-index:20;
		width:49px;
		height:68px;
	}
	
	.stripNavR5 {
		top:-411px;
		float:right;
		right: -9px;
		position:relative;
		z-index:20;
		width:49px;
		height:68px;
	}
	
	.stripNavR5[class] {
		top:-410px;
		float:right;
		right: -9px;
		position:relative;
		z-index:20;
		width:49px;
		height:68px;
	}
	
	/*  LOADING SEVENTH SECTION */
	/* TEAM INNER SECTION */
	
	.csw6 {width: 920; height: 254px; overflow: hidden}
	.csw6 .loading6 { vertical-align:middle; text-align: center}
	
	.slider-wrap6{
		position:relative;
		width:918px; /* set this for the whole width that you want the slides to go back and forth in */
		/* set the left position of the whole thing */
		height:254px;
		left:0px;
		overflow:hidden;
	}

	.stripViewer6 .panelContainer6{ /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 918px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	
		left:0px;
		clear:both;
		
	}
	
	.panel6{
		float:left;
		height: 100%;
		position: relative;
		overflow:hidden;
		left:31px;
		z-index:3;
		width: 918px; /* set this for the part you want text to actually appear in */
	}
	.panel6[class]{
		float:left;
		height: 100%;
		position: relative;
		overflow:hidden;
		left:31px;
		z-index:3;
		width: 918px; /* set this for the part you want text to actually appear in */
	}
	
	.stripNavL6, .stripNavR6 { /* The left and right arrows */
		position: relative;
		top: 0px;
		z-index:10px;
	}
	
	.stripNavL6 a, .stripNavR6 a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNavL6 {
		top:-343px;
		left: -9px;
		position:relative;
		z-index:20;
	}
	
	.stripNavR6 {
		top:-383px;
		float:right;
		right: -0px;
		position:relative;
		z-index:20;
	}