@import "lib/reset.css";
/* @import "lib/typography.css"; */
/* @import "lib/forms.css"; */
@import "lib/plugins.css";

/* -------------------------------------------------------------- 
  
- Site Colors -
	white 		=	#ffffff	(bg)
	
-------------------------------------------------------------- */

/* Page
-------------------------------------------------------------- */
	html { height: 100%; }
	body {
		text-align: center;
		background: #363636 url(../images/layout/body_bg.jpg) repeat;
		font-family: Gemerald, Georgia, serif;
		color: #d4d4d4;
		}
	
	.container { 
		text-align: left;
		margin: 0 auto; 
		width: 960px; 
		}

/*-------------------------------------------------------------- 
* Header
-------------------------------------------------------------- */
	#branding {
		text-align: center;
		position: relative;
		}
	#branding h1 {
		margin: 0 auto;
		width: 454px;
		}
	#branding h1 a {
		display: block;
		width: 454px; height: 51px;
		background: transparent url(../images/layout/CYP_logo.gif) no-repeat;
		text-indent: -9999px;
		}
	/* Navigation */
	#mainNavigation {
		position: relative; z-index: 1100;
		text-align: center;
		}
		#mainNavigation ul {
			list-style-type: none;
			text-align: center;
			margin-left: 347px; /* 262px; with our_info, 312px with our_work */
			}
			#mainNavigation ul li {
				float: left;
				margin: 5px 10px 0px 0px;
				}
				#mainNavigation ul li a, #mainNavigation ul li a:visited {
					color: #d3d3d3;
					font-size: 14px;
					text-transform: uppercase;
					padding: 5px;
					}
					#mainNavigation ul li a:hover {
						color: #ff9e26;
						}
				#mainNavigation ul li:after {
					color: #dfdfdf;
					content: ":";
					margin-left: 10px;
					}
				#mainNavigation ul li.last:after {
					content: "";
					}
	body#our_people #mainNavigation ul li#peopleLink a {
		color: #ff9e26;
		}
	body#our_work #mainNavigation ul li#workLink a {
		color: #ff9e26;
		}
	body#our_skills #mainNavigation ul li#skillsLink a {
		color: #ff9e26;
		} 				
	body#our_info #mainNavigation ul li#infoLink a {
		color: #ff9e26;
		} 					
				
/* Orange Header bar - Home */				
	body#home #heading-outer, body#our_people #heading-outer {
		position: relative; z-index: 900;
		background: #612200 url(../images/layout/header_bg.jpg) repeat-x;
		height: 349px;
		margin-top: -5px;
		}
		#portfolioPreview {
			position: relative;
			height: 360px;
			background: transparent url(../images/layout/header_shadow.jpg) no-repeat bottom center;
			}
			#portfolioPreview h3 {
				position: absolute;
				width: 550px; height: 166px;
				top: 15px; right: 0px;
				background: transparent url(../images/layout/header_glow-define.jpg) no-repeat;
				text-indent: -9999px;
				}
			#portfolioPreview p.slogan {
				display: none;
				}
			#portfolioPreview > ul {
				position: relative;
				height: 377px;
				top: 26px;
				background: transparent url(../images/layout/picture_stack.jpg) no-repeat top left;
				list-style-type: none;
				width: 960px;
				
				}
				#portfolioPreview > ul > li {
					position: relative;
					width: 960px; height: 377px;
					}
				#portfolioPreview ul li img {
					position: absolute;
					top: 15px; left: 30px;
					}
				#portfolioPreview ul li div.clientDescription {
					position: absolute; z-index: 1100;
					top: 95px; right: 28px;
					width: 450px;
					text-align: center;
					}
				div.clientDescription h4 {
					font: lighter 24px "Gill Sans", Helvetica, sans-serif;
					text-transform: lowercase;
					color: #d4d4d4;
					}
					div.clientDescription h4 span {
						color: #ffffff;
						}
				div.clientDescription p {
					font-size: 15px;
					margin-top: 5px;
					letter-spacing: .01em;
					color: #ffffff;
					}
					div.clientDescription p.first {
						border-top: 1px solid #d4d4d4;
						margin-top: 5px;
						padding-top: 5px;
						}
				div.clientDescription ul {
					list-style-type: none;
					}
					div.clientDescription ul li {
						display: inline;
						margin-left: 10px;
						color: #ffffff;
						font: lighter 12px "Gill Sans", Helvetica, sans-serif;
						}
						div.clientDescription ul li:after {
							margin-left: 10px;
							content: ":";
							}
							div.clientDescription ul li.last:after {
								content: "";
								}
						div.clientDescription ul li span {
							color: #a2a2a2;
							}
						
