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

* { margin: 0; padding: 0; }
body { background: #1e1e1e url(images/img-page-bg.gif) 50% 0 repeat; color: #ccc; font: 12px/20px Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6, ol, ul, p { margin-bottom: 8px; }
h1 { color: #11a7eb; font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: normal; letter-spacing: -1px; line-height: 28px; }
	h1 span { font-size: 16px; text-transform: uppercase; color: #999; letter-spacing: 1px; }
h2 { border-bottom: 1px solid #bbb; color: #11a7eb; font-size: 16px; font-weight: bold; margin-top: 1em; margin-bottom: 5px; padding-bottom: 3px; }
	h2:first-child { margin-top: 0; }
h3 { border-bottom: 1px solid #ddd; color: #444; font-size: 12px; font-weight: bold; margin-bottom: 8px; margin-top: 2em; padding-bottom: 0px; text-transform: uppercase; }
	h3:first-child { margin-top: 0; }
h4 { color: #11a7eb; font-size: 12px; margin-bottom: 0; }
h5 { font-size: 11px; }
h6 { font-size: 10px; }
p { }
	p.intro { font-size: 16px; color: #666; line-height: 22px; }

ul { margin-left: 30px; }
ol { margin-left: 30px; }
	ul li { margin-bottom: 6px; }
	#text ul { list-style-type: none; margin-left: 20px; }
		#text ul li { background: url(images/img-bullet.gif) 0 8px no-repeat; padding-left: 10px; }
	ol li { margin-bottom: 6px; }
	ol ol { list-style-type: lower-latin; }
	ol ol, 
	ul ul { margin-top: 6px; }

dl { }
	dl dt { font-weight: bold; }
	dl dd { margin: 0 0 8px 30px; }

kbd { color: #666; }

a:link, a:visited { color: #11a7eb; }
a:hover, a:active { color: #444; }
	a img { border: none; }
	h2 a:link, h2 a:visited { color: #11a7eb; text-decoration: none; }
	h2 a:hover, h2 a:active { color: #444; }

blockquote { background: #fff url(images/img-blockquote-bg.gif) 0 100% no-repeat; padding: 15px; margin-bottom: 12px; }
	blockquote p { font-size: 14px; font-style: italic; color: #666; }
	blockquote p cite { font-style: normal; color: #999; font-size: 12px; }

table { }
	table td { padding: 3px; }
	table th { padding: 3px; }

input, 
img { vertical-align: middle; }
	img.imageRight { float: right; margin: 5px 0 5px 10px; }

/* Classes */
.address { }
	.address h3 { margin-top: 0; }
	.address em { color: #999; font-size: 10px; }

.col2 { }
	.col2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.col2 .col { display: inline; float: left; width: 48%; margin-right: 2%; }

dl.careerInfo { border-top: 1px solid #ddd; padding-top: 7px; }
dl.careerInfo dt { width: 95px; float: left; }
dl.careerInfo dd { padding-left: 100px; }
	
#jobListings { min-height: 1em; }
	#jobListings:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.jobCategory { float: left; width: 48.5%; clear: left; }
	.jobCategory h3 { margin-top: 0; }
	.jobCategory.alt { float: right; clear: none; }

.newsItem { position: relative; margin-bottom: 20px; padding-left: 70px; min-height: 56px; }
	.newsItem h3 { border-bottom: none; margin: 0; padding: 0; }
	.newsItem .date { background: url(images/img-date-bg.gif) 0 0 no-repeat; width: 55px; height: 56px; position: absolute; left: 0; top: 0; padding: 0 0 0 5px; }
		.newsItem .date .month { display: block; color: #fff; text-transform: uppercase; font-size: 9px; line-height: 15px; margin-bottom: 5px; }
		.newsItem .date .day { font-size: 20px; font-weight: bold; letter-spacing: -1px; padding-right: 3px; }
		.newsItem .date .year { font-size: 10px; }

.note { font-size: 10px; text-transform: uppercase; color: #999; }

.rollover { cursor: pointer; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; }

.question { padding: 0 0 0px 30px; position: relative; }
	.question h3 { border-bottom: none; }
		.question h3.q { border-bottom: 1px solid #ddd; cursor: pointer; }
			.question .q span { color: #11a7eb; font-size: 24px; position: absolute; left: 0; top: 0; }

#text ul.toc { list-style-type: none; margin: 0 0 15px -20px; padding: 0; }
	#text ul.toc li { display: inline; background: none; width: 325px; float: left; margin: 0 0 20px 20px; padding: 0; }
		#text ul.toc li img { float: right; margin: 5px 0 5px 5px; }
		#text ul.toc li h2 { margin: 0 0 5px 0; padding: 0; }
		#text ul.toc li p { margin: 0; padding: 0; }

/* LAYOUT */
#container { background: url(images/img-page-bg3.jpg) 50% 0 no-repeat; width: 100%; text-align: center; height: 100%; }
#wrapper { width: 988px; text-align: left; margin: 0 auto; height: 100%; }
#topbar { background: url(images/img-page-bg2.gif) left top repeat-x; }
	#topbar2 { height: 50px; width: 960px; text-align: left; margin: 0 auto; position: relative; }
	#topbar p { color: #999; font: 10px/50px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0; position: absolute; }
		#topbar p .phone { color: #ccc; font-weight: bold; }
	#top-address { }
	#top-rfq { position: absolute; right: 0; text-align: right; width: 400px; }
		#top-rfq a { position: relative; }
		#top-rfq img { position: relative; top: -6px; }
		#top-rfq .rollover { background: url(images/btn-request-a-quote-over.gif) left top no-repeat; width: 108px; height: 31px; top: -14px; }
		#top-rfq strong { color: #11a7eb; font-size: 18px; }

/* Header */
#header { height: 100px; position: relative; }
	#logo { position: absolute; top: 25px; left: 15px; }
		#logo a { background: url(images/top-floor-technologies.png) 0 0 no-repeat; display: block; width: 254px; height: 56px; text-indent: -9999px; }
	#nav { list-style-type: none; margin: 0; padding: 0; position: absolute; right: 10px; top: 29px; }
		#nav li { float: left; margin: 0; padding: 0; position: relative; }
		#nav a { background: url(images/img-nav-bg.gif) left top no-repeat; display: block; width: 87px; height: 42px; text-indent: -9999px; }
		#nav-about a:link, #nav-about a:visited { background-position: 0 0; }
		#nav-about a:hover, #nav-about a:active { background-position: 0 -42px; }
		#nav-about.active a:link, #nav-about.active a:visited { background-position: 0 -84px; }
		#nav-about.active a:hover, #nav-about.active a:active { background-position: 0 -126px; }
		#nav-services a:link, #nav-services a:visited { background-position: -87px 0; width: 81px; }
		#nav-services a:hover, #nav-services a:active { background-position: -87px -42px; }
		#nav-services.active a:link, #nav-services.active a:visited { background-position: -87px -84px; }
		#nav-services.active a:hover, #nav-services.active a:active { background-position: -87px -126px; }
		#nav-projects a:link, #nav-projects a:visited { background-position: -168px 0; width: 86px; }
		#nav-projects a:hover, #nav-projects a:active { background-position: -168px -42px; }
		#nav-projects.active a:link, #nav-projects.active a:visited { background-position: -168px -84px; }
		#nav-projects.active a:hover, #nav-projects.active a:active { background-position: -168px -126px; }
		#nav-seminars a:link, #nav-seminars a:visited { background-position: -254px 0; width: 86px; }
		#nav-seminars a:hover, #nav-seminars a:active { background-position: -254px -42px; }
		#nav-seminars.active a:link, #nav-seminars.active a:visited { background-position: -254px -84px; }
		#nav-seminars.active a:hover, #nav-seminars.active a:active { background-position: -254px -126px; }
		#nav-contact a:link, #nav-contact a:visited { background-position: -340px 0; width: 102px; }
		#nav-contact a:hover, #nav-contact a:active { background-position: -340px -42px; }
		#nav-contact.active a:link, #nav-contact.active a:visited { background-position: -340px -84px; }
		#nav-contact.active a:hover, #nav-contact.active a:active { background-position: -340px -126px; }

		#nav ul { display: none; list-style-type: none; margin: 0; padding: 0; position: absolute; width: 150px; background: url(images/img-nav-drop-shadow.png) left bottom no-repeat; padding-bottom: 6px; top: 40px; left: 1px; z-index: 900; }
			#nav #nav-contact ul { left: auto; right: 0; }
			#nav ul li { background: none; font-size: 11px; line-height: 15px; float: none; }
			#nav ul a { background: none; text-indent: 0; padding: 5px; height: auto; }
			#nav ul li a:link, #nav ul li a:visited, 
			#nav .active ul li a:link, #nav .active ul li a:visited{ background: #222 url(images/img-nav-drop-bg.gif) 0 0 no-repeat; color: #fff; border: 1px solid #333; border-right-color: #181818; border-bottom-color: #181818; text-decoration: none; width: 138px; }
			#nav ul li a:hover, #nav ul li a:active, 
			#nav .active ul li a:hover, #nav .active ul li a:active{ background: #383838 url(images/img-nav-drop-bg-over.gif) 0 0 no-repeat; color: #fff; }

/* Content */
#content { background: url(images/img-content-bg.png) 0 0 repeat-y; float: right; width: 738px; margin-bottom: 40px; }
#content2 { background: url(images/img-content-top-bg.png) 0 0 no-repeat; margin-top: -10px; }
#content3 { background: url(images/img-content-bottom-bg.png) bottom left no-repeat; margin-bottom: -15px; padding: 10px 10px 27px 10px; }
	#heading { background: #fff url(images/img-heading-bg.gif) left top repeat-x; padding: 12px 15px 15px; border: 5px solid #fff; }
	#heading.landing { border: none; padding: 0; }

		#bc { border-bottom: 1px solid #fff; color: #666; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
		#heading h1 { margin: 0; padding: 0; }

	#text { background: #fff; border-top: 2px solid #1e1e1e; border-bottom: 2px solid #1e1e1e; color: #222; padding: 20px 20px 12px 20px; min-height: 200px; }
	#text:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#cta { background: #111 url(images/img-cta-bg.gif) left top no-repeat; border-bottom: 5px solid #146a91; margin: 0 0 -15px 0; min-height: 3em; padding: 15px 20px 12px 65px; }
		#cta a:link, #cta a:visited { color: #fff; font-weight: bold; }
		#cta a:hover, #cta a:active { color: #fff; }
		#cta p { color: #fff; margin-bottom: 0; }
		#cta strong { color: #11a7eb; }
		#presenterinfo {height:270px;}
#presenters img {float:left; clear:both; margin-right:15px; margin-bottom:15px;}
#creds img {clear:none;}

/* Sidebar */
#sidebar { margin-left: 15px; width: 230px; }
	#sidenav { background: #000; border: 5px solid #111; margin-bottom: 15px; padding: 15px; }
	#sidenav { background: rgba(12,12,12,.8); border-color: rgba(0,0,0,.5); }
		#sidenav a:link, #sidenav a:visited { color: #999; display: block; text-decoration: none; padding: 3px 0; }
		#sidenav a:hover, #sidenav a:active { color: #ccc; }
		#sidenav h2 { border-bottom: 1px solid #222; color: #11a7eb; font-size: 14px; margin: 0; padding-bottom: 3px; }
			#sidenav h2 a:link, #sidenav h2 a:visited { color: #11a7eb; padding-top: 0; }
			#sidenav h2 a:hover, #sidenav h2 a:active { color: #999; }
		#sidenav ul { list-style-type: none; margin: 0; padding: 0; }
			#sidenav ul li { border-bottom: 1px solid #222; margin-bottom: 0; }
			#sidenav ul ul { margin-bottom: 3px; }
			#sidenav ul ul li { border: none; line-height: 15px; }
				#sidenav ul ul a:link, #sidenav ul ul a:visited { color: #666; display: block; font-size: 11px; text-decoration: none; padding: 0 0 6px 20px; }
				#sidenav ul ul a:hover, #sidenav ul ul a:active { color: #999; }
				#sidenav ul ul .active a:link, #sidenav ul ul .active a:visited, 
				#sidenav ul ul .active a:hover, #sidenav ul ul .active a:active { color: #ccc; background: url(images/img-bullet.gif) 10px 6px no-repeat; }
	.sidead { margin-bottom: 15px; }
	#sidebar #certs { text-align: right; }
		#sidebar #certs img { margin: 0 0 8px 8px; padding: 0; vertical-align: top; }

/* Footer */
#ftr { background: url(images/img-footer-bg.png) left top no-repeat; clear: both; position: relative; width: 958px; height: 300px; left: 15px; }
	* html #ftr { background: url(images/img-footer-bg.gif) left top no-repeat; }
	#ftr h3 { border: none; margin: 0; padding: 0; text-indent: -9999px; display: block; height: 25px; }
	#ftr ul { list-style-type: none; margin: 0; padding: 0; }
	#ftr p, 
	#ftr li { color: #666; font-size: 11px; line-height: 15px; }
	#ftr li { margin-bottom: 0; }
	#ftr a:link, #ftr a:visited { color: #999; text-decoration: none; }
	#ftr a:hover, #ftr a:active { color: #ccc; }
	#ftr-news { height: 38px; position: absolute; left: 5px; top: 5px; }
		#ftr-news h3 { background: url(images/hdr-news.gif) 10px 10px no-repeat; height: 38px; width: 60px; }
		#ftr-news2 { height: 38px; overflow: hidden; position: absolute; left: 60px; top: 0; width: 690px; }
		#ftr-news ul { }
			#ftr-news li { line-height: 18px; margin: 0; padding: 10px 0; }
			#ftr-news a:link, #ftr-news a:visited { color: #11a7eb; font-weight: bold; }
			#ftr-news a:hover, #ftr-news a:active { color: #64cdfc; }
			#ftr-news li .date { color: #999; font-weight: normal; }
	#ftr-social { position: absolute; right: 15px; top: 12px; height: 18px; }
		#ftr-social ul { }
			#ftr-social ul li { display: inline; line-height: 18px; padding-left: 5px; }
			#ftr-social a { position: relative; }
			#ftr-social .rollover { width: 18px; height: 18px; top: -1px; }
		#ftr-social-twitter .rollover { background: url(images/icon-twitter-over.gif) 0 0 no-repeat; }
		#ftr-social-facebook .rollover { background: url(images/icon-facebook-over.gif) 0 0 no-repeat; }
		#ftr-social-linkedin .rollover { background: url(images/icon-linkedin-over.gif) 0 0 no-repeat; }
	#ftr-sitemap { position: absolute; left: 5px; top: 55px; width: 303px; padding: 15px 0 5px 15px; }
		#ftr-sitemap h3 { text-indent: 0; }
			#ftr-sitemap h3 a { background: url(images/hdr-sitemap.gif) 0 0 no-repeat; display: block; height: 25px; text-indent: -9999px; }
		#ftr-sitemap ul { font-weight: bold; float: left; padding-right: 20px; }
			#ftr-sitemap ul li { color: #999; }
			#ftr-sitemap ul ul { font-weight: normal; float: none; }
				#ftr-sitemap ul ul li { color: #666; }
	#ftr-tech { position: absolute; left: 335px; top: 55px; width: 108px; padding: 15px 15px 5px 15px; }
		#ftr-tech ul { text-align: center; padding: 10px 0 0 7px; }
			#ftr-tech ul li { margin-bottom: 10px; width: 96px; }
			#ftr-tech a { display: block; position: relative; }
			#ftr-tech-drupal .rollover { background: url(images/logo-drupal-over.gif) 0 0 no-repeat; }
			#ftr-tech-magento .rollover { background: url(images/logo-magento-over.gif) 0 0 no-repeat; }
			#ftr-tech-modx .rollover { background: url(images/logo-modx-over.gif) 0 0 no-repeat; }
	#ftr-about { position: absolute; left: 485px; top: 55px; width: 245px; padding: 15px 15px 5px 15px; }
		#ftr-about h3 { background: url(images/hdr-about-top-floor.gif) 0 0 no-repeat; }
		#ftr-about p { }
	#ftr-twitter { position: absolute; left: 772px; top: 55px; width: 151px; padding: 15px 15px 5px 15px; }
		#ftr-twitter h3 { background: url(images/hdr-latest-tweet.gif) 0 0 no-repeat; }
		#ftr-twitter p { }
	.follow { }
	#ftr #ftr-copyright { color: #666; font-size: 10px; text-transform: uppercase; position: absolute; left: 0; bottom: 55px; margin: 0; padding: 0; }
	#ftr #ftr-certs { position: absolute; right: 0; bottom: 15px; vertical-align: top; }
		#ftr #ftr-certs #bbcert { position: relative; top: -12px; right: 8px; }

/* Contact Form */
label.label { position: absolute; left: 0; top: 0; width: 65px; color: #666; }
label.caption { color: #999; text-transform: uppercase; display: block; font-size: 10px; }
label.inline { color: #666; padding-right: 15px; }
input.text, 
textarea { border: 1px solid #ccc; padding: 2px; }
.formField, 
.formFieldLong { position: relative; margin-bottom: 10px; padding-left: 70px; min-height: 1em; }
.formField:after, 
.formFieldLong:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html .formField, 
	* html .formFieldLong { height: 1%; }
.formInline { float: left; padding-right: 5px; }
.formSubmit { padding-left: 70px; }
.formFieldLong { padding-top: 24px; }
	.formFieldLong label.label { width: auto; }
.form { }
	.form textarea, 
	.form input.text { width: 248px; }
	#text .form ul.checkboxes { margin-left: 8px; }
		#text .form ul.checkboxes li { background: none; text-indent: -18px; }
		#text .form ul.checkboxes input.text { width: 200px; }
#contactForm { background: #fff; float: right; padding-left: 20px; width: 330px; }
	#contactForm h3 { margin-top: 0; }
#map { border-top: 2px solid #1e1e1e; display: block; width: 100%; height: 318px; }
	#map h3, 
	#map p { margin: 0; }

/* Portfolio */
#portfolioThumbs { margin-left: -15px; min-height: 100px; }
	#portfolioThumbs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html #portfolioThumbs { height: 100px; }
	#portfolioThumbs .thumb { width: 216px; margin: 0 0 15px 15px; float: left; position: relative; }
		#portfolioThumbs .thumb .caseStudyIcon { background: url(images/icon-casestudy.png) 0 0 no-repeat; position: absolute; right: -1px; top: -1px; width: 65px; height: 65px; }
		#portfolioThumbs .thumb img { margin-bottom: 1px; display: block; }
		#portfolioThumbs .thumb a { color: #999; text-decoration: none; font-size: 11px; }
			#portfolioThumbs .thumb a strong { color: #444; }

/* Seminars */
#seminarInfo { float: right; width: 48.5%; }
#seminarSignup { float: left; width: 48.5%; }
#signup { background: #f3f3f3 url(images/img-seminar-signup-bg.gif) 0 100% no-repeat; float: right; width: 218px; margin-left: 15px; padding-bottom: 3px; }
	#signup h2 { background: url(images/hdr-signuptoday.gif) 0 0 no-repeat; height: 27px; margin: 0; padding: 0; text-indent: -9999px; border: none; }
	#signup p { line-height: 15px; margin: 7px 10px; padding: 0; }
	#signup ul { line-height: 15px; list-style-type: none; margin: 0 10px; padding: 0; }
		#signup ul li { background: none; border-top: 1px solid #ededed; margin: 0; padding: 7px 0; }
	#signup h4 { line-height: 15px; margin: 0; padding: 0; }
	#signup a.more { background: url(images/img-seminar-signup-link-bg.gif) 0 10px no-repeat; dispay: block; padding: 10px 0 3px 18px; text-transform: uppercase; font-size: 10px; text-decoration: none; }