/**
 * HTML Elements
 **/
body {
	background: transparent url(../images/bg.gif);
	color: #666;
	font-family:  Arial, Verdana, Helvetica, sans-serif;	
	font-size: 0.75em;  /* Base font size 12pt */
	height: 100%;
	line-height: 1.2;	
}


/* Links */
a {
	color: #666;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}



/**
 * SITE STRUCTURE
 **/
#container {
	background: #e2e1e1;
	margin: 0 auto;
	padding-top: 10px;
	width: 985px;
}
.pageWide #container {
	background: #fff !important;
}


	/* HEADER Section ----------------------------------------------------------------*/
	#header {
		background: #00adc1;
		height: 75px;
		margin: 0 20px;		
	}
		/* Logo */
		#header h1 {
			display: inline;
			float: left;
			height: 48px;
			margin: 20px 0 0 30px;
			width: 213px;
		}
			#header h1 a {
				background: url(../images/logo.png) no-repeat;
				display: block;
				height: 48px;
			}
		
		
		/* Top Header Nav */
		#topNav {
			display: inline;
			color: #dedede;
			float: right;
			font-size: 1.08em;
			margin: 12px 20px 0 0;
			width: auto;
		}
			#topNav a {
				color: #dedede;
			}
			#topNav a:hover {
				text-decoration: underline;
			}
			
		
		/* Navigation */
		#nav {
			display: inline;
			float: left;
			margin: 11px 0 0 138px;
			position: relative;
			width: 560px;
			z-index: 100;		
		}
			#nav li {
				display: inline;
				float: left;
				height: 39px;
				position: relative;
				width: 118px;
				z-index: 100;
			}			
				#nav a {
					background: transparent url(../images/bgNavTop.gif) 0 -39px no-repeat;
					color: #fff;
					cursor: pointer;
					display: block;
					font-size: 1.25em;
					font-weight: bold;
					height: 39px;
					line-height: 39px;
					text-align: center;
					text-transform: uppercase;
				}
				#nav a:hover, #nav a.active {
					background: transparent url(../images/bgNavTop.gif) 0 0 no-repeat;
					color: #00adc1;
					text-decoration: none;					
				}					
					#nav a span {
						background: url(../images/bgNavBody.gif) 0 -39px repeat-x;
						display: block;
						height: 37px;
					}
					#nav a:hover span, #nav a.active span {
						background-position: 0 100%;
					}
				#shadow {
					background: url(../images/bgSubNav.gif) 0 100% no-repeat;
					left: 0;			
					position: absolute;
					top: 37px;
					width: 118px;
					z-index: 99;
				}
					#shadow .inner {
						background: #000;
						display: block;
						width: 118px;
					}

				#nav ul ul {
					left: 0;			
					position: absolute;
					top: 36px;
					width: 118px;
					z-index: 100;
				}
					#nav ul ul li {
						display: block;
						height: 28px;
						margin-bottom: 3px !important;
						overflow: hidden;
						z-index: 100;		
					}
						#nav ul ul a {
							background: none !important;
							font-size: 1em;
							height: 28px;
							line-height: 28px;							
							padding-left: 15px;
							text-align: left;
						}
						#nav ul ul li a:hover {
							background: url(../images/bgSubNavHover.gif) repeat-y !important;
							color: #00adc1 !important;
						}
	/* End of HEADER section ----------------------------------------------------------*/
			


	/* CONTENT Section ----------------------------------------------------------------*/
	.content {
		margin: 10px 20px;
	}
	.pageWide .content {
		margin: 10px 0;
	}
		
		.contentHeader h2 {
			color: #444;
			font-size: 2.9em;
			font-weight: normal;
			margin: 30px 0 25px;
		}
			.contentHeader h2 span { 
				background: transparent;
				color: #00adc1; 
			}
		
		.contentHeader h3 {
			color: #444;
			font-size: 2.3em;
			font-weight: normal;
			margin: 30px 0 25px;
		}
			.contentHeader h3 span { 
				background: transparent;
				color: #df386f; 
			}
		
		
		/* Home ---------------------- */
		#home .mainArea {
			background: #f3f3f3;
			height: 300px;
			overflow: hidden;
			padding: 10px 10px 14px;
			position: relative;
			width: 925px;	
		}
			#home .mainArea li {
				display: inline;
				float: left;
				margin-right: 10px;
				position: relative;
				width: 925px;
			}
			#home .mainArea li.alt .clear {
				background: #000;
			}
			#home .mainArea li .clear {
				background: #fff;				
			}
				#home .projectDetails {
					display: inline;
					float: right;
					margin-right: 45px;
					padding-top: 67px;
					width: 290px;
				}
					#home .projectDetails h2 {
						color: #2f2f2f;
						font-size: 3.5em;
						line-height: 0;
					}
					#home .alt .projectDetails h2 {
						color: #fff;
					}
					#home .projectDescription {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						line-height: 18px;
						margin-bottom: 18px;
					}
					#home .alt .projectDescription {
						color: #999;
					}
					
					#home .projectLink
					{
						text-align: left;
						padding-left: 2px;
					}
					
				#home .projectImage {
					display: inline;
					float: left;
					height: 271px;
					overflow: hidden;
					width: 588px;
				}
				#home .projectCaption {
					color: #797979;
					font-size: 1.25em;
					margin: 10px 0 0 16px;
					text-transform: uppercase;
				}
					#home .projectCaption a {
						background: #c5c5c5;
						display: inline;
						float: left;
						height: 11px;
						margin: 5px 5px 0 0;
						overflow: hidden;
						width: 11px;
					}
					#home .projectCaption a.active {
						background: #666;
					}
					#home .projectCaption span {
						margin-left: 20px;
					}
					
				.btnHomeNext {
					background: url(../images/bgMainAreaNext.png);
					height: 87px;
					position: absolute;
					right: 10px;
					top: 14px;
					width: 44px;
				}
				.btnHomeNext:hover { background-position: 0 -87px; }
				.alt .btnHomeNext {
					background: url(../images/bgMainAreaNextAlt.gif) no-repeat;
				}
				.alt .btnHomeNext:hover { background-position: 0 0; }
				
		#home .spotlight {
			margin-top: 20px;		
		}
			#home .spotlight li {
				background: #f3f3f3;
				display: inline;
				float: left;
				height: 125px;
				overflow: hidden;
				padding: 10px;
				text-align: center;
				width: 290px;
			}		
			#home .spotlight li.second {
				margin: 0 7px;			
			}
				#home .spotlight li p {
					font-size: 1.17em;
					margin-top: 8px;
					text-align: left;
					text-transform: uppercase;
				}
			#home .spotlight li.last {
				background: #d92f6f;
				color: #fff;
				padding: 10px 7px;
				text-align: left;
				width: 296px;
			}
				#home .spotlight li.last h3 {
					font-size: 1.25em;
					padding-top: 10px;
					text-transform: uppercase;
				}
				#home .spotlight li.last p {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 1.17em;
					line-height: 18px;
					text-transform: none;
				}
				#home .spotlight li.last .readmore {
					color: #ccc;
				}
				
		#home .flashWrapper {
			margin-top: 15px;		
		}
			#home .flashWrapper .description {
				display: inline;
				float: left;
				margin-top: 44px;
				width: 389px;
			}
				#home .flashWrapper h3 {					
					font-size: 2em;
					font-weight: normal;
					text-transform: uppercase;
				}
				#home .flashWrapper .description p {
					font-size: 1.25em;
					line-height: 18px;
					margin-top: 14px;
					width: 336px;
				}
				#btnDiscoverSoulsight {
					background: transparent;
					color: #d92f6f;
					display: inline;
					float: right;
					font-size: 1.17em;
					font-weight: bold;
					margin-top: 17px;
					text-decoration: none;
					width: auto;
				}
			#home .flashArea {
				background: url(../images/bgMapHome.png) 20px 0 no-repeat;
				display: inline;
				float: left;
				height: 260px;
				position: relative;
				width: 551px;
			}
				#home .flashArea li {
					position: absolute;					
				}
				#home .northAmerica {
					left: 119px;
					top: 101px;
					z-index: 100;
				}
				#home .southAmerica {
					left: 116px;
					top: 136px;
					z-index: 99;
				}
				#home .europe {
					left:234px;
					top: 112px;
					z-index: 98;
				}
				#home .africa {
					left: 240px;
					top: 157px;
					z-index: 97;
				}
				#home .asia {
					left: 394px;
					top: 119px;
					z-index: 96;
				}
					#home .flashArea li a {
						background: url(../images/bgMapPoint.png) no-repeat;
						display: inline;
						float: left;
						height: 10px;
						width: 10px;					
					}
					
					#home .flashArea li .tip {
						background: url(../images/bgMapArrow.png) 0 100% no-repeat;
						display: none;
						height: 39px;
						left: 15px;
						position: absolute;
						top: -45px;
						z-index: 100;
					}
						#home .flashArea li .tip span {
							background: #d92f6f url(../images/bgMapTip.gif) repeat-x;
							border-right: 2px solid #fff;
							color: #fff;
							display: block;
							font-size: 1.18em;
							height: 28px;
							line-height: 28px;
							margin-left: 26px;
							padding-right: 6px;
							white-space: nowrap;							
						}
					
		/* end of Home --------------- */
		
		
		
		/* News ---------------------- */
		#news .title {
			margin-bottom: 36px;
		}
		#news .mainArea {
			height: 772px;
			overflow:  auto;
			position: relative;
			width: 100% !important
		}
		
			.newsItem {
				background: #fff;
				margin: 0 20px 12px 0;
				padding: 27px 23px 27px 33px;
				float: left;
				width: 870px;
			}
				.newsItem h3 {
					color: #444;
					font-size: 1.75em;
					font-weight: normal;
					margin-bottom: 8px;
					text-transform: uppercase;
				}
					.newsItem h3 span {
						background: transparent;
						color: #00adc1;
					}
					
					.newsItem h3 a
					{
						color: #444;
					}
					
					.newsItem h3 a:hover
					{
						text-decoration: none;
						color: #00ADC1;			
					}
					
				.newsItem p {
					font-size: 1.13em;
					line-height: 18px;
				}
				
				.newsItem a { color: #D92F6F; }
				.newsItem a:hover { text-decoration:underline; }
				
				span.newsImage
				{
					float: right;
					margin-left: 20px;
				}
				
				span.newsImage a
				{
					display: block;
				}
				
				span.newsImageRight
				{
					float: right;
					margin-left: 20px;
				}
				
				span.newsImageLeft
				{
					float: left;
					margin-right: 20px;
				}
			

			.newsNav {
				font-size: 1.17em;
				position: relative;
				overflow: hidden;
				width: 945px;
			}
				.newsNav a {
					text-decoration: none;
				}
				.newsNav a:hover { color: #D92F6F; }
				.newsNav a.prev {
					background: url(../images/bgPrev.gif) no-repeat;
					display: inline-block;
					height: 19px;
					padding-left: 20px;
				}
					.newsNav a.prev:hover { 
						background-position: 0 100%;
						text-decoration: none; 
					}
				.newsNav a.next {
					background: url(../images/bgMore.gif) 100% 0 no-repeat;
					display: inline-block;
					height: 19px;
					padding-right: 20px;
				}
					.newsNav a.next:hover { 
						background-position: 100% 100%;
						text-decoration: none; 
					}

			
			.newsSlider {
				height: auto;
				margin-top: 10px;
				overflow: hidden;
				padding-right: 0;
				width: 910px;
			}
				.newsSlider li {
					display: inline;
					float: left;
					padding-right: 35px;
					width: 910px;
				}
				
			#news #feeds {
				margin-right: 0;
			}
				#news #feeds span.rss {
					top: -8px;
				}
				#news #feeds span.email-sub {
					top: -5px;
				}

		/* end of News --------------- */
		
		
		/* Blog ---------------------- */
		#blog {
			position: relative;
		}
		#blog .contentHeader h2 {
			background: url(../images/hdrBlog.png) no-repeat;
			height: 128px;
			margin: 0 0 9px 30px;
		}
		#blogSearch {
			position: absolute;
			right: 50px;
			top: 20px;
			width: 250px;
		}
		#blog .mainArea { padding: 10px 49px 52px 59px; }
		#blog .blogDate
		{
			color: #00ADC1;
			padding-top: 8px;
			padding-bottom: 4px;
			font-size: .90em;
		}
				
		#blog h2
		{
			margin-bottom: -17px;
			color: #D92F6F;
			font-size: 1.18em;
			font-weight: normal;
		}
		
		#blog h3
		{
			color: #444;
			font-size: 1.50em;
			font-weight: normal;
			margin-bottom: 8px;
		}
		
		#blog .blogNav {
			font-size: 1.17em;
			position: relative;
			overflow: hidden;
			width: 877px;
		}
			#blog .blogNav a {
				text-decoration: none;
			}
			#blog .blogNav a:hover { color: #D92F6F; }
			#blog .blogNav a.prev {
				background: url(../images/bgPrev.gif) no-repeat;
				display: inline-block;
				height: 19px;
				padding-left: 20px;
			}
				#blog .blogNav a.prev:hover { 
					background-position: 0 100%;
					text-decoration: none; 
				}
			#blog .blogNav a.next {
				background: url(../images/bgMore.gif) 100% 0 no-repeat;
				display: inline-block;
				height: 19px;
				padding-right: 20px;
			}
				#blog .blogNav a.next:hover { 
					background-position: 100% 100%;
					text-decoration: none; 
				}
		
		#blog .mainContent
		{
			display: inline;
			float: left;
			width: 620px;
		}
		
			#blog .entry {
				margin-top: 33px;
			}
				#blog .entryTitle {
					margin: 0;
				}
					#blog .entryTitle a {
						color: #333;
						font-size: 1.18em;					
					}
						#blog .entryTitle a:hover {
							color: #D92F6F;
							text-decoration: none;
						}
					#blog .entryMeta
					{
						font-size: 1.10em;
						margin-bottom: 12px;
						margin-top: 3px;
					}
					#blog .entryContent {
						margin: 12px 0;
						font-size: 1.10em;
						line-height: 17px;
					}
					
					#blog .entryContent p
					{
						padding-top: 5px;
						padding-bottom: 5px;
					}
					
					#blog .entryContent a { color: #D92F6F; }
					#blog .entryContent a:hover { text-decoration: underline; }
					
					#blog img {
						border: 1px solid #fff;
						margin: 10px 0;
						display: block;
					}
					
					#blog .blogCaption
					{
						margin-bottom: 10px;
						width: 500px;
					}
						
		#blog a { color: #00ADC1; }
		
		#blog .sidebar {
			display: inline;
			float: right;
			width: 210px;
		}
			#blog .sidebar .section {
				margin-top: 33px;
			}
				#blog .sidebar .section h3 {
					font-size: 1.33em;
					font-weight: bold;
				}
				#blog .sidebar ul {
					margin: 10px 0 0 20px;
				}
					#blog .sidebar li {
						margin-bottom: 10px;
					}
						#blog .sidebar li a span {
							color: #999;
						}
						
				#blog .multiLine li {
					margin-bottom: 10px !important;
					margin: 0;					
				}
				#blog .multiLine a {
					color: #666;
					text-decoration: none;
				}
					#blog .multiLine a small {
						color: #00adc1;
						display: block;
						font-size: 0.92em;
					}
					#blog .multiLine a:hover {
						color: #D92F6F;
					}
		#feeds {
			display: inline;
			float: right;
			margin-right: 17px;
			position: relative;
			width: auto;
			white-space: nowrap;
		}
			#feeds span {
				display: inline;
				float: left;
				margin: 0 2px;
				width: auto;	
			}
				#feeds span.rss {
					position: relative;
					top: -18px;
				}
				#feeds span.email-sub {
					position: relative;
					top: -15px;
				}
		
		/* end of Blog --------------- */
		
		
		/* Global -------------------- */
		#global .mainArea {
			background: #f3f3f3;
			margin-bottom: 20px;
			padding: 10px 10px 13px;
		}
			#global .mainArea p {
				font-size: 1.25em;
				margin-top: 18px;
				text-transform: uppercase;
			}
		#global .spotlight {
			margin: 20px 0;		
		}
			#global .spotlight li {
				background: #f3f3f3;
				display: inline;
				float: left;
				height: 116px;
				overflow: hidden;
				padding: 10px;
				text-align: center;
				width: 290px;
			}		
			#global .spotlight li.second {
				margin: 0 7px;			
			}
		#global .description p {
			font-size: 1.17em;
			line-height: 20px;
			margin-bottom: 22px;
		}
		#contactHeader {
			color: #00a0ac;
			font-size: 2.5em;
			font-weight: normal;
			margin-bottom: 15px;
			text-transform: uppercase;
		}
			
		#global .contactInfo {
			font-size: 1.17em;
			line-height: 18px;
		}
			#global .contactInfo p {
				margin-bottom: 24px;
			}
		#global .colLeft a {
			background: transparent;
			color: #00adc1;
		}
		#global .colRight p {
			margin: 0;
		}
			#global .colRight p a {
				background: url(../images/arrow_directions.png) 100% 50% no-repeat;
				font-weight: bold;
				padding-right: 20px;
			}
		#global .subColRight a.modal {
			background: url(../images/arrow_contact.png) no-repeat;
			padding-left: 25px;
		}
		
		#global .flashArea {
			background: url(../images/bgMapGlobal.jpg) no-repeat;
			height: 305px;
			position: relative;
			width: 925px;
		}		
		
			#global .flashArea li {
				position: absolute;
			}
			#global .northAmerica {
				left: 223px;
				top: 139px;
				z-index: 100;
			}
			#global .southAmerica {
				left: 210px;
				top: 204px;
				z-index: 99;
			}
			#global .europe {
				left:438px;
				top: 152px;
				z-index: 98;
			}
			#global .africa {
				left: 451px;
				top: 243px;
				z-index: 97;
			}
			#global .asia {
				left: 738px;
				top: 172px;
				z-index: 96;
			}
				#global .flashArea li a {
					background: url(../images/bgMapGlobalPoint.gif) no-repeat;
					display: inline;
					float: left;
					height: 10px;
					width: 10px;					
				}
				
				#global .flashArea li .tip {
					background: url(../images/bgMapGlobalArrow.gif) 0 100% no-repeat;
					display: none;
					height: 35px;
					left: 15px;
					position: absolute;
					top: -40px;
					z-index: 100;
				}
					#global .flashArea li .tip span {
						background: url(../images/bgMapGlobalTip.gif) repeat-x;
						color: #fff;
						display: block;
						font-size: 1.18em;
						height: 26px;
						line-height: 26px;
						margin-left: 24px;
						padding-right: 6px;
						white-space: nowrap;							
					}		
		/* end of Global ------------- */
		
		
		/* Expertise ------------------ */
		#expertise .spotlight li {
			display: inline;
			float: left;
			height: 175px;
			margin-bottom: 10px;
			width: 467px;			
		}
		#expertise .spotlight li.first, #expertise .spotlight li.third {
			margin-right: 10px;
		}
			#expertise .spotlight li a {
				background-color: #b9b9b9;
				background-position: 54px 24px;
				background-repeat: no-repeat;
				display: block;
				height: 175px;
				width: 467px;			
			}
			#expertise .spotlight li a:hover {
				background-color: #cf2f64;
			}
			#expertise .spotlight li.first a { background-image: url(../images/iconStrategyNormal.gif); }
			#expertise .spotlight li.first a:hover { background-image: url(../images/iconStrategy.gif); }
			#expertise .spotlight li.second a { background-image: url(../images/iconBrandNormal.gif); }
			#expertise .spotlight li.second a:hover { background-image: url(../images/iconBrand.gif); }
			#expertise .spotlight li.third a { background-image: url(../images/iconPackagingNormal.gif); }
			#expertise .spotlight li.third a:hover { background-image: url(../images/iconPackaging.gif); }
			#expertise .spotlight li.last a { background-image: url(../images/iconDigitalNormal.gif); }
			#expertise .spotlight li.last a:hover { background-image: url(../images/iconDigital.gif); }
		
		#expertise .description {
			margin-top: 25px;
			margin-bottom: 185px;
		}
			#expertise .description p {
				color: #444;
				font-size: 2.08em;
				line-height: 36px;
				margin-bottom: 12px;
			}
				
				
			/* Sub Pages ---------------- */
			#expertiseStrategy .contentHeader {
				padding-bottom: 10px;			
			}
				.expertiseSubPage .contentHeader h2 {
					margin-bottom: 0;
				}
				.expertiseSubPage .mainContentNav {
					padding-bottom: 30px;
				}
					.expertiseSubPage .mainContentNav li {
						background-color: #c4c4c4;
						display: inline;
						float: left;
						height: 90px;
						margin-right: 4px;
						width: 102px;				
					}
						.expertiseSubPage .mainContentNav li a {
							display: block;
							height: 90px;
						}
						.expertiseSubPage .mainContentNav li.first a { 
							background: transparent url(../images/iconStrategySmallOff.gif) 50% 50% no-repeat; 
						}
						.expertiseSubPage .mainContentNav li.first a:hover,
						.expertiseSubPage .mainContentNav li.first a.active { 
							background: #d92f6f url(../images/iconStrategySmall.gif) 50% 50% no-repeat; 
						}
	
						.expertiseSubPage .mainContentNav li.second a { 
							background: transparent url(../images/iconBrandSmallOff.gif) 50% 50% no-repeat; 
						}
						.expertiseSubPage .mainContentNav li.second a:hover,
						.expertiseSubPage .mainContentNav li.second a.active { 
							background: #d92f6f url(../images/iconBrandSmall.gif) 50% 50% no-repeat; 
						}
	
						.expertiseSubPage .mainContentNav li.third a { 
							background: transparent url(../images/iconPackagingSmallOff.gif) 50% 50% no-repeat; 
						}
						.expertiseSubPage .mainContentNav li.third a:hover,
						.expertiseSubPage .mainContentNav li.third a.active { 
							background: #d92f6f url(../images/iconPackagingSmall.gif) 50% 50% no-repeat; 
						}
	
						.expertiseSubPage .mainContentNav li.last a { 
							background: transparent url(../images/iconDigitalSmallOff.gif) 50% 50% no-repeat; 
						}
						.expertiseSubPage .mainContentNav li.last a:hover,
						.expertiseSubPage .mainContentNav li.last a.active { 
							background: #d92f6f url(../images/iconDigitalSmall.gif) 50% 50% no-repeat; 
						}
						
				.expertiseSubPage .subContentNav {
					display: inline;
					float: left;
					margin: 20px 0 0 119px;
					width: auto;			
				}
					.expertiseSubPage .subContentNav li {
						display: inline;
						float: left;
						width: auto;
					}
						.expertiseSubPage .subContentNav li a {
							color: #444;
							font-size: 1.25em;
							padding-right: 30px;
							text-transform: uppercase;
						}
						.expertiseSubPage .subContentNav li a.active, 
						.expertiseSubPage .subContentNav li a.activeHover {
							color: #d92f6f;
						}

				.expertiseDescription {
					padding-bottom: 300px;
				}
					.expertiseDescription h4 {
						color: #444;
						font-size: 1.50em;
						font-weight: bold;
						margin-top: 30px;			
					}
					.expertiseDescription p {
						color: #444;
						font-size: 1.13em;
						line-height: 18px;
						margin-top: 14px;			
					}
			
			
			/* Strategy */
			#expertiseStrategy .contentHeader h2 {
				display: inline;
				float: left;
				margin-top: 0;
				width: 170px;			
			}
			.expertiseDescription h3 {
				background: transparent;
				color: #00adc1;
				font-size: 2.58em;
				font-weight: normal;
				margin: 42px 0 2px;
				text-transform: uppercase;
			}
			.expertiseDescription ul {
				margin-top: 39px;
			}
				.expertiseDescription ul li {
					font-size: 1.5em;
					margin-bottom: 15px;
				}
			
						
		/* end of Expertise ---------- */
				
		
		
		/* Leadership ---------------- */
		#leadership .contentHeader ul {
			margin-top: 30px;
		}
			#leadership .contentHeader li {
				display: inline;
				float: left;
				height: 185px;
				line-height: 15px;
				margin-right: 6px;
				overflow: hidden;
				position: relative;
				width: 129px;
			}
				#leadershipHover, #leadershipActive {
					background: #00adc1;					
					cursor: pointer;
					height: 121px;
					left: 0;
					position: absolute;
					top: 0;
					width: 129px;
				}
				
				#leadership .contentHeader li a {
					display: block;
					margin-bottom: 15px;
				}
			#leadership .contentHeader li.last {
				margin-right: 0;
			}
			
		#leadership .mainArea {
			color: #444;
			font-size: 2.08em;			
			padding: 20px;	
		}
			#leadership .mainArea p {
				margin-bottom: 25px;
				line-height: 30px;
			}
			
		#leadership .leadershipArea {
			margin-top: 33px;
			padding-bottom: 100px;
		}
			#leadership .leadershipProfile {
				display: inline;
				float: left;
				width: 310px;			
			}
				#leadership .leadershipProfile p {
					color: #636466;
					font-size: 1.50em;
					line-height: 25px;
					margin-top: 15px;
				}
			#leadership .leadershipProfileDetails {
				color: #444;
				display: inline;
				float: right;
				width: 620px;			
			}
				#leadership .leadershipProfileDetails h3 {
					font-size: 2em;
					font-weight: normal;
				}
				#leadership .leadershipProfileDetails h4 {
					font-size: 1.17em;		
					font-weight: normal;		
				}
				#leadership .leadershipProfileDetails p {
					line-height: 18px;
					margin-top: 14px;
				}		
				
		/* end of Leadership --------- */
		
		
		
		/* Culture ------------------- */
		#culture .contentHeader h2 {
			margin-bottom: 0;
		}
		#culture .mainArea {
			padding: 15px 0;
		}
			#culture .mainArea .full {
				background: #f2f2f2;
				display: inline;
				float: left;
				padding: 5px;
				width: 474px;
			}
				#culture .mainArea .full .caption {
					font-size: 1.17em;
					padding: 12px 5px;
					position: relative;
					text-transform: uppercase;
				}
						#culture .caption .next {
							background: url(../images/iconArrows.gif) -9px 0 no-repeat;
							height: 12px;
							position: absolute;
							right: 11px;
							top: 15px;
							width: 9px;		
						}
						#culture .caption .prev {
							background: url(../images/iconArrows.gif) 0 0 no-repeat;
							height: 12px;
							position: absolute;
							right: 23px;
							top: 15px;
							width: 9px;		
						}
						#culture .caption .next:hover { background-position: -9px -12px; }
						#culture .caption .prev:hover { background-position: 0 -12px; }
			
			#culture .mainArea .thumbs {
				display: inline;
				float: right;
				width: 453px;
			}
				#culture .mainArea .thumbs li {
					display: inline;
					float: left;
					height: 84px;
					margin: 0 0 4px 3px;
					overflow: hidden;
					position: relative;
					width: 110px;
				}
		/* end of Culture ------------ */
		
		
		
		/* Work ---------------------- */
		.work .contentHeader ul {
			margin-bottom: 31px;
		}
			.work .contentHeader li {
				background-color: #c4c4c4;
				display: inline;
				float: left;
				height: 90px;
				margin-right: 4px;
				overflow: hidden;
				text-align: center;
				width: 102px;				
			}
				.work .contentHeader li a {
					background: transparent;
					color: #e2e1e1;
					display: block;
					font-size: 1.17em;
					font-weight: bold;
					height: 20px;
					padding-top: 70px;
					text-decoration: none;
					text-transform: uppercase;
				}
				.work .contentHeader li.first a { 
					background: transparent url(../images/iconClientsOff.gif) 50% 30% no-repeat; 
				}
				.work .contentHeader li.first a:hover,
				.work .contentHeader li.first a.active { 
					background: #d92f6f url(../images/iconClients.gif) 50% 30% no-repeat; 
				}

				.work .contentHeader li.second a { 
					background: transparent url(../images/iconFeaturedOff.gif) 50% 30% no-repeat; 
				}
				.work .contentHeader li.second a:hover,
				.work .contentHeader li.second a.active { 
					background: #d92f6f url(../images/iconFeatured.gif) 50% 30% no-repeat; 
				}

				.work .contentHeader li.last a { 
					background: transparent url(../images/iconGalleryOff.gif) 50% 40% no-repeat; 
				}
				.work .contentHeader li.last a:hover,
				.work .contentHeader li.last a.active { 
					background: #d92f6f url(../images/iconGallery.gif) 50% 40% no-repeat; 
				}		
				
				/* Work - Client ------------- */
				#workClient .mainArea {
					margin-bottom: 100px;
				}
					#workClient .mainArea li {
						display: inline;
						float: left;
						height: 110px;
						margin: 0 0 10px 9px;
						overflow: hidden;
						position: relative;
						width: 150px;
					}
						#workClient .mainArea li img {
							border: 1px solid #a2a2a2;
						}
						#workClient .mainArea li div {
							background: url(../images/bgClientHover.jpg) no-repeat;
							cursor: pointer;
							height: 110px;
							left: 1px;
							position: absolute;
							top: 1px;
							width: 150px;
						}
						#workClient .mainArea li p {
							background: url(../images/teal.gif) no-repeat;
							bottom: 0;
							color: #fff;
							height: 34px;
							left: 0;
							line-height: 34px;
							position: absolute;
							text-align: center;
							width: 150px;						
						}
						
				/* Work - Featured ----------- */
				#workFeatured .contentHeader {
					position: relative;
				}
					#workFeatured .contentHeader ul {
						display: inline;
						float: left;
						width: auto;
					}
					#workFeatured .contentHeader .more {
						font-size: 1.17em;
						line-height: 19px;
						position: absolute;
						right: 0;
						top: 140px;	
					}
						#workFeatured .contentHeader .more a.prev {
							background: url(../images/bgPrev.gif) no-repeat;
							display: inline;
							float: left;
							height: 19px;
							width: 13px;
						}
						#workFeatured .contentHeader .more span {
							display: inline;
							float: left;
							margin: 0 10px;
							width: auto;						
						}					
						#workFeatured .contentHeader .more a.next {
							background: url(../images/bgMore.gif) no-repeat;
							display: inline;
							float: left;
							height: 19px;
							width: 13px;
						}		
							#workFeatured .contentHeader .more a.next:hover, 
							#workFeatured .contentHeader .more a.prev:hover {
								background-position: 0 100%;
							}
					#workFeatured .contentHeader span.nonextpage {
						margin-right: 22px;
					}
					


				#workFeatured .mainArea li {
					background: #f2f2f2;
					display: inline;
					float: left;
					height: 264px;
					margin: 0 0 10px 7px;
					overflow: hidden;
					padding: 5px;
					position: relative;
					width: 300px;
				}
					#workFeatured .mainArea li div
					{
						background: #fff;
						bottom: 5px;
						height: 47px;
						left: 5px;
						padding: 18px 0 0 15px;
						position: absolute;
						text-transform: uppercase;
						width: 287px;
					}
						#workFeatured .mainArea li span.company
						{
							color: #666;
							font-size: .85em;
						}
						#workFeatured .mainArea li div .tag {
							color: #00ADC1;
							font-size: 1.30em;
						}
							#workFeatured .mainArea li div .tag a {
								color: #00ADC1;
								text-decoration: none;
							}
								#workFeatured .mainArea li div .tag small {
									font-size: 0.75em;
								}
						
						
				/* Work - Featured Project --- */
				#workFeaturedProject .contentHeader {
					margin-top: 0;
				}
					#workFeaturedProject .contentHeader ul {
						display: inline;
						float: left;
						width: auto;
					}
					.workFeaturedNav {
						display: inline;
						float: left;
						margin-left: 15px;
						text-transform: uppercase;
						width: auto;
					}
						.workFeaturedNav p {
							font-size: 1.17em;
							font-weight: normal;
							margin-bottom: 5px;
						}
							.workFeaturedNav p strong {
								font-weight: normal;
							}
						.workFeaturedNav .mainNav, 
						.workFeaturedNav .subNav {
							margin-bottom: 0 !important;
						}
						
							.workFeaturedNav .mainNav li, 
							.workFeaturedNav .subNav li {
								background: none;
								height: 20px;
								margin-right: 15px;
								overflow: visible;
								width: auto;		
													
							}
								.workFeaturedNav .mainNav li a {
									color: #636466;
									display: inline;
									float: left;
									font-size: 1em;
									font-weight: normal;
									padding: 0;
									width: auto;					
								}
								.workFeaturedNav .mainNav li a:hover, .workFeaturedNav .mainNav li a.active {
									color: #d92f6f;
								}
							
							
							.workFeaturedNav .subNav {
								display: inline;
								float: left;
								margin: 0;
								width: auto;
							}
								.workFeaturedNav .subNav li {
									clear: both;
									display: inline;
									float: left;
									height: 15px;
									text-align: left;
									width: auto;
								}
									.workFeaturedNav .subNav li a {
										color: #888;
										clear: both;
										display: inline;
										float: none;
										font-size: 0.95em;
										font-weight: normal;
										padding: 0;
										width: auto;					
									}
										.workFeaturedNav .subNav li a:hover, .workFeaturedNav .subNav li a.active {
											color: #00adc1;
										}
								
						#beforePhotoShow {
							background: url(../images/bgArrowDown.gif) 97% 50% no-repeat;
							padding: 6px 21px 6px 8px;
							width: auto;
						}
						#beforePhotoClose {
							background: #f1f0f0 url(../images/bgArrowUp.gif) 97% 50% no-repeat;
							padding: 6px 21px 6px 8px;
							text-align: left;
						}
							#beforePhotoShow:hover, #beforePhotoClose:hover {
								color: #000;
								text-decoration: none;
							}
							
						#beforePhoto {							
							left: 0;
							position: absolute;
							top: 0;
						}
							#beforePhoto .wrap {
								background: #f1f0f0;
								padding: 8px;
							}
						
						
					#workFeaturedProject .contentHeader .productThumbs li a {
						padding-top: 0;
					}
					
					#workFeaturedProject .contentHeader h2 {
						font-size: 1.75em;
						margin-bottom: 0;
						text-transform: uppercase;
					}
					#workFeaturedProject .contentHeader h3 {
						color: #444;
						display: inline;
						float: left;
						font-size: 3.67em;
						font-weight: normal;
						text-transform: uppercase;
						width: auto;
					}
					#workFeaturedProject .productFull {
						background: #f2f2f2;
						display: inline;
						float: left;
						padding: 5px;
						text-align: center;
						width: 627px;				
					}
						#workFeaturedProject .productFull .slideshow {
							height: 418px;
							overflow: hidden;
							position: relative;
							width: 626px;
						}
							#workFeaturedProject .productFull .slideshow  li {
								display: inline;
								float: left;
								height: 418px;
								width: 626px;
							}

						#workFeaturedProject .caption {
							font-size: 1.17em;
							padding: 8px 0 2px 15px;
							position: relative;
							text-transform: uppercase;
							text-align: left;		
						}
							#workFeaturedProject .caption .next {
								background: url(../images/iconArrows.gif) -9px 0 no-repeat;
								height: 12px;
								position: absolute;
								right: 11px;
								top: 10px;
								width: 9px;		
							}
							#workFeaturedProject .caption .prev {
								background: url(../images/iconArrows.gif) 0 0 no-repeat;
								height: 12px;
								position: absolute;
								right: 23px;
								top: 10px;
								width: 9px;		
							}
							#workFeaturedProject .caption .next:hover { background-position: -9px -12px; }
							#workFeaturedProject .caption .prev:hover { background-position: 0 -12px; }
					
					#workFeaturedProject .productThumbs {
						display: inline;
						float: right;
						width: 300px;
					}
						#workFeaturedProject .productThumbs li {
							border: 5px solid #f2f2f2;
							display: inline;
							float: left;
							height: 136px;
							margin: 0 0 8px 8px;
							width: 136px;
						}
							#workFeaturedProject .productThumbs li a {
								display: block;
								height: 146px;							
							}
						
					
					#workFeaturedProject .contentHeader .nextpage {
						background: url(../images/iconBigArrows.gif) -18px 0 no-repeat;
						display: inline; 
						float: left;
						height: 23px;
						margin: 15px 0 0 1px;
						width: 18px;
					}
					#workFeaturedProject .contentHeader .prevpage {
						background: url(../images/iconBigArrows.gif) 0 0 no-repeat;
						display: inline; 
						float: left;
						height: 23px;
						margin: 15px 0 0 20px;
						width: 18px;		
					}
					#workFeaturedProject .contentHeader .noprevpage {
						margin-left: 20px;
					}
					#workFeaturedProject .nextpage:hover { background-position: -18px -23px; }
					#workFeaturedProject .prevpage:hover { background-position: 0 -23px; }

				#workFeaturedProject .mainArea {
					margin-top: 24px;
				}
					#workFeaturedProject .mainArea .description {
						display: inline;
						float: left;
						width: 632px;				
					}
						#workFeaturedProject .mainArea .description h3 {
							color: #00adc1;
							font-size: 1.75em;
							font-weight: normal;
							text-transform: uppercase;
						}
						#workFeaturedProject .mainArea .description .wrap {
							font-size: 1.13em;
							height: 400px;
							line-height: 18px;
							overflow: hidden;
							padding-right: 30px;
							position: relative;
						}
							#workFeaturedProject .mainArea .description .wrap p {
								margin: 20px 0 5px;
							}
						
					#workFeaturedProject .mainArea .accomplishment {
						display: inline;
						float: right;
						margin-top: 30px;
						position: relative;
						width: 291px;
					}
						#workFeaturedProject .mainArea .accomplishment p {
							color: #444;
							font-size: 1.17em;
							margin-bottom: 9px;
						}
						
						#workFeaturedProject .mainArea .accomplishment p.vml {
							color: #666;
							font-size: 2.50em;
							margin-top: 36px;
						}
					
					.PDFdownload {
						background: url(../images/double_arrow.png) 100% 50% no-repeat;
						color: #46adc1;
						font-size: 1.17em;
						left: 0;
						padding-right: 19px;
						position: absolute;
						top: -30px;
					}
				
				/* Work - Gallery ------------ */
				#workGallery .mainArea {
					background: #f2f2f2;
					padding: 5px;
				}
					#workGallery .mainArea .full {
						display: inline;
						float: left;
						margin-top: 25px;
						position: relative;
						width: 852px;
					}
						#workGallery .mainArea .full .wrap {
							height: 650px;
							overflow: hidden;
							width: 852px;
						}
						#workGallery .mainArea .full li {
							display: inline;
							float: left;
							width: auto;
						}
						#workGallery .mainArea .full p {
							font-size: 1.17em;
							margin: 15px 0 10px;
						}
						#workGallery .mainArea .full .movePrev {
							background:  url(../images/btnPrev.png) 0 50% no-repeat;
							height: 650px;
							left: 0;
							position: absolute;
							top: 0;
							width: 400px;
						}
						#workGallery .mainArea .full .moveNext {
							background:  url(../images/btnNext.png) 100% 50% no-repeat;
							height: 650px;
							position: absolute;
							right: 0;
							top: 0;
							width: 400px;
						}
					#workGallery .mainArea .thumbs{
						display: inline;
						float: right;
						width: 77px;					
					}
						#workGallery .mainArea .thumbs .prev {
							background: url(../images/iconUDArrows.gif) 0 0 no-repeat;
							display: inline;
							float: left;
							height: 13px;
							margin: 6px 0 5px 27px;
							width: 23px;
						}
						#workGallery .mainArea .thumbs .next {
							background: url(../images/iconUDArrows.gif) 0 -13px no-repeat;
							display: inline;
							float: left;
							height: 13px;
							margin: 6px 0 0 27px;
							width: 23px;
						}
						#workGallery .mainArea .thumbs .prev:hover { background-position: -23px 0; }
						#workGallery .mainArea .thumbs .next:hover { background-position: -23px -13px; }
						#workGallery .mainArea .thumbs .wrap {
							clear: both;
							height: 650px;
							overflow: hidden;
							width: 77px;
						}
							#workGallery .mainArea .thumbs .wrap li {
								margin-bottom: 2px;
								height: 48px;
								overflow: hidden;
								position: relative;
								width: 77px;
							}
								#workGallery .mainArea .thumbs .wrap li a {
									left: 0;
									position: absolute;
									top: 0;
								}
				
		/* end of Work --------------- */
		
		
		/* No Page ------------------- */
		#noPage .contentHeader h2 {
			font-size: 5em;
			margin: 100px 0 50px 30px;
		}
		#noPage .mainArea {
			color: #00adc1;	
			font-size: 2.4em;
			margin: 0 0 100px 30px;		
		}
			#noPage .mainArea p {
				color: #4c4e50;
				font-size: 1.5em;
				font-weight: normal;
				margin: 0 0 10px 10px;
			}
			#noPage .mainArea a {
				color: #00adc1;				
				text-transform: uppercase;
			}
		
		/* end of No Page ------------ */
		
		
		
		
		/* Sitemap ------------------- */
		#sitemap .section {
			background: #fff;
			clear: both;
			height: 100%;
			margin-top: 30px;
			overflow: hidden;
			padding: 22px 18px;
			width: 909px;
		}
			#sitemap .section h3 {
				color: #239eb3;
				font-size: 2.5em;
				font-weight: normal;
				margin-bottom: 18px;
			}
				
				#sitemap .section dl, #sitemap .section .ulAsDl {
					display: inline;
					float: left;
					width: 225px;
				}			
					#sitemap .section dt {
						font-size: 1.67em;
						margin-bottom: 21px;
					}
						#sitemap .section dt a {
							color: #000;
							text-decoration: none;
						}
						
					#sitemap .section dd {
						color: #000;
						font-size: 1.17em;
						line-height: 1.5;
					}
						#sitemap .section dd a {
							color: #000;
							text-decoration: none;							
						}
						#sitemap .section dd a:hover {
							color: #239eb3;
						}
						#sitemap .section ul {
							margin-left: 10%;
							width: 90%;
						}
						#sitemap .section ul.ulAsDl {
							margin-left: 25px;
							width: 190px;
							line-height: 1.5;
						}
							#sitemap .section ul li, #sitemap .section ul li a {
								color: #333;
							}
							#sitemap .section ul.ulAsDl li {
								color: #333;
								font-size: 1.17em;
							}
								#sitemap .section ul.ulAsDl li a {
									color: #333;
								}
								#sitemap .section ul.ulAsDl li a:hover {
									color: #239eb3;
									text-decoration: none;
								}
					#sitemap .section .phone {
						color: #d92f6f;
					}
								
		/* end of Sitemap ------------ */
		
		
		
		/* FTP ----------------------- */
		#modal.boxLogin {
			background: url(../images/modalTopSmall.png) no-repeat;
			width: 369px;	
		}
			#modal.boxLogin .fLeft {
				width: 100%;
			}
			#modal.boxLogin .fLeft .row label { 
				width: 70px;
				margin-right: 10px;
			}
			#modal.boxLogin .fLeft .last {
				margin-top: 50px;
				text-align: center;
			}
			#modal.boxLogin .modalContainer {
				background: url(../images/modalBottomSmall.png) 0 100% no-repeat;
			}
		
		
		.ftp {
			padding-bottom: 300px;
		}
			.ftp #header {
				height: 46px;
			}
				.ftp #header h1 {
					background: url(../images/logo.png) no-repeat;
					display: inline;
					float: left;
					height: 31px;
					margin: 9px 0 0 11px;
					width: 41px;
				}
				.ftp #header h2 {
					background: transparent;
					color: #fff;
					display: inline;
					float: left;
					font-size: 1.67em;
					margin: 10px 0 0 11px;
					text-transform: uppercase;
					width: auto;
				}
				.ftp #header .user {
					background: transparent;
					color: #fff;
					display: inline;
					float: right;
					height: 46px;
					line-height: 46px;
					width: auto;
				}
					.ftp #header .user span {
						font-size: 1.17em;
						font-weight: bold;
						text-transform: uppercase;
					}					
					.ftp #header .user a {
						background: transparent;
						border-left: 1px solid #fff;
						color: #fff;
						display: inline-block;
						line-height: 46px;
						margin-left: 22px;
						padding: 0 22px;
					}
				
			
			.box {
				background: #fff;
				margin: 18px auto 0;
				padding: 23px 24px;
				position: relative;
				width: 650px;
			}
				.box h2 span {
					color: #00adc1;
					font-size: 1.33em;
					text-transform: uppercase;
				}
				.box h2 small {
					color: #000;
					font-weight: normal;
				}
				
				#uploadFile {
					background: transparent url(../images/btnUpload.png) no-repeat;
					border: none;
					color: #fff;
					cursor: pointer;
					font-size: 1em;
					height: 27px;
					line-height: 27px;
					position: absolute;
					right: 30px;
					text-align: center;
					text-transform: uppercase;
					top: 21px;
					width: 100px;
				}
					#uploadFile:hover { background-position: 0 100%; }
				
				#fileContainer {
					margin: 5px 0;	
				}
					#fileContainer a {
						color: #f00;
						margin-left: 10px;
						text-decoration: underline;
					}
					#fileContainer a:hover {
						text-decoration: none;
					}
					
				.uploader {
					background: #fff;
					margin-bottom: 36px;
					padding: 12px 0;
				}
					.progressBar {
						background: url(../images/upload.png) no-repeat;
						height: 22px;
						margin: 0 auto;
						width: 298px;
					}
						.progress {
							background: url(../images/uploading.png) no-repeat;
							height: 22px;
							width: 0;
						}
				
					.uploader p {
						color: #000;
						margin: 5px 0 0 5px;
					}
			.download {
				background: url(../images/iconDownload.gif) no-repeat;
				display: inline-block;
				height: 13px;
				overflow: hidden;
				width: 16px;
			}
			.delete {
				background: url(../images/iconTrash.gif) no-repeat;
				display: inline-block;
				height: 15px;
				overflow: hidden;
				width: 13px;
			}
			.download:hover, 
			.delete:hover { 
				background-position: 100% 0; 
			}
		/* end of FTP ---------------- */



	/* End of CONTENT Section ---------------------------------------------------------*/




	/* FOOTER Section ----------------------------------------------------------------*/
	#footer {
		background: #f3f3f3;
		color: #333;
		padding: 20px;
	}
		#copyright {
			display: inline;
			float: left;
			width: 300px
		}
			#footerLogo {
				background: url(../images/footerLogo.gif) no-repeat;
				display: inline;
				float: left;
				height: 32px;
				margin-bottom: 18px;
				width: 157px;
			}
			#copyright p {
				clear: both;
				font-size: 0.83em;
				margin: 18px 0;
			}
				#copyright p span {					
					display: block;
					margin: 10px 0;
				}
				#copyright p br {
					display: none;
				}
				#copyright p a {
					background: transparent;
					color: #00adc1;
				}
		
		#footerLink {
			display: inline;
			float: right;
			width: auto;
		}
			#footerLink dl {
				background: url(../images/bgDotted.gif) 100% 0 repeat-y;
				display: inline;
				float: left;
				height: 140px;
				margin-right: 17px;
				width: 97px;
			}
			#footerLink dl.last {
				background: none;
			}
				#footerLink dl a {
					font-size: 0.83em;
					text-transform: uppercase;				
				}
				#footerLink dd {
					margin: 10px 0;				
				}
					#footerLink dt a {
						color: #333;
					}
	/* End of FOOTER Section ---------------------------------------------------------*/