/* Orange Header bar - Our People  */
	body#our_people #introVideo {
		position: relative;
		width: 542px; height: 306px;
		text-align: center;
		background-color: #141414;
		border: 2px solid #aeaeae;
		top: 15px;
		}
		body#our_people #introVideo object {
			position: relative; z-index: 1;
			}
		body#our_people #introVideo h3 {
			position: absolute;
			top: 45%;
			left: 34%;
			}

/* Orange Header bar - Our Work & Our Skills  */
	body#our_work #heading-outer, body#our_skills #heading-outer {
		position: relative; z-index: 900;
		background: #612200 url(../images/layout/header_bg-short.jpg) repeat-x;
		height: 139px;
		}
		#secondaryNav {
			position: relative;
			height: 148px;
			background: transparent url(../images/layout/header_shadows.jpg) no-repeat bottom center;
			text-align: center;
			}
		#secondaryNav ul {
			position: relative;
			list-style-type: none;
			margin: 0px auto;
			height: 93px;
			}
			#secondaryNav ul li {
				position: relative;
				display:inline;
				top: 54px;
				margin-right: -4px;
				}
				#secondaryNav ul li a {
					padding: 31px 20px 37px;
					margin: 0px;
					font: normal 24px "Gil Sans", sans-serif;
					color: #d4d4d4;
					text-transform: lowercase;
					border-right: 1px solid #2e2e2e;
					}
					#secondaryNav ul li a.first {
						border-left: 1px solid #2e2e2e;
						}
				#secondaryNav ul li a:active, #secondaryNav ul li a:hover, #secondaryNav ul li a.selected {
					background: transparent url(../images/layout/header-button_bg.jpg) repeat-x;
					color: #ffffff;
					}
				
			
			
/* Orange Header bar - Our Info  */
	body#our_info #heading-outer {
		position: relative; z-index: 900;
		background: #612200 url(../images/layout/header_bg-short.jpg) repeat-x;
		height: 139px;
		margin-top: -5px;
		}
					
/*-------------------------------------------------------------- 
* Body
-------------------------------------------------------------- */
	#mainContent-outer {
		padding-top: 50px;
		}
		#mainContent {
			position: relative;
			}

/* home page */
		#skills, #about, #featuredWork {
			float: left;
			width: 318px; height: 330px;
			}
		#skills, #about {
			border-right: 2px solid #5b5b5b;
			}
		#mainContent h2 {
			text-align: center;
			font-size: 20px;
			margin-bottom: 15px;
			}
			#mainContent h2 span {
				color: #ff9e26;
				}
		#skills ul {
			list-style-type: none;
			}
			#skills ul li {
				padding-left: 90px;
				padding-right: 15px;
				margin-bottom: 20px;
				height: 74px;
				overflow: hidden;
				}
				#skills ul li.web {
					background: transparent url(../images/layout/skills-web_sign.jpg) no-repeat left;
					}
				#skills ul li.print {
					background: transparent url(../images/layout/skills-print_pencils.jpg) no-repeat left;
					}
				#skills ul li.video {
					background: transparent url(../images/layout/skills-video_sign.jpg) no-repeat left;
					}
				#skills ul li h3 {
					color: #ffffff;
					font-size: 14px;
					}
				#skills ul li p {
					font-size: 12px;
					}
		#about p {
			padding: 0 20px 10px;
			font-size: 14px;
			}
			#about p.even {
				color: #ffffff;
				}
		#featuredWork ul {
			list-style-type: none;
			}
			#featuredWork ul li {
				text-align: center;
				padding: 10px 20px 20px;
				}
				#featuredWork ul li a {
					display: block;
					width: 221px; height: 84px;
					margin: 0 auto;
					overflow: hidden;
					border: 2px solid #5b5b5b;
					}
				#featuredWork ul li.highlight a:hover img {
					margin-left: -223px;
					}
		
					
