html
{
	margin: 0;
	padding: 0;
	min-width: 1000px;
	min-height: 100%;
}

body
{
	margin: 0;
	padding: 0;
	min-width: 1000px;
	min-height: 100%;
	
	font-size: 14px;
	font-family: "Lucida Grande";
	
	background-color: #CCC;
}

a
{
	text-decoration: none;
}

a:hover
{
	
}

body#HomeLayout.PageLayout
{
	
}

div.PageBody
{
	position: fixed;
	top: 0;
	left: 0;
	
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 1000px;
}
	
	div.Slider
	{
		
	}
		
		div.Slider nav.Jump
		{
			position: absolute;
			top: 0;
			left: 50%;
			z-index: 100;
			
			margin: 0 0 0 -75px;
			padding: 0;
			height: 30px;
		}
			
			div.Slider nav.Jump a
			{
				display: inline-block;
				
				width: 50px;
				height: 50px;
				
				text-align: center;
				
			}
				
				div.Slider nav.Jump a span
				{
					display: inline-block;
					
					margin: 20px 20px 10px 20px;
					padding: 0;
					width: 10px;
					height: 10px;
					
					line-height: 5px;
					text-align: center;
					
					border-radius: 15px;
					
					background: #999;
				}
					
					div.Slider nav.Jump a:hover span
					{
						background: #FFF;
					}
		/* (E) nav.Jump */
		
		div.Slider div.View
		{
			width: 100%;
			height: 100%;
		}
			
			div.Slider div.View div.Slide
			{
				position: absolute;
				top: 0;
				left: 0;
				
				display: block;
				
				margin: 0 auto;
				padding: 0;
				width: 100%;
				
				z-index: 0;
			}
				
				div.Slider div.View div.Slide div.Container
				{
					padding: 70px 50px 50px 50px;
				}
					
					div.Slider div.View div.Slide div.Container a
					{
						color: #0055AA;
					}
						
						div.Slider div.View div.Slide div.Container a:hover
						{
							color: #0055FF;
							text-decoration: underline;
						}
					/* (E) a */
				/* (E) div.Container */
				
				#SlideA
				{
					z-index: 30;
					
					color: #FFF;
					line-height: 200%;
					
					background-color: #555;
				}
					
					#SlideA .Background
					{
						position: inherit;
						top: 0;
						left: 0;
						
						height: 100%;
						width: 100%;
					}
					
					#SlideA .A
					{
						z-index: 33;
						
						background: url('../Images/Layouts/Home/Logo.png') 50% 50% no-repeat;
					}
					
					#SlideA .B
					{
						z-index: 32;
						
						background: url('../Images/Layouts/Home/Background.png') 50% 50% no-repeat;
					}
					
					#SlideA .C
					{
						z-index: 31;
						background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 400, from(#888888), to(#555555));
						background: -moz-radial-gradient(center 45deg, circle closest-side, #888888 0%, #555555 100%);
					}
				/* (E) #SlideA */
				
				
				#SlideB
				{
					color: #FFF;
					line-height: 200%;
					
					z-index: 20;
					
					background-color: #02236C;
				}
					
					#SlideB .Container
					{
						position: inherit;
						z-index: 26;
						
						padding-bottom: 140px;
					}
					
					#SlideB .Background
					{
						position: inherit;
						top: 0;
						left: 0;
						
						height: 100%;
						width: 100%;
					}
					
					#SlideB .A
					{
						z-index: 25;
						
						background: url('../Images/Layouts/Home/HTML-Code.png') 50% 50% no-repeat;
					}
					
					#SlideB .B
					{
						z-index: 24;
						
						background: url('../Images/Layouts/Home/DevelopmentTechnologies.png') 0% 100% no-repeat;
					}
					
					#SlideB .C
					{
						z-index: 23;
						
						background: url('../Images/Layouts/Home/DesignTechnologies.png') 100% 100% no-repeat;
					}
					
					#SlideB .D
					{
						z-index: 22;
						
						background: url('../Images/Layouts/Home/Grid.png') 0% 0% repeat;
					}
					
					#SlideB .E
					{
						z-index: 21;
						
						background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 400, from(#1F4392), to(#02236C));
						background: -moz-radial-gradient(center 45deg, circle closest-side, #1F4392 0%, #02236C 100%);
					}
					
				/* (E) #SlideB */
				
				
				#SlideC
				{
					z-index: 10;
					
					color: #333;
					line-height: 200%;
					
					background-color: #CCC;
				}
					
					#SlideC .Container
					{
						position: inherit;
						z-index: 13;
					}
						
						#SlideC .List
						{
							position: relative;
							
							width: 100%;
							height: 280px;
						}
							
							#SlideC .List a.Project,
							#SlideC .List span.Project
							{
								display: block;
								
								font-size: 16px;
							}
							
							#SlideC .List .ColumnA
							{
								position: absolute;
								top: 0;
								left: 0;
								
								width: 350px;
							}
							
							#SlideC .List .ColumnB
							{
								position: absolute;
								top: 0;
								left: 350px;
								
								width: 350px;
							}
							
							#SlideC .List .ColumnC
							{
								position: absolute;
								top: 0;
								left: 700px;
								
								width: 350px;
							}
						/* (E) .List */
					/* (E) .Container */
				/* (E) #SlideC */
				
				#SlideC .Background
				{
					position: inherit;
					top: 0;
					left: 0;
					
					height: 100%;
					width: 100%;
				}
				
				#SlideC .A
				{
					z-index: 12;
					background: url('../Images/Layouts/Home/Background.png') 50% 50% no-repeat;
				}
				
				#SlideC .B
				{
					z-index: 11;
					background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 400, from(#FFFFFF), to(#CCCCCC));
					background: -moz-radial-gradient(center 45deg, circle closest-side, #FFFFFF 0%, #CCCCCC 100%);
				}
		/* (E) div.View */
	/* (E) div.Slider */
/* (E) div.PageBody */

nav.Navigation
{
	position: fixed;
	left: 0;
	bottom: 0;
	
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 1000px;
	height: 80px;
	
	background: #000;
}
	
	nav.Navigation a
	{
		display: inline-block;
		
		margin: 0;
		padding: 0 20px 0 20px;
		height: 80px;
		line-height: 80px;
		
		font-size: 18px;
		color: #FFF;
	}
		
		nav.Navigation a:active
		{
			
		}
		
		nav.Navigation a:hover
		{
			background: #222;
		}
	/* (E) a */
	
	nav.Navigation span.Phone
	{
		display: inline-block;
		float: right;
		
		margin: 0;
		padding: 0 20px 0 20px;
		height: 80px;
		line-height: 80px;
		
		font-size: 26px;
		color: #FFF;
	}
		
		nav.Navigation span.Phone span
		{
			display: inline-block;
			
			margin: 0;
			padding: 0 5px 0 5px;
			height: 80px;
			line-height: 80px;
			
			font-size: 20px;
		}
	/* (E) span.Phone */
	
	nav.Navigation span.Email
	{
		display: inline-block;
		float: right;
		
		margin: 0;
		padding: 0 20px 0 20px;
		height: 80px;
		line-height: 80px;
	}
		
		nav.Navigation span.Email span.Icon
		{
			display: inline-block;
			
			margin: 25px 0 25px 0;
			padding: 0;
			width: 45px;
			height: 30px;
			
			background: url('../Images/Interface/Navigation/Email.png') 50% 50% no-repeat;
		}
			
			nav.Navigation span.Email:hover
			{
				background: #222;
				cursor: pointer;
			}
	/* (E) span.Email */
/* (E) nav.Navigation */