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

#content { background: url(images/img-front-bg.png) 0 0 no-repeat; width: 968px; float: none; height: 555px; margin-left: 7px; padding: 10px 10px 0 10px; }

#services { z-index: 500; }
	#services ul { list-style-type: none; height: 332px; margin: 0; padding: 0; }
		#services ul li { float: left; margin: 0; padding: 0; width: 238px; height: 330px; position: relative; }
		#services ul a { display: block; width: 238px; height: 330px; text-indent: -9999px; }
	#services #snav-webdesign, 
	#services #snav-marketing, 
	#services #snav-industrial { border-right: 2px solid #222; border-bottom: 2px solid #222; }
	#services #snav-tracking { border-bottom: 2px solid #222; }
		#services #snav-webdesign a:link, #services #snav-webdesign a:visited { background: url(images/service-webdesign.jpg) 0 0 no-repeat; }
		#services #snav-webdesign .over  { background: url(images/service-webdesign.jpg) 0 -330px no-repeat; }
		#services #snav-marketing a:link, #services #snav-marketing a:visited { background: url(images/service-marketing.jpg) 0 0 no-repeat; }
		#services #snav-marketing .over { background: url(images/service-marketing.jpg) 0 -330px no-repeat; }
		#services #snav-industrial a:link, #services #snav-industrial a:visited { background: url(images/service-industrial.jpg) 0 0 no-repeat; }
		#services #snav-industrial .over { background: url(images/service-industrial.jpg) 0 -330px no-repeat; }
		#services #snav-tracking a:link, #services #snav-tracking a:visited { background: url(images/service-tracking.jpg) 0 0 no-repeat; }
		#services #snav-tracking .over { background: url(images/service-tracking.jpg) 0 -330px no-repeat; }
	#services .over { position: absolute; left: 0; top: 0; width: 238px; height: 330px; display: none; }
		#services ul .over a.snav-top { background: none !important; position: absolute; bottom: 0; left: 0; display: block; width: 238px; height: 70px; text-indent: -9999px; }
		#services ul ul { background: url(images/front-services-list-bg.png) left top repeat; text-indent: 0; padding-top: 15px; position: absolute; bottom: 78px; left: 5px; height: auto; min-height: 1em; width: 228px; }
			#services ul ul li { float: none; margin: 0; padding: 2px 15px; width: auto; height: auto; line-height: 15px; }
			#services ul ul a:link, #services ul ul a:visited { background: none !important; color: #999; display: inline; width: auto; height: auto; text-decoration: none; text-indent: 0; }
			#services ul ul a:hover, #services ul ul a:active { background: none; color: #666; }

#about-top-floor { background: url(images/front-topfloor-bg.jpg) 0 0 no-repeat; color: #444; height: 168px; width: 218px; padding: 30px 120px 10px 20px; float: left; border-right: 2px solid #222; }
	* html #about-top-floor { margin-left: 20px; display: inline; }
	#about-top-floor h2 { background: url(images/hdr-top-floor-mission.gif) 0 0 no-repeat; border: none; margin: 0; font-size: 14px; text-indent: -9999px; }
	#about-top-floor p { line-height: 16px; }

#featured { background: url(images/front-portfolio-bg.gif) 0 0 no-repeat; color: #444; height: 208px; width: 358px; float: left; border-right: 2px solid #222; position: relative; }
* html #featured { position: relative; left: -20px; margin-right: -20px; }
	#featured h2 { background: url(images/hdr-featured-projects.gif) 0 0 no-repeat; border: none; margin: 0; font-size: 14px; text-indent: -9999px; height: 20px; width: 123px; z-index: 500; position: absolute; top: 30px; left: 20px; }
	#featured ul { overflow: hidden; position: absolute; top: 0; left: 0; margin: 0; padding: 0; height: 208px; width: 358px; }
		#featured ul li { margin: 0; padding: 0; display: inline; width: 358px; height: 208px; }
		#featured ul .textHolder { position: absolute; width: 358px; height: 208px; }
		#featured ul img.image { position: absolute; top: 0; left: 0; }
		#featured ul .text { position: absolute; padding: 50px 0 0 20px; width: 175px; }
		#featured ul h3 { border: none; margin: 0; padding: 0; }
		#featured ul p { line-height: 16px; }
		#featured ul p.more { }
	#featured .itemID { position: absolute; left: 15px; bottom: 15px; background: url(images/icon-portfolio.gif) 0 0 no-repeat; font-size: 2px; height: 11px; width: 10px; z-index: 500; text-indent: -9999px; outline: none; }
		#featured .active .itemID { background: url(images/icon-portfolio-active.gif) 0 0 no-repeat; }
		#featured #image1 .itemID { left: 20px; }
		#featured #image2 .itemID { left: 35px; }
		#featured #image3 .itemID { left: 50px; }
		#featured #image4 .itemID { left: 65px; }
		#featured #image5 .itemID { left: 80px; }
		#featured #image6 .itemID { left: 95px; }

#quick-links { width: 238px; float: left; }
	* html #quick-links { margin-left: 20px; display: inline; }
	#quick-links ul { list-style-type: none; margin: 0; padding: 0; }
		#quick-links ul li { margin: 0; padding: 0; border-bottom: 2px solid #222; }
		#quick-links ul li.last { border-bottom: none; }
	#quick-links a { background: url(images/img-quicklinks-bg.gif) 0 0 no-repeat; display: block; padding: 15px 10px 0 55px; height: 53px; width: 173px; line-height: 16px; }
		#quick-links a:link, #quick-links a:visited { color: #999; font-size: 10px; text-decoration: none; text-transform: uppercase; }
		#quick-links a:hover, #quick-links a:active { background-position: bottom left; }
		#quick-links a strong { color: #11a7eb; display: block; text-transform: none; font-size: 16px; }