/* Our People page */
	body#our_people #mainContent-outer, body#our_people #mainContent {
		padding-top: 5px;
		}
		#principles ul {
			list-style-type: none;
			}
			#principles ul li#adam, #principles ul li#trever {
				position: relative;
				width: 478px;
				float: left;
				padding-top: 5px;
				padding-bottom: 5px;
				}
			#principles ul li#adam {
				border-right: 1px solid #aeaeae;
				}
				#principles ul li#adam div.personal_image {
					margin-right: 10px;
					margin-bottom: 45px;
					float: right;
					background: transparent url(../images/partners/adam-sprite.jpg);
					text-indent: -9999px;
					width: 133px; height: 200px;
					border: 3px solid #1d1d1d;
					}
					#principles ul li#adam:hover div.personal_image {
						background: transparent url(../images/partners/adam-sprite.jpg) no-repeat -133px 0px;
						}
					#principles ul li#adam div.extra {
						position: absolute; z-index: 2000;
						width: 206px; height: 440px;
						top: -9999px; right: 156px;
						background: transparent url(../images/layout/adam-arrow.png) no-repeat;
						}
						#principles ul li#adam:hover div.extra {
							top: -413px;
							}
				#principles ul li#adam div.personal_info {
					padding: 0 170px 5px 5px;
					}
					#principles ul li#adam div.personal_info h3 {
						text-align: right;
						font: normal 18px "Gil Sans", sans-serif;
						color: #d4d4d4;
						padding-bottom: 5px;
						border-bottom: 1px solid #aeaeae;
						text-transform: lowercase;
						}
						#principles ul li#adam div.personal_info h3 span {
							color: #ffffff;
							}
					#principles ul li#adam div.personal_info ul {
						font: normal 12px "Gil Sans", sans-serif;
						color: #a4a4a4;
						text-align: right;
						padding: 3px 0px;
						}
						#principles ul li#adam div.personal_info ul li {
							margin: 0 0 0 5px;
							display: inline;
							background: transparent url(../images/layout/bullet.gif) no-repeat left;
							padding-left: 15px;
							}
							#principles ul li#adam div.personal_info ul li.first {
								background: none;
								padding-left: 0; 
								}
					#principles ul li div.personal_info p {
						font-size: 12px;
						padding-bottom: 5px;
						}
						#principles ul li#adam div.personal_info p.even {
							color: #ffffff;
							}
							
				
				#principles ul li#trever div.personal_image {
					margin-left: 10px;
					margin-bottom: 45px;
					float: left;
					background: transparent url(../images/partners/trever-sprite.jpg) no-repeat;
					width: 133px; height: 200px;
					border: 3px solid #1d1d1d;
					}
					#principles ul li img {
						display: none;
						}
					#principles ul li#trever:hover div.personal_image {
						background: transparent url(../images/partners/trever-sprite.jpg) no-repeat -133px 0px;
						}
						#principles ul li:hover {
							background-color: #262626;
							cursor: pointer;
							}
						#principles ul li:active {
							background-color: #000000;
							}
					#principles ul li#trever div.extra {
						position: absolute; z-index: 2000;
						width: 181px; height: 439px;
						top: -9999px; right: 97px;
						background: transparent url(../images/layout/trever-arrow.png) no-repeat;
						}
						#principles ul li#trever:hover div.extra {
							top: -410px;
							}
				#principles ul li#trever div.personal_info {
					padding: 0 5px 5px 170px;
					}
					#principles ul li#trever div.personal_info h3 {
						text-align: left;
						font: normal 18px "Gil Sans", sans-serif;
						color: #d4d4d4;
						padding-bottom: 5px;
						border-bottom: 1px solid #aeaeae;
						text-transform: lowercase;
						}
						#principles ul li#trever div.personal_info h3 span {
							color: #ffffff;
							}
					#principles ul li#trever div.personal_info ul {
						font: normal 12px "Gil Sans", sans-serif;
						color: #a4a4a4;
						text-align: left;
						padding: 3px 0px;
						}
						#principles ul li#trever div.personal_info ul li {
							margin: 0 0 0 5px;
							display: inline;
							background: transparent url(../images/layout/bullet.gif) no-repeat left;
							padding-left: 15px;
							}
							#principles ul li#trever div.personal_info ul li.first {
								background: none;
								padding-left: 0;
								margin-left: 0; 
								}
						#principles ul li#trever div.personal_info p.even {
							color: #ffffff;
							}
		
		#partners h2 {
			margin-top: 10px;
			font-size: 24px;
			padding: 10px 0;
			border-top: 2px solid #aeaeae;
			border-bottom: 2px solid #aeaeae;
			}
		#partners ul#partnerList {	
			list-style-type: none;
			}	
		#partners ul li.partner {
			float: left;
			width: 318px;
			height: 120px;
			padding: 5px 0;
			border-left: 2px solid #aeaeae;
			}
			#partners ul li#stacey, #partners ul li#kristen, #partners ul li#blu {
				border-left: none;
				}
			#partners ul li.partner:hover {
				background-color: #262626;
				cursor: pointer;
				}
				#partners ul li.partner:active {
					background-color: #000000;
					}
			#partners ul li.partner div.personal_info {	
				padding-left: 115px;
				padding-right: 10px;
				}
			#partners ul li.partner div.personal_info h3 {
						text-align: left;
						font: normal 18px "Gil Sans", sans-serif;
						color: #d4d4d4;
						padding-bottom: 5px;
						border-bottom: 1px solid #aeaeae;
						text-transform: lowercase;
						}
						#partners ul li.partner div.personal_info h3 span {
							color: #ffffff;
							}
					#partners ul li.partner div.personal_info ul {
						font: normal 11px "Gil Sans", sans-serif;
						color: #a4a4a4;
						text-align: left;
						padding: 3px 0px;
						}
						#partners ul li.partner div.personal_info ul li {
							margin: 0 5px 0 0;
							display: inline;
							background: transparent url(../images/layout/bullet.gif) no-repeat left;
							padding-left: 15px;
							}
							#partners ul li.partner div.personal_info ul li.first {
								background: none;
								padding-left: 0; 
								}
					#partners ul li.partner div.personal_info p {
						font-size: 12px;
						padding-bottom: 5px;
						}
					#partners ul li.partner div.bio, #partners ul li.partner img {
						display: none;
						}
					#partners ul li.partner div.personal_image {
						float: left;
						height: 100px; 
						}
