@import url("globalreset.css");

body {
	background:url(images/space2.jpg) top center #000 no-repeat;
}

td {
	vertical-align:top;
}

#galleryWrapper {
	position:absolute;
	top:0px;
}

.clear{
	clear:both;
}
#navText{
	width:975px;
	margin:auto;
}

#upperContent {
	height:350px;
}

	#upperContent #nav {
		height:40px;
		/*background:url(images/navtile.png) top left repeat;*/
		background:#000;
	}
	#upperContent #nav #center {
		width:975px;
		height:40px;
		margin:auto;
	}
	
		#upperContent #nav #navText {
		width:500px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FFF;
		padding-top:10px;
		float:left;
		}
		
	a.header {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FFF;
	}
		
	a.header:link{color:#FFFFFF; text-decoration:none;}
	a.header:visited{color:#FFFFFF; text-decoration:none;}
	a.header:hover{color:#F33; text-decoration:none;}
	
	#upperContent #nav ul {
		width:200px;
		float:right;
		height:16px;
		margin-right:20px;
		margin-top:0px;
		padding-top:10px;
		
		}
		
		#upperContent #nav ul li {
			float:right;
			height:16px;
			width:16px;
			padding:5px;
			padding-top:0px;
			margin-top:0px;
			
		}

	
	#upperContent #gradient {
		height:350px;
		background:/*url(images/headertile.png) top left repeat;*/
	}
	
		#upperContent #gradient #center {
			width:975px;
			height:350px;
			margin:0 auto;
			position:relative;
		}
		
			#upperContent #gradient #center #interactiveMultimedia {
				position:absolute;
				width:324px;
				height:90px;
				right:40px;
				bottom:40px;
				background-image:url(images/ima_title.png);
			}
			
			#upperContent #gradient #center #essenceLogo {
				position:absolute;
				width:300px;
				height:103px;
				left:55px;
				bottom:140px;
				background-image:url(images/logo.png);
			}
			
			#upperContent #gradient #center #homeBanner {
				background:url(images/homebanner.png) top left no-repeat;
				height:350px;
				width:975px;
			}
			
			
		
	#bottomContent {
		background:url(images/bottomtile.png) repeat-x top left #FFF;
	}
	
	#bottomContent #body {
		width:975px;
		margin:0 auto;
		position:relative;
		margin-top:30px;

		
	}
	
		#bottomContent #body #pointerOne {
			position:absolute;
			background: url(images/pointer1.jpg) top left no-repeat;
			width:133px;
			height:233px;
			left:-140px;
			top:90px;
		}
		
		#bottomContent #body #pointerTwo {
			position:absolute;
			background: url(images/pointer2.jpg) top left no-repeat;
			width:133px;
			height:233px;
			left:-140px;
			top:90px;
		}
		
		#bottomContent #body #pointerThree {
			position:absolute;
			background: url(images/pointer3.jpg) top left no-repeat;
			width:133px;
			height:233px;
			left:-140px;
			top:90px;
		}
		#bottomContent #body #pointerFour {
			position:absolute;
			background: url(images/pointer4.jpg) top left no-repeat;
			width:133px;
			height:233px;
			left:-140px;
			top:90px;
		}
	
		#bottomContent #body #left {
			width:500px;
			float:left;
		}
		
		#bottomContent #body #right {
			width:400px;
			float:right;
		}
		
		#bottomContent #body #about {
			width:975px;
			margin: 0 auto;
			padding-top:55px;
		
			
		}
		
			#bottomContent #body #about p {
				font-family:Arial, Helvetica, sans-serif;
				color:#333;
				line-height:30px;
				font-size:14px;
				border-left:dotted;
				padding-left:20px;
				margin-left:20px;
				margin-bottom:30px;
			}
			
			#bottomContent #body #about h2 {
				font-family:Century Gothic, Arial, Helvetica, sans-serif;
				color:#666;
				font-weight:lighter;
				font-size:30px;
				margin-bottom:10px;
				margin-left:35px;
			}
		
			#bottomContent #body #about #logo	{
				width:493px;
				height:112px;
				background:url(images/essencedesigns.png) no-repeat top left;
			}
			
			#bottomContent #body #about #essenceDesignsIs	{
				width:560px;
				height:79px;
				margin-left:350px;
				background:url(images/essencedesignsis.png) no-repeat top left;
				margin-top:15px;
			}
			
				#bottomContent #body #about #aboutUs	{
				width:493px;
				height:112px;
				background:url(images/aboutus.png) no-repeat top left;
			}

		
			#bottomContent #body #about #services {
				height:112px;
				width:493px;
				background: url(images/servicesimage.png) top left no-repeat;
				margin-bottom:20px;
			}
			
			#bottomContent #body #about #ourWork {
				height:112px;
				width:493px;
				background: url(images/ourwork.png) top left no-repeat;
				margin-bottom:0px;
				
			}
			
			
			#bottomContent #body #about #servicesWrapper {
				width:975px;
			}
			
				#bottomContent #body #about #servicesWrapper ul {
					width:975px;
				}
				
					#bottomContent #body #about #servicesWrapper ul li {
						width:300px;
						float:left;
						margin-bottom:20px;
						margin-left:20px;
					}
					
						#bottomContent #body #about #servicesWrapper ul li h3 {
							font-family:Arial, Helvetica, sans-serif;
							font-size:14px;
							margin-bottom:20px;
						}
					
					#bottomContent #body #about #servicesWrapper ul li.first {
						width:975px;
						margin-bottom:20px;
					
					}
					
					#bottomContent #body #about #servicesWrapper ul li.first img {
						float:left;
						margin-left:30px;
						margin-right:30px;
					}
					
					#bottomContent #body #about #servicesWrapper ul li.first img.right {
						float:right;
						margin-left:30px;
						margin-right:30px;
					}
					
					#bottomContent #body #about #servicesWrapper ul li.first h2 {
						font-family:Arial, Helvetica, sans-serif;
						font-size:24px;
						margin-bottom:10px;
				
					}
					
					#bottomContent #body #about #servicesWrapper ul p {
						font-family:,Arial, Helvetica, sans-serif;
						font-size:13px;
						line-height:17px;
						color:#666;
						

				
					}
					#bottomContent #body #about #servicesWrapper ul li.first p {
						border:none;
						line-height:25px;
						color:#000;
						font-size:16px;
				
					}
					
						#bottomContent #body #about #servicesWrapper ul li.first p.home {
						line-height:25px;
						color:#000;
						font-size:16px;
						border-left:dotted;
					
				
					}
					
					#bottomContent #body #about #servicesWrapper ul li.second {
						margin-left:30px;
					}
					
					#clear{
						width:975px;
						height:20px;
						clear:both;
					}
					
					#bottomContent #body #about #whatsNewWrapper {
						width:975px;
						height:400px;
						/*height:500px;*/
						
							
					}
					
						#bottomContent #body #about #whatsNewWrapper #left {
							width:400px;
							float:left;
						}
						
