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

#content { background: none; width: 958px; float: none; padding: 0 15px; position: relative; top: -20px; margin: 0; }
	#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


#about-top-floor { background: url(images/bg-front-about.jpg) 0 0 no-repeat; color: #ccc; height: 168px; width: 218px; padding: 30px 120px 10px 20px; float: left; border-right: 2px solid #222; }
	* html #about-top-floor { height: 186px; }
	#about-top-floor h2 { border: none; color: #11a7eb; font-weight: normal; margin: 0; font-weight: normal; }
	#about-top-floor p { line-height: 16px; }
		#about-top-floor p.more a { background: none; padding: 0; }

.splash { position: relative; height: 329px; width: 958px; }
	.splash .splash-image { position: absolute; top: 0; left: 0; }
	.splash .splash-text { position: relative; width: 350px; left: 100px; top: 180px; line-height: 1.3em; }

#services { background: url(images/img-front-services.png) -1px 0 no-repeat; width: 960px; height: 137px; margin: -33px 0 -19px; position: relative; }
	#services ul { list-style-type: none; margin: 0; padding: 33px 0 0 0; }
		#services ul li { width: 360px; height: 83px; float: left; margin: 0; padding: 0; }
		#services ul a { display: block; width: 360px; height: 83px; }
		#services ul span { display: block; width: 360px; height: 83px; text-indent: -9999px; }

		#services ul #services-design { }
			#services ul #services-design a:hover span { background: url(images/img-front-services.png) -1px -170px no-repeat; }
		#services ul #services-search { }
			#services ul #services-search a:hover span { background: url(images/img-front-services.png) -361px -170px no-repeat; }
		#services ul #services-seminars, 
			#services ul #services-seminars a, 
			#services ul #services-seminars a span { width: 240px; }
			#services ul #services-seminars a:hover span { background: url(images/img-front-services.png) -721px -170px no-repeat; }
		


#featured { background: url(images/bg-front-portfolio.gif) 0 0 no-repeat; color: #ccc; height: 208px; width: 358px; float: left; border-right: 2px solid #222; position: relative; }
* html #featured { }
	#featured h2 { border: none; color: #11a7eb; font-weight: normal; margin: 0; 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 { color: #11a7eb; border: none; margin: 0; padding: 0; }
		#featured ul p { line-height: 16px; }
		#featured ul p.more a { background: none; padding: 0; }
	#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 { 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/bg-quicklinks.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; }