/* Partners Pictures */
	#partners ul li img {
		display: none;
		}
	#partners ul li#stacey div.personal_image {
		margin-left: 3px;
		float: left;
		background: transparent url(../images/partners/stacey-sprite.jpg) no-repeat;
		width: 100px; height: 100px;
		border: 3px solid #1d1d1d;
		}
		#partners ul li#stacey:hover div.personal_image {
			background: transparent url(../images/partners/stacey-sprite.jpg) no-repeat -100px 0px;
			}
	#partners ul li#kristen div.personal_image {
		margin-left: 3px;
		float: left;
		background: transparent url(../images/partners/kristen-sprite.jpg) no-repeat;
		width: 100px; height: 100px;
		border: 3px solid #1d1d1d;
		}
		#partners ul li#kristen:hover div.personal_image {
			background: transparent url(../images/partners/kristen-sprite.jpg) no-repeat -100px 0px;
			}
	#partners ul li#scott div.personal_image {
		margin-left: 3px;
		float: left;
		background: transparent url(../images/partners/scott-sprite.jpg) no-repeat;
		width: 100px; height: 100px;
		border: 3px solid #1d1d1d;
		}
		#partners ul li#scott:hover div.personal_image {
			background: transparent url(../images/partners/scott-sprite.jpg) no-repeat -100px 0px;
			}
	#partners ul li#luke div.personal_image {
		margin-left: 3px;
		float: left;
		background: transparent url(../images/partners/luke-sprite.jpg) no-repeat;
		width: 100px; height: 100px;
		border: 3px solid #1d1d1d;
		}
		#partners ul li#luke:hover div.personal_image {
			background: transparent url(../images/partners/luke-sprite.jpg) no-repeat -100px 0px;
			}
	#partners ul li#julia div.personal_image {
		margin-left: 3px;
		float: left;
		background: transparent url(../images/partners/julia-sprite.jpg) no-repeat;
		width: 100px; height: 100px;
		border: 3px solid #1d1d1d;
		}
		#partners ul li#julia:hover div.personal_image {
			background: transparent url(../images/partners/julia-sprite.jpg) no-repeat -100px 0px;
			}
	#partners ul li#justin div.personal_image {
		margin-left: 3px;
		float: left;
		background: transparent url(../images/partners/justin-sprite.jpg) no-repeat;
		width: 100px; height: 100px;
		border: 3px solid #1d1d1d;
		}
		#partners ul li#justin:hover div.personal_image {
			background: transparent url(../images/partners/justin-sprite.jpg) no-repeat -100px 0px;
			}
	#partners ul li#blu div.personal_image {
		margin-left: 3px;
		float: left;
		background: transparent url(../images/partners/blu-sprite.jpg) no-repeat;
		width: 100px; height: 100px;
		border: 3px solid #1d1d1d;
		}
		#partners ul li#blu:hover div.personal_image {
			background: transparent url(../images/partners/blu-sprite.jpg) no-repeat -100px 0px;
			}
	#partners ul li#clifford div.personal_image {
		margin-left: 3px;
		float: left;
		background: transparent url(../images/partners/clifford-sprite.jpg) no-repeat;
		width: 100px; height: 100px;
		border: 3px solid #1d1d1d;
		}
		#partners ul li#clifford:hover div.personal_image {
			background: transparent url(../images/partners/clifford-sprite.jpg) no-repeat -100px 0px;
			}
	#partners ul li#little div.personal_image {
		margin-left: 3px;
		float: left;
		background: transparent url(../images/partners/nala-sprite.jpg) no-repeat;
		width: 100px; height: 100px;
		border: 3px solid #1d1d1d;
		}
		#partners ul li#little:hover div.personal_image {
			background: transparent url(../images/partners/nala-sprite.jpg) no-repeat -100px 0px;
			}