/*///////////////Contact FORM////////////*/
#contactWrapper {
	width:975px;
	margin:auto;
	padding-top:100px;
	position:relative;
}

	#contactWrapper h2 {
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		color:#666;
		font-weight:lighter;
		font-size:30px;
		margin-bottom:10px;
	}
	#contactWrapper h3 {
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		color:#666;
		font-weight:bolder;
		font-size:15px;
		margin-bottom:10px;
	}
	
	#contactWrapper p {
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		line-height:25px;
		font-size:14px;
		margin-bottom:20px;
	}
	
		#contactWrapper p.names {
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:14px;
		line-height:15px;
		margin-bottom:0px;
	}
	
			#contactWrapper #pointerFive {
			position:absolute;
			background: url(images/pointer5.jpg) top left no-repeat;
			width:133px;
			height:233px;
			left:-140px;
			top:90px;
		}
		
			#contactWrapper a {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			color:#09C;
			font-weight:bolder;
			margin-top:10px;
		}
		
			#contactWrapper a:hover {
				color:#F09;
				margin:auto;
			}


/*//////////////FOOTER////////////////*/
#footerWrapper {
	height:400px;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	padding-bottom:50px;
}

	#footer #rule {
		height:4px;
		background:#333;
		width:100%
	}

	#footer #center {
		width:975px;
		position:relative;
		top:20px;
		margin:0 auto;
		height:300px;
	}
		#footer #center #sitemapWrapper{
			width:400px;
			float:left;
			height:200px;
		}
		#footer #center #sitemap {
			float:left;
			width:100%;
			height:50px;
			background:url(images/sitemap.png) top left no-repeat;
		}
		
		#footerClear {
			clear:both;
		}
		
	a.footer:link{color:#FFFFFF; text-decoration:none;}
	a.footer:visited{color:#FFFFFF; text-decoration:none;}
	a.footer:hover{color:#F33; text-decoration:none;}
	
		#footer #center #followUs {
			width:400px;
			float:right;
		}
		
		#footer #center #followUs ul {
		width:400px;
		float:left;
		
		}
		
		#footer #center #followUs ul li {
			float:left;
			height:16px;
			width:16px;
			padding:5px;
		}
		
/*///////////////////PORTFOLIO////////////////*/

ul.portfoliogal {
	width:900px;
	margin:auto;
}

	ul.porftoliogal li {
		margin:20px;
		width:200px;
		float:left;
		text-align:center;
		height:220px;
	}
	
		ul.porftoliogal li a {
			/*float:left;*/
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			color:#09C;
			font-weight:bolder;
			margin-top:10px;
		}
		
			ul.porftoliogal li a:hover {
				color:#F09;
			}
	
		ul.porftoliogal li.header {
		width:900px;
		text-align:left;
		height:20px;
	}
	
	
/*/////////ALTERNATIVE TYPE STYLES//////////*/
span.click {
	font-weight:bold;
	font-style:italic;
	font-size:20px;
	color:#09C;
}