@charset "UTF-8";

body { background-color: #FFFFFF; background-image: url("../_media/images/layout/bg_gradient_home.jpg"); background-position: top right; background-repeat: repeat-x; margin-top: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a { outline: 0 none; -moz-outline-style: 0 none; }

#wrapper { width: 1000px; position: relative; margin: 0 auto; }

h1#home { background: url("../_media/images/headers/flag_vzw_2009.jpg") no-repeat; height:568px; width: 1000px; text-indent: -9999px; margin: 0 auto; }
	h1#home a { display: block; height: 100%; width:100%; }

#header { position: absolute; top: 44px; }

#content { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: justify; width: 950px; position: absolute; top: 335px; left: 20px; }

#right_header { position: absolute; left: 715px; top: 251px; overflow: hidden; width: 300px; height: 212px; }
	#right_header p { margin-top: 0; text-align: justify; }
		#right_header ul { list-style: none; margin: 0px; }
			#right_header li { background: #000000; width: 210px; padding: 10px; filter:alpha(opacity=75); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;  margin: 1px 0 0 0; }
				#right_header li a { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 18px; letter-spacing: 3px; color: #FFFFFF; font-weight:bold; text-decoration: none; }
					#right_header li a:hover { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 18px; letter-spacing: 3px; color: #FFFFFF; font-weight:bold; text-decoration:underline; }

#top_header { display: inline; position: absolute; left: -40px; top: 0px; overflow: hidden; width: 1045px; height: 50px; }
	#top_header p { margin-top: 0; text-align: justify; }
		#top_header ul { list-style: none; margin: 0px; }
			#top_header li { float: left; background: #000000; width: 229.3px; padding: 10px; filter:alpha(opacity=75);-moz-opacity:.8;opacity:.8; margin: 0 1px 0 0; }
				#top_header li a { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 18px; letter-spacing: 3px; color: #FFFFFF; font-weight:bold; text-decoration: none; }
					#top_header li a:hover { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 18px; letter-spacing: 3px; color: #FFFFFF; font-weight:bold; text-decoration:underline; }


#homeSocial { position: absolute; left: 915px; top: -10px; }
	#homeSocialText { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; position: absolute; left: 840px; top: -5px; }

#aboutContent { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: justify; width: 950px; position: absolute; top: 335px; left: 20px; }
	#aboutCopyright { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; position: absolute; top: 85px; }
		#aboutSocial { position: absolute; left: 915px; top: 80px; }
			#aboutSocialText { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; position: absolute; left: 840px; top: 85px; }

#techCopyright { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; position: absolute; top: 85px; }
	#techSocial { position: absolute; left: 915px; top: 80px; }
		#techSocialText { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; position: absolute; left: 840px; top: 85px; }

#portfolioCopyright { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; position: absolute; top: 85px; }
	#portfolioSocial { position: absolute; left: 915px; top: 80px; }
		#portfolioSocialText { font-family:  "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; position: absolute; left: 840px; top: 85px; }

#contactCopyright { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; position: absolute; top: 85px; }
	#contactSocial { position: absolute; left: 915px; top: 80px; }
		#contactSocialText { font-family:  "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; position: absolute; left: 840px; top: 85px; }

#sectionHeader { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 38px; letter-spacing: 5px; color: #000066; font-weight: bold; text-decoration: none; position: absolute; top: 280px; }

img.floatRight { float: right; padding-left: 14px; padding-bottom: 14px; }

div#contactInstruction { position: absolute; top: 345px; right: 50px; width: 370px; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-align: justify; color: #666666; }
	div#contact { background: url("../_media/images/pics/contact.jpg") no-repeat; height: 245px; width: 275px; text-indent: -9999px; position: absolute; top: 460px; right: 100px; }
		div#contactForm { position: absolute; top: 345px; left: 10px; width: 500px; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: justify; font-weight: bold; color: #666666;}
		
label { display: block; width: 120px; float: left; margin: 2px 4px 8px 4px; text-align: right; }

br { clear: left; }

.input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; border: 1px solid #006; background: #ccc; padding:3px; }
	.input:hover { border: 1px solid #006; background: #ffc; }

.submitContact:hover { filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity:.5; opacity:.5; }

.box { position: absolute; top: 345px; right: 50px; width: 370px; height: 90px; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; padding: 5px 0px 5px 5px; font-weight: bold; background-color:#FDCBCA; border: dotted 2px #E8514A; }

#homeFooter { width: 100%; position: absolute; }
	#homeFooterPadding { width: 100%; position: absolute; top: 1015px; padding: 10px; }

#aboutFooter { width: 100%; position: absolute; top: 1250px; }
	#aboutFooterPadding { width: 100%; position: absolute; top: 1365px; padding: 10px; }

#techFooter { width: 100%; position: absolute; top: 850px; }
	#techFooterPadding { width: 100%; position: absolute; top: 965px; padding: 10px; }

#portfolioFooter { width: 100%; position: absolute; top: 900px; }
	#portfolioFooterPadding { width: 100%; position: absolute; top: 1015px; padding: 10px; }

#contactFooter { width: 100%; position: absolute; top: 750px; }
	#contactFooterPadding { width: 100%; position: absolute; top: 855px; padding: 10px; }

#copyright { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; position: absolute; top: -5px; }
	A.copyright { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #00C; text-decoration: none; }
		A.copyright:hover { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #00C; text-decoration: underline; }

A.content { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #00C; text-decoration: none; }
	A.content:hover { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #00C; text-decoration: underline; }

A.portfolioLink { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #00C; text-decoration: none; }
	A.portfolioLink:hover { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #00C; text-decoration: underline; }

#applications { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: justify; width: 225px; position: absolute; top: 345px; left: 20px; }

#languages { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: justify; width: 200px; position: absolute; top: 345px; left: 275px; }

#databases { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: justify; width: 222px; position: absolute; top: 345px; left: 450px; }

#protocols { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: justify; width: 222px; position: absolute; top: 475px; left: 450px; }

#frameworks { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: justify; width: 222px; position: absolute; top: 605px; left: 450px; }

#systems { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: justify; width 250px; position: absolute; top: 345px; left: 650px; }

#addy { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; }

#title { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: justify; }

#titleBook { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-align: center; }

div#feature { width: 1000px; height: 530px; position: absolute; top: 332px; overflow: hidden; }

#nav { width: auto; }
	#nav a.activeSlide { filter:alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; }
		#nav a:focus { outline: none; }

a#prev, a#next { text-indent: -9999px; width: 81px; height: 50px; display: block; position: absolute; top: 20px; }
	a#prev { background: transparent url("../_media/images/layout/prev.png") no-repeat; left: 150px; }
		a#next { background: transparent url("../_media/images/layout/next.png") no-repeat; right: 140px; }
			a#prev:hover, a#next:hover, a#one:hover, a#two:hover, a#three:hover, a#four:hover, a#five:hover, a#six:hover, a#seven:hover, a#eight:hover { filter:alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; }
	
.activePlay { filter:alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; }
	div.play { cursor:pointer; width: 81px; height: 50px; display: block; position: absolute; top: 20px; right: 456px; }
	
a#one { text-indent: -9999px; width: 32px; height: 32px; display: inline-block; position: absolute; top: 27px; background: transparent url("../_media/images/layout/1.png") no-repeat; left: 245px; }

a#two { text-indent: -9999px; width: 32px; height: 32px; display: block; position: absolute; top: 27px; background: transparent url("../_media/images/layout/2.png") no-repeat; left: 300px; }

a#three { text-indent: -9999px; width: 32px; height: 32px; display: block; position: absolute; top: 27px; background: transparent url("../_media/images/layout/3.png") no-repeat; left: 355px; }

a#four{ text-indent: -9999px; width: 32px; height: 32px; display: block; position: absolute; top: 27px; background: transparent url("../_media/images/layout/4.png") no-repeat; left: 410px; }

a#five{ text-indent: -9999px; width: 32px; height: 32px; display: block; position: absolute; top: 27px; background: transparent url("../_media/images/layout/5.png") no-repeat; right: 409px; }

a#six { text-indent: -9999px; width: 32px; height: 32px; display: block; position: absolute; top: 27px; background: transparent url("../_media/images/layout/6.png") no-repeat; right: 354px; }

a#seven { text-indent: -9999px; width: 32px; height: 32px; display: block; position: absolute; top: 27px; background: transparent url("../_media/images/layout/7.png") no-repeat; right: 299px; }

a#eight { text-indent: -9999px; width: 32px; height:32px; display:block; position: absolute; top: 27px; background: transparent url("../_media/images/layout/8.png") no-repeat; right: 244px; }

#portfolio { padding-top: 30px; padding-right: 20px; }
	#portfolio_mt { padding-top: 12px; padding-right: 20px; }
		#portfolio_pepsi { padding-top: 12px; padding-right: 50px; }
			#portfolio_jimWoods { padding-top: 12px; padding-right: 40px; }
				#portfolio_entrekin { padding-top: 12px; padding-right: 70px; }

div#portfolio_cycle_wrp { width: 810px; height: 440px; overflow: hidden; position: absolute; top: 75px; left: 89px; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; border: 3px solid; border-color: #666; }

div.portfolio_cycle { width:100%; height: 410px; overflow: hidden; text-align: justify; padding: 10px; }
	div.portfolio_cycle h1 { font-size: 2.5em; font-weight: normal; letter-spacing: 0.05em; }
		div.portfolio_cycle h2 { font-size: 1.8em; font-weight: normal; margin-bottom: 0.2em; text-align: justify; }
			div.portfolio_cycle p { font-size: 15px; text-align: justify; }
				p.portfolio_cycle_summary{ overflow: hidden; }
					div.portfolio_cycle_hr { height:2px; width: 387px; line-height: 0; display: block; margin: 5px 0 15px 0; font-size: 0; }
						div.portfolio_cycle_left_col { width:415px; }
							div.portfolio_cycle_left_col2 { width:340px; }
								div.portfolio_cycleBook { width:100%; height:100%; overflow: hidden; text-align: center; padding: 10px; background-image:url("../_media/images/layout/bg_810_90.jpg") }

.center { margin-left: auto; margin-right:auto;}

.left { float:left; }

.right { float:right; }

.clear { clear:both; }