/**
 * TABLES
 **/

.box table {
	width: 100%;
}
	.box th {
		border: 1px solid #d4d4d4;
		color: #00adc1;
		font-weight: normal;
		padding: 6px;
		text-align: left;
	}
	.box td {
		background: #f4f4f4;
		border: 1px solid #d4d4d4;
		color: #333;
		padding: 9px;
		vertical-align: middle;
	}
	.box tr.alt td {
		background: #fff;
	}
		.box td a { color: #00adc1; }
		.box td a img.preview { border: 1px solid #d4d4d4; }
		.box tr.alt td a img.preview { border: 1px solid #fff; }
		.box td a:hover img.preview { border: 1px solid #00adc1 !important; }

/**
 * GENERAL CLASSES
 **/
.hide { display: none; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.clear { 
	clear: both;
	height: 100%;
	overflow: hidden;
}
.title {
	background: url(../images/bgTitle.gif) 0 100% repeat-x;
	margin-top: 21px;
	padding-bottom: 18px;
}
.wtitle {
	background: url(../images/bgWTitle.gif) 0 100% repeat-x;
	margin-top: 21px;
	padding-bottom: 18px;
	position: relative;
}
.colLeft {
	display: inline;
	float: left;
	width: 628px;
}
	.subColLeft {
		display: inline;
		float: left;
		width: 310px;
	}
	.subColRight {
		display: inline;
		float: right;
		width: 310px;
	}
.colRight {
	display: inline;
	float: right;
	width: 310px;
}
.newRow {
	margin-left: 0 !important;
}
.fLeft {
	display: inline;
	float: left;
	width: 49%;
}
.fRight {
	display: inline;
	float: right;
	width: 49%;
}

.policy
{
	font-size: 10px;
	clear: both;
	padding-top: 10px;
}


/* Scrollbars */
.jScrollPaneContainer {
	overflow: hidden;
	position: relative;
	z-index: 1;
}
	.jScrollPaneTrack {
		background: #f2f2f2;
		cursor: pointer;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 9px !important;
	}
	.jScrollPaneDrag {
		background: #bebebe;
		cursor: pointer;
		height: 9px !important;
		overflow: hidden;
		position: absolute;
	}
	
/* Modal Box Structure */
#modalBackground, #modalWrapper {
	background: #000;	
	height: 100%;
	left: 0;
	position: fixed !important;
	position: absolute; /* ie6 fix */
	top: 0;
	width: 100%;
	z-index: 9000;
}
#modalWrapper {
	background: none;
}
	#modal {
		background: url(../images/modalTop.png) no-repeat;
		margin: 0 auto;
		padding-top: 7px;
		position: relative;
		width: 785px;
		z-index: 9999;
	}	

	#modal .wrapper {
			background: #e2e1e1;
			border-left: 7px solid #fff;
			border-right: 7px solid #fff;
			padding: 28px 23px;
			position: relative;
		}
			#modal .wrapper h2 {
				background: url(../images/bgTitle.gif) 0 100% repeat-x;
				color: #009db9;
				font-size: 1.50em;
				margin-bottom: 33px;
				padding-bottom:15px;
				text-transform: uppercase;
			}
			
		#modal .modalContainer {
			background: url(../images/modalBottom.png) 0 100% no-repeat;
			padding-bottom: 7px;
		}
		#modal .closeModal {
			background: url(../images/closeModal.png) no-repeat;
			height: 22px;
			position: absolute;
			right: 10px;
			top: 10px;
			width: 22px;
		}
		#modal .closeModal:hover {
			background-position: 0 100%;
		}
		#modal .row {
			clear: both;
			height: 100%;
			margin-bottom: 5px;
			overflow: hidden;
		}
			#modal .fLeft .row label {
				color: #666;
				display: inline;
				float: left;
				font-weight: bold;
				line-height: 30px;
				margin-right: 18px;
				text-transform: uppercase;
				width: 112px;
			}
			
			#modal .fLeft .row label.error
			{
				color: #DF386F;
				font-size: 11px;
				font-weight: bold;
				text-transform: capitalize;
				white-space: nowrap;
			}
			#modal .fLeft .row input {
				background: #fff url(../images/bgInput.png) repeat-x;
				border-bottom: none;
				border-left: 1px solid #d2d1d1;
				border-right: 1px solid #d2d1d1;
				border-top: 1px solid #bdbcbc;
				padding: 2px 0;
				width: 210px;	
			}
			
			#modal em
			{
				color: #DF386F;
				font-size: 12px;
			}
			
			#modal .fRight {
				width: 255px;	
			}
				#modal .fRight .row {
					margin-bottom: 21px;
				}
					#modal .fRight .row label {
						color: #666;
						display: inline;
						float: left;
						font-weight: bold;
						line-height: 20px;
						width: 233px;
					}
					#modal .fRight .row label.inline {
						margin-left: 25px;
						width: 48px;
					}
					#modal .fRight .row label.first {
						margin-left: 0;
						width: 47px;
					}
					#modal .fRight .row input {
						display: inline;
						float: left;
						width: auto;
					}
					#modal .fRight .commentRow {
						margin-top: 50px;
					}
						#modal .fRight .commentRow textarea {
							border: none;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 1em;
							height: 145px;
							width: 250px;	
						}
						#modal .fRight button {
							background: url(../images/modal_form_button.png) no-repeat;
							border: none;
							color: #fff;
							cursor: pointer;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 1em;
							font-weight: bold;
							height: 27px;
							line-height: 27px;
							margin-right: 12px;
							text-align: center;
							text-transform: uppercase;
							width: 100px;
						}
						#modal .fRight button:hover {
							background-position: 0 100%;
						}