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

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

h1, h2, h3, h4, h5, h6, ol, ul, p { margin-bottom: 10px; line-height: 20px; }
h1 { color: #11a7eb; font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: normal; letter-spacing: -1px; line-height: 28px; margin-bottom: 2px; }
	h1 span { font-size: 16px; text-transform: uppercase; color: #999; letter-spacing: 1px; }
h2 { color: #333; font-size: 16px; font-weight: bold; margin-top: 20px; margin-bottom: 6px; padding-bottom: 0; }
	h2:first-child { margin-top: 0; }
h3 { color: #444; font-size: 12px; font-weight: bold; margin-top: 20px; margin-bottom: 6px; padding-bottom: 0; }
	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 { color: #555; font-size: 20px; line-height: 22px; }

.hr { clear: both; margin: 15px 0; border-top: 1px solid #ccc;  }
	.hr hr { display: none; }

ul { margin-left: 20px; }
ol { margin-left: 20px; }
	ul li { margin-bottom: 6px; }
	#text ul { list-style-type: none; margin-left: 0; }
		#text ul li { background: url(images/img-bullet.gif) 10px 5px no-repeat; padding-left: 20px; }
	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; text-decoration: none; }
a:hover, a:active { color: #444; }
	a img { border: none; }
	h2 a:link, h2 a:visited, 
	h3 a:link, h3 a:visited { color: #11a7eb; }
	h2 a:hover, h2 a:active, 
	h3 a:hover, h3 a:active { color: #444; }

blockquote { background: #fff url(images/bg-blockquote.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; }

table.jobs { width: 100%; border-collapse: collapse; }
	table.jobs tr { border: none; }
	table.jobs th { background: #eee; border: 1px solid #fff; border-width: 1px 0; padding: 3px 6px; }
	table.jobs td { border: 1px solid #fff; border-width: 1px 0; padding: 3px 6px 3px 18px; }
	table.jobs thead { background: #ddd; }
	table.jobs thead th { background: #ddd; }
	table.jobs .availability { text-align: right; }
	

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; }

p.more a { background: url(images/img-bullet.gif) 10px 3px no-repeat; padding-left: 20px; }

.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/bg-date.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; width: 305px; float: left; margin: 0 0 20px 20px; padding: 0 0 0 20px; }
		#text ul.toc li img { float: right; margin: 5px 0 5px 5px; }
		#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%; position: relative; }
#topbar { background: rgb(27, 27, 27); background: rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgb(54, 54, 54); border-bottom: 1px solid rgba(204, 204, 204, 0.25); }
	#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 { vertical-align: middle; }
		#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/bg-nav.gif) left top no-repeat; display: block; width: 102px; height: 42px; text-indent: -9999px; }

		#nav-webdesign a:link, #nav-webdesign a:visited { background-position: 0 0; }
			#nav-webdesign a:hover, #nav-webdesign a:active, 
			#nav-webdesign.active a:link, #nav-webdesign.active a:visited, 
			#nav-webdesign.active a:hover, #nav-webdesign.active a:active { background-position: 0 -42px; }
		#nav-semseo a:link, #nav-semseo a:visited { background-position: -102px 0; width: 94px; }
			#nav-semseo a:hover, #nav-semseo a:active, 
			#nav-semseo.active a:link, #nav-semseo.active a:visited, 
			#nav-semseo.active a:hover, #nav-semseo.active a:active { background-position: -102px -42px; }
		#nav-seminars a:link, #nav-seminars a:visited { background-position: -196px 0; width: 89px; }
			#nav-seminars a:hover, #nav-seminars a:active, 
			#nav-seminars.active a:link, #nav-seminars.active a:visited, 
			#nav-seminars.active a:hover, #nav-seminars.active a:active { background-position: -196px -42px; }
		#nav-projects a:link, #nav-projects a:visited { background-position: -285px 0; width: 88px; }
			#nav-projects a:hover, #nav-projects a:active, 
			#nav-projects.active a:link, #nav-projects.active a:visited, 
			#nav-projects.active a:hover, #nav-projects.active a:active { background-position: -285px -42px; }
		#nav-blog a:link, #nav-blog a:visited { background-position: -373px 0; width: 60px; }
			#nav-blog a:hover, #nav-blog a:active, 
			#nav-blog.active a:link, #nav-blog.active a:visited, 
			#nav-blog.active a:hover, #nav-blog.active a:active { background-position: -373px -42px; }
		#nav-about a:link, #nav-about a:visited { background-position: -433px 0; width: 89px; }
			#nav-about a:hover, #nav-about a:active, 
			#nav-about.active a:link, #nav-about.active a:visited, 
			#nav-about.active a:hover, #nav-about.active a:active { background-position: -433px -42px; }

		#nav ul { display: none; list-style-type: none; margin: 0; padding: 0; position: absolute; width: 150px; background: url(images/bg-nav-drop-shadow.png) left bottom no-repeat; padding-bottom: 6px; top: 40px; left: 1px; z-index: 900; }
			#nav #nav-about 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; }

/* Page Top */
#pagetop { margin: 0 15px; height: 190px; position: relative; }
	#pagetop img { position: absolute; left: 0; bottom: 0; }
	.page4 #pagetop img, 
	.page8 #pagetop img { bottom: -70px; }
	.page2 #pagetop img { bottom: -30px; }

/* Content */
#content { background: #fff; width: 958px; margin: 0 15px 30px; min-height: 200px; }
	#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html #content { height: 200px; }
	#heading { padding-top: 15px; }
		#heading h1 { border-bottom: 1px solid #1b1b1b; margin: 0; padding: 0; }

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

	#text { background: #fff; color: #222; display: inline; float: right; margin: 0 20px 20px 0; min-height: 200px; width: 678px; }
	#text:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#cta { background: #0070ac url(images/bg-cta.gif) 0 50% repeat-x; border: 1px solid #2192cf; clear: both; margin: 40px 0 0 0; padding: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
		#cta p { background: url(images/icon-cta.png) 10px 50% no-repeat; color: #c2e5f5; margin: 0; padding: 15px 20px 15px 55px; }
		#cta strong { color: #fff; }
		#cta a:link, #cta a:visited { color: #fff; font-weight: bold; text-decoration: underline; }
		#cta a:hover, #cta a:active { color: #fff; }

#presenterinfo {height:270px;}
#presenters img {float:left; clear:both; margin-right:15px; margin-bottom:15px;}
#creds img {clear:none;}

/* Sidebar */
#sidebar { width: 230px; text-align: right; padding-bottom: 20px; position: relative; }
	#sidenav { margin-bottom: 20px; padding-top: 23px; text-align: left;  }
	#sidenav { }
		#sidenav h2 { border-bottom: 1px solid #1b1b1b; font-size: 14px; margin: 0; padding: 0 0 3px 0; text-transform: uppercase; }
			#sidenav h2 a:link, #sidenav h2 a:visited { color: #333; padding: 0 0 0 20px; }
			#sidenav h2 a:hover, #sidenav h2 a:active { color: #666; }
		#sidenav ul { list-style-type: none; margin: 0; padding: 0; }
			#sidenav ul a:link, #sidenav ul a:visited { color: #11a7eb; font-weight: bold; display: block; text-decoration: none; padding: 3px 0 3px 20px; }
			#sidenav ul a:hover, #sidenav ul a:active { color: #666; }
			#sidenav ul .active a:link, #sidenav ul .active a:visited { color: #12b521; }
			#sidenav ul .active a:hover, #sidenav ul .active a:active { color: #666; }
			#sidenav ul li { border-bottom: 1px solid #1b1b1b; 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, 
				#sidenav ul .active ul a:link, #sidenav ul .active ul a:visited { color: #666; font-weight: normal;font-size: 11px; padding: 0 0 6px 20px; }
				#sidenav ul ul a:hover, #sidenav ul ul a:active, 
				#sidenav ul .active ul a:hover, #sidenav ul .active ul a:active { color: #999; }
				#sidenav ul ul .active a:link, #sidenav ul ul .active a:visited { color: #333; }
				#sidenav ul ul .active a:hover, #sidenav ul ul .active a:active { color: #666; }
	.sidead { margin-bottom: 20px; }
	#sidebar #certs { text-align: right; }
		#sidebar #certs img { margin: 0 0 8px 8px; padding: 0; vertical-align: top; }

/* Footer */
#ftr { background: url(images/bg-footer.png) left top no-repeat; clear: both; position: relative; width: 958px; height: 300px; left: 15px; }
	* html #ftr { background: url(images/bg-footer.gif) left top no-repeat; }
	#ftr a:link, #ftr a:visited { color: #999; text-decoration: none; }
	#ftr a:hover, #ftr a:active { color: #ccc; }
	#ftr h3 { border: none; color: #11a7eb; margin: 0; padding: 0; display: block; height: 25px; }
		#ftr h3 a:link, #ftr h3 a:visited { color: #11a7eb; text-decoration: none; }
		#ftr h3 a:hover, #ftr h3 a:active { color: #ccc; }
	#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-news { height: 38px; position: absolute; left: 5px; top: 5px; }
		#ftr-news h3 { line-height: 18px; padding: 10px 0 10px 15px; width: 50px; }
		#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; width: 156px; }
		#ftr-social ul { float: right; }
			#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-clients { float: left; font-size: 10px; text-transform: uppercase; line-height: 18px; padding-top: 2px; }
			#client-login { border: 1px solid #333; color: #999; font-size: 8px; background: #222; width: 74px; padding: 4px 0; }

.stylish-select ul.newList {left:-9999px;}

#ftr-clients ul.newList { float: none; list-style-type: none; margin: 0; padding: 0; text-transform: none; color:#3e3e38; position: absolute; max-height: 200px; overflow: auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #222; border: 1px solid #333; top: 0; width: 74px; }
	#ftr-clients ul.newList * {margin:0; padding:0;}
	#ftr-clients ul.newList li { background: none;}
	#ftr-clients ul.newList a { text-decoration:none; display:block;}

#ftr-clients .newListSelected {width: 74px !important; margin: 0; padding: 0; text-align: left; float:left; line-height: 10px; }
	#ftr-clients .newListSelected span {display:block;}
	#ftr-clients ul.newList { text-transform: uppercase; }
		#ftr-clients ul.newList li { color: #999; cursor: pointer; display: block; font-size: 8px; line-height: 12px; float: none; list-style-type: none; margin: 0; padding: 2px; }
		#ftr-clients ul.newList li a { line-height: 12px; padding:3px; display: block; }
		#ftr-clients ul.newList li a:focus {-moz-outline-style: none;}
	#ftr-clients .selectedTxt {margin: 0; padding: 4px 2px; font: 8px Helvetica, Arial, sans-serif; width: 70px; display: block; text-align:left; background: #222 url(images/bg-client-login.gif) 95% 50% no-repeat; cursor: pointer; border: 1px solid #333; color: #999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
	#ftr-clients .hiLite { background-color: #444; }
		#ftr-clients .hiLite a { background-color: #444; }
	#ftr-clients .newListHover { background-color: #333; }
	#ftr-clients .newListSelHover,
	#ftr-clients .newListSelFocus {cursor:default;}
	#ftr-clients .newListOptionTitle {font-weight:bold;}
		#ftr-clients .newListOptionTitle ul {margin:3px 0 0;}
		#ftr-clients .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

	#ftr-sitemap { position: absolute; left: 5px; top: 55px; width: 303px; padding: 15px 0 5px 15px; }
		#ftr-sitemap h3 { }
			#ftr-sitemap h3 a { display: block; height: 25px; }
		#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 { }
		#ftr-about p { }
	#ftr-twitter { position: absolute; left: 772px; top: 55px; width: 151px; padding: 15px 15px 5px 15px; }
		#ftr-twitter h3 { }
		#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; padding-bottom: 20px; width: 330px; }
	#contactForm h2 { margin-bottom: 5px; }
#map { border-top: 2px solid #1e1e1e; display: block; width: 100%; height: 318px; }
	#map h3, 
	#map p { margin: 0; }

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

/* Seminars */
#seminarInfo { float: right; width: 48.5%; }
#seminarSignup { float: left; width: 48.5%; }
#signup { border: 1px solid #ddd; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; float: right; width: 218px; margin-left: 15px; margin-bottom: 15px; padding: 10px 10px 0 10px; }
	#signup h2 { margin: 0; padding: 0; border: none; }
	#signup p { line-height: 15px; }
	#signup ul { line-height: 15px; list-style-type: none; margin: 0; padding: 0; }
		#signup ul li { background-position: 10px 10px; border-top: 1px solid #ddd; margin: 0; padding: 8px 10px 8px 20px; }
	#signup h4 { line-height: 15px; margin: 0; padding: 0; }
	#signup a.more { dispay: block; text-transform: uppercase; font-size: 10px; text-decoration: none; }