/* Work Page */		
	div.subContent {
		position: relative;
		float: left;
		width: 295px;
		color: #aeaeae;
		}
	div.primaryContent {
		position: relative;
		margin-left: 311px;
		width: 598px;
		}
		div.latestWork {
			padding-top: 50px;
			padding-bottom: 20px;
			}
			div.subContent h3 {
				font-size: 18px;
				margin-bottom: 10px;
				border-bottom: 1px solid #aeaeae;
				}
				div.subContent h3 span {
					color: #ff9e26; 
					}
			div.latestWork p.lwImage {
				float: left;
				margin: 0 5px 5px 0;
				border: 2px solid #1e1e1e;
				width: 148px; height: 148px;
				overflow: hidden;
				}
				div.latestWork p.lwImage img { position: relative; }
					div.latestWork p.lwImage:hover img {
						left: -148px;
						cursor: pointer;
						}
			div.latestWork a {
				font-family: "Gil sans", sans-serif;
				text-transform: lowercase;
				color: #ffffff;
				text-decoration: none;
				}
				div.latestWork a:hover { color: #FF9E26; }
		div.recentWork ul {
			padding-left: 0;
			list-style-type: none;
			}
			div.recentWork ul li {
				width: 222px;
				position: relative;
				overflow: hidden;
				margin-bottom: 12px;
				border-bottom: 1px dotted #d4d4d4;
				}
				div.recentWork ul li img { position: relative; display: block; margin-top: 3px; margin-bottom: 12px; }
				div.recentWork ul li:hover img { left: -222px; }
				div.recentWork ul li span {
					font-family: "Gil sans", sans-serif;
					text-transform: lowercase;
					color: #d4d4d4;
					}
				div.recentWork ul li a {
					position: absolute;
					left: 0;
					margin-right: auto;
					padding-left: 50px;
					padding-bottom: 87px;
					font-family: "Gil sans", sans-serif;
					text-transform: lowercase;
					color: #ffffff;
					text-decoration: none;
					z-index: 10;
					}
				
		div.primaryContent h3 {
			padding: 0 0 20px 20px;
			font: normal 24px "Gill Sans", sans-serif;
			font-weight: lighter;
			text-transform: lowercase;
			}
			div.primaryContent h3 span{
				color: #ffffff;
				}
		div.primaryContent div.clientIntro, div.primaryContent div.clientStudy {
			padding: 20px;
			background-color: #d5d5d5;
			color: #2e2e2e;
			border: 2px solid #777777;
			}
			div.primaryContent div.clientIntro p, div.primaryContent div.clientStudy p {
				font-size: 14px;
				margin-bottom: 10px;
				}
		div.primaryContent div.clientImages, div.clientStudy  {
			position: relative;
			border: 2px solid #777777;
			overflow: hidden;
			}
			div.primaryContent div.clientImages {
				background: transparent url(../images/layout/client_images-bg.jpg) no-repeat;
				height: 567px;
				}
			div.primaryContent div.clientImages ul, div.clientStudy ul.clientStudyPages {
				width: 6000px;
				list-style-type: none;
				}
				div.primaryContent div.clientImages ul li {
					position: relative;
					float: left;
					width: 585px; height: 543px;
					margin: 10px 0 15px 10px;
					}
				div.counter {
					position: absolute;
					bottom: 0px; left: 0px;
					}
					div.arrows {
							display: none;
							position: absolute; z-index: 1010;
							bottom: 190px; left: 45px;
							width: 150px;
							}
							div.arrows a.prev {
								float: left;
								width: 49px; 
								height: 34px;
								background: transparent url(../images/layout/prev_arrow.gif) no-repeat;
								cursor: pointer;
								}
							div.arrows a.next {
								float: left;
								width: 49px; 
								height: 34px;
								background: transparent url(../images/layout/next_arrow.gif) no-repeat;
								cursor: pointer;
								}
			div.clientStudy ul.clientStudyPages > li {
					position: relative;
					float: left;
					width: 533px;
					margin: 10px 30px 15px 10px;
					}
					div.clientStudy ul.clientStudyPages > li h4 {
						font: normal 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
						text-transform: uppercase;
						padding: 3px 40px;
						border-top: 2px solid #aeaeae;
						border-bottom: 2px solid #aeaeae;
						margin-bottom: 5px;
						}
						div.clientStudy ul.clientStudyPages li ul {
							list-style-type: none;
							padding-left: 40px;
							}
							div.clientStudy ul.clientStudyPages li ul li span {
								float: left;
								font: bold 14px "Gill Sans", Helvetica, sans-serif;
								color: #787878;
								margin-bottom: 5px;
								margin-left: -110px;
								}
								div.clientStudy ul.clientStudyPages li ul li {
									padding-left: 110px;
									font: normal 14px "Gill Sans", Helvetica, sans-serif;
									color: #9E4B07;
									}
									div.clientStudy ul.clientStudyPages li ul li a {
										color: #9E4B07;
										}
										div.clientStudy ul.clientStudyPages li ul li a:hover {
											color: #787878;
											}
								ul.projectTags{
									display: none;
									}



/* Skills Page */
	#mainContent {
		margin-bottom: 90px;
		position: relative;
		}
		body#our_skills div#mainContent-outer {	
			padding-top: 10px;
			}
		body#our_skills div#mainContent {
			width: 960px;
			padding-top: 0px;
			border: 1px solid transparent;
			}
		body#our_skills div#mainContent div.scroll {
			position: relative;
			height: 557px;
			padding-bottom: 100px;
			overflow: hidden;
			}
			body#our_skills .scrollContainer {
				width: 4000px;
				}
			body#our_skills .scrollContainer div.panel {
				position: relative;
				padding: 20px 0;
				width: 960px; height: 620px;
				margin-right: 20px;
				float: left;
				}
		body#our_skills div#mainContent div.panel h2 {
			margin: 0 auto;
			width: 217px; height: 107px;
			text-indent: -9999px;
			}
			div#webSection h2 {
				background: transparent url(../images/layout/web_design-sketch.gif) no-repeat;
				}
			div#printSection h2 {
				background: transparent url(../images/layout/print-sketch.gif) no-repeat;
				}
			div#videoSection h2 {
				background: transparent url(../images/layout/video-sketch.gif) no-repeat;
				}
			div#brandingSection h2 {
				background: transparent url(../images/layout/branding-sketch.gif) no-repeat;
				}	
				
				
			body#our_skills div#mainContent div.panel dl {
				position: relative;
				}
			body#our_skills div#mainContent div.panel dl div.mandp {
				width: 450px;
				padding-right: 20px;
				border-right: 2px solid #aeaeae;
				}
			body#our_skills div#mainContent div.panel dl div.utensils {
				position: absolute; 
				width: 450px;
				top: 5px; left: 495px;
				}
				body#our_skills div#mainContent div.panel dl dt {
					text-align: left;
					font: normal 18px "Gil Sans", sans-serif;
					color: #d4d4d4;
					padding-bottom: 5px;
					border-bottom: 1px solid #aeaeae;
					text-transform: lowercase;
					}
					body#our_skills div#mainContent div.panel dl div.utensils dt {
						text-align: right;
						}
					body#our_skills div#mainContent div.panel dl dt span {
						color: #ffffff;
						}
					body#our_skills div#mainContent div.panel dl dt strong {
						font-size: 24px;
						color: #ec9a2c;
						}
					body#our_skills div#mainContent div.panel dl p {
						margin-top: 10px;
						font-size: 14px;
						color: #b6b6b6;
						}
					body#our_skills div#mainContent div.panel dl p.even {
						color: #ffffff;
						}
			body#our_skills div.footNote {
				position: absolute;
				bottom: 0px;
				text-transform: lowercase;
				font-size: 12px;
				}
				body#our_skills div.footNote strong {
						font-size: 24px;
						color: #ec9a2c;
						}
				body#our_skills div.extra {
					position: absolute;
					bottom: 30px; margin-left: 409px;
					width: 123px; height: 71px;
					background: transparent url(../images/layout/skills-arrows.gif) no-repeat -121px 0;
					}
					body#our_skills div.extra a.left {
						position: absolute;
						bottom: 0px; margin-left: -409px;
						width: 120px; height: 71px;
						background: transparent url(../images/layout/skills-arrows.gif) no-repeat;
						text-indent: -9999px;
						}
						body#our_skills div.extra a.left:hover {
							background: transparent url(../images/layout/skills-arrows.gif) no-repeat 0 -70px;
							cursor: pointer;
							}
					body#our_skills div.extra a.right {
						position: absolute;
						bottom: 0px; margin-left: 409px;
						width: 106px; height: 71px;
						background: transparent url(../images/layout/skills-arrows.gif) no-repeat -251px 0;
						text-indent: -9999px;
						}
						body#our_skills div.extra a.right:hover {
							background: transparent url(../images/layout/skills-arrows.gif) no-repeat -251px -70px;
							cursor: pointer;
							}

/*-------------------------------------------------------------- 
* Footer
-------------------------------------------------------------- */
	#secondaryContent-outer {
		background: #595959 url(../images/layout/footer_top_bg.jpg) repeat-x top;
		padding-bottom: 20px;
		}
		#webApps, #contactForm, #podcast {
				float: left;
				width: 288px;
				}
		#secondaryContent h3 {
			text-align: left;
			font-size: 24px;
			margin-top: 10px;
			margin-bottom: 15px;
			}
			#secondaryContent h3 span {
				color: #ff9e26;
				}
		#webApps h3 {	
			background: transparent url(../images/layout/our_application-text.gif) no-repeat;
			text-indent: -9999px;
			width: 182px; height: 25px;
			margin-top: 22px;
			}
			#webApps p span {
				color: #4ea2d2;
				}
				#webApps p a, #webApps p a:visited {
					color: #ff9e26;
					}
					#webApps p a:hover {
						color: #ffffff;
						}
				#webApps img {
					position: relative;
					left: 50%;
					margin-left: -95px;
					}
					
			#contactForm {
				position: relative;
				background: transparent url(../images/layout/contact-bg.jpg) no-repeat;
				width: 384px; height: 418px;
				margin-top: -72px;
				}
				#contactForm form {
					padding: 10px 20px;
					}
				#contactForm h3 {	
					padding: 20px 20px 5px;
					text-align: center;
					margin: 9px 0 0 0px;
					font: italic 28px Georgia, serif;
					letter-spacing: -.04em;
					color: #9e4b07;
					}
				#contactForm p {
					font: normal 12px Helvetica, sans-serif;
					color: #2c2c2c;
					padding: 0 20px 5px;
					}
					#contactForm > p {
						padding: 0 40px;
						}
				#contactForm form p {
					float: left;
					width: 119px;
					}
					#contactForm p label {
						font-weight: bold;
						float: left;
						padding-left: 10px;
						padding-bottom: 5px;
						}
					#contactForm p input {
						width: 139px; height: 31px;
						background: transparent url(../images/layout/form_input_field.gif) no-repeat;
						border: medium none;
						padding: 5px 17px 0px 3px;
						font-size: 14px;
						color: #4d4d4d;
						float: left;
						}
					#contactForm p textarea {
						width: 295px; height: 85px;
						background: transparent url(../images/layout/form_text_field.gif) no-repeat;
						border: medium none;
						padding: 5px 20px 0px 3px;
						font-size: 14px;
						color: #4d4d4d;
						overflow: hidden;
						}
					p.submit {
						clear: both;
						position: absolute;
						right: -30px;
						bottom: 22px;
						}
					p.submit button {	
						background: transparent url(../images/layout/submit_button.gif) no-repeat;
						border: medium none;
						text-indent: -9999px;
						width: 81px; height: 36px;
						}
						p#human {
							float: left;
							
							}
						#contactForm p.submit button:hover {
							background: transparent url(../images/layout/submit_button-over.gif) no-repeat;
							}
				#podcast { position: relative; }
				#podcast h3 {
					position: relative; z-index: 1100;
					text-indent: -9999px;
					}			
				#podcast h4 {
					position: relative;
					z-index: 1000;
					top:-128px;
					margin-bottom: -128px;
					background: transparent url(../images/layout/define_your_edge-logo.jpg) no-repeat;
					width: 278px; height: 220px;
					text-indent: -9999px;
					}	
				#podcast p {
					font-size: 14px;
					color: #aeaeae;
					padding-bottom: 5px;
					border-bottom: 1px solid #aeaeae;
					}
					#podcast p span {
						color: #ff9e26;
						}
							
		#companyInfo {
			clear: both;
			position: relative;
			}
			#companyInfo dl {
				position: absolute;
				right: 10px;
				top: -70px;
				text-align: right;
				width: 177px
				}
				#companyInfo dl dd {
					display: inline;
					font: normal 14px "Gil Sans", serif;
					padding-right: 5px;
					}
					#companyInfo dl dd:after {
						content: ":";
						}
				#companyInfo dl dt {
					display: inline;
					font: normal 14px "Gil Sans", serif;
					}
			#companyInfo ul {
				position: relative;
				text-align: center;
				font-size: 12px;
				top: -10px;
				margin-bottom: -10px;
				list-style-type: none;
				}
				#companyInfo ul li {
					display: inline;
					padding: 0 2px;
					color: #aeaeae;
					}
					#companyInfo ul li a {
						color: #ffffff;
						}
						#companyInfo ul li a:hover {
							color: #ff9e26;
							}
					#companyInfo ul li.validate:before {
						content: "|    ";
						}
						#companyInfo ul li.validate a {
							color: #ff9e26;
							}
							#companyInfo ul li.validate a:hover {
								color: #ffffff;
								}
	
#lifeWallet {
	position: relative;
	display: none;
	padding: 10px;
	margin-right: 20px;
	background-color: #2e2e2e;
	border: #d4d4d4;
	height: 78px;
	}
#lifeWallet label {
	float: left;
	width: 69px;
	}
.coming_soon {
	position: relative;
	}
.coming_soon em, div#message, div#error {
	background: url(../images/layout/hover_bubble.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -80px;
	left: 5px;
	text-align: center;
	padding: 30px 12px 10px 10px;
	font-style: normal;
	z-index: 2000;
	display: none;
	color: #263248;
	font-size: 16px;
	}
div#message {
	top: 8px;
	left: 740px;
	padding-top: 13px;
	height: 53px;
	}