/* ----------------------
  default style  
---------------------- */
body { margin: 0; font-size: 62.5%; font-family: "Arial", "Arial", "Helvetica", "sans-serif"; color: #343434; }
img, img:hover { border: none; }
a, img, img:hover { text-decoration: none; color: #660066; outline:none; border:none; }
a:hover { text-decoration: underline; cursor: pointer; }
ul { margin: 0; padding: 0; list-style: none; }
button { cursor: pointer; }
input:focus, textarea:focus { outline: none; }
p { font-size: 1.2em; line-height: 1.5em; }
p a { font-size: 1em; line-height: 1em; }

/* ----------------------
	Reusable style 
---------------------- */
.hide { position:absolute; display: block; top: auto; left: -10000px; width: 1px; height: 1px; }
.js-hide { display: none; }
.clear { clear: both; }
.clearfix { clear: both; overflow: hidden; }
.left { float: left; }
.right { float: right; }
.rounded-corner { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.highlight-block { background-color: #efe5ef; margin: 9px 0; }
.button, button { border: none; display: block; text-indent: -9999px; cursor: pointer; }
	/* BUTTON */
	.btn-click-for-more { width: 236px; height: 57px; background:transparent url('../img/btn-click-for-more.png') scroll no-repeat 0 0; }
	.btn-click-for-subscibe { width: 269px; height: 40px; background: url('../img/btn-click-for-subscibe.png') transparent scroll no-repeat 0 0; }
	.btn-sign-up-here { width: 187px; height: 30px; background: url('../img/btn-sign-up-here.png') transparent scroll no-repeat 0 0; }
	.btn-register-now { width: 281px; height: 45px; background: url('../img/btn-register-now.png') transparent scroll no-repeat 0 0; }
	
/* ----------------------
	Layout style 
---------------------- */
.lay-wrapper { overflow: hidden; }
	.lay-2c-left { float: left; }
	.lay-2c-right { float: right; }
	

	
	
/* ----------------------
	Navigation style 
---------------------- */
.horizontal-nav { position: relative; }
	.horizontal-nav li { display: inline-block; position: relative; }
		.horizontal-nav li a { display: inline-block; }
		.horizontal-nav li ul { position: absolute; display: block; top: 100%; left: -10000px; }
		.horizontal-nav li:hover ul, .horizontal-nav li.hover ul { left: 0; }
		
.vertical-nav { position: relative; }
	.vertical-nav li { display: block; position: relative; }
		.vertical-nav li a { display: block; }
		.vertical-nav li ul { position: absolute; display: block; top: 0; left: -10000px; }
		.vertical-nav li:hover ul, .horizontal-nav li.hover ul { left: 100%; }

		
/* ----------------------
	Site style 
---------------------- */
body { background: transparent url('../img/body-background.png') scroll repeat 0 0; overflow-y: scroll; }
	#page-wrapper { padding-top: 14px; background: transparent url('../img/page-wrapper-background.png') scroll repeat-x 0 0; }
		#main-container { margin: 0 auto; width: 1004px; }
		
		/* ----- header ----- */
		#header { width: 1000px; height: 91px; padding: 2px 2px 0; position: relative; background: transparent url('../img/header-background.png') scroll no-repeat 0 0; }
			#header .logo { display: block; width: 185px; height: 60px; margin: 14px 0 0 24px; padding: 0; }
			#header #primary-nav { display: inline-block; position: absolute; right: 19px; bottom: 15px; }
				#header #primary-nav li { }
					#header #primary-nav a { color: #2a2a2a; position: relative; z-index: 2; font-size: 1.4em; padding: 0 22px 0 25px;  border-left: 1px solid #e5e5e5; text-decoration: none; }
						#header #primary-nav a span { padding-bottom: 1px; }
						.home #header #primary-nav #primary-nav-home a span,
						.events #header #primary-nav #primary-nav-events a span,
						.brochures #header #primary-nav #primary-nav-brochures a span,
						.contact-us #header #primary-nav #primary-nav-contact-us a span,
						.privacy #header #primary-nav #primary-nav-privacy a span,
						#header #primary-nav a:hover span { border-bottom: 3px solid #f0d130; }
						.home #header #primary-nav #primary-nav-home li a span,
						.events #header #primary-nav #primary-nav-events li a span,
						.brochures #header #primary-nav #primary-nav-brochures li a span,
						.contact-us #header #primary-nav #primary-nav-contact-us li a span,
						.privacy #header #primary-nav #primary-nav-privacy li a span,
						#header #primary-nav li li a:hover span { border-bottom: none; }
					#header #primary-nav .first a { border-left: none; } 
					#header #primary-nav li ul { top: -7px; z-index: 1; background: transparent url('../img/header-primary-subnav-top.png') scroll no-repeat left top; }
					#header #primary-nav li:hover ul, #header #primary-nav li.hover ul { left: 13px; }
					#header #primary-nav li #ul2 { top: -7px; z-index: 1; background: transparent url('../img/header-primary-subnav-top2.png') scroll no-repeat left top; }
					#header #primary-nav li:hover #ul2, #header #primary-nav li.hover #ul2 { left: 13px; }
						#header #primary-nav li li { padding: 0 10px; }
						#header #primary-nav li li.first { padding-top: 46px; }
						#header #primary-nav li li.last { padding-bottom: 14px; background: transparent url('../img/header-primary-subnav-bottom.png') scroll no-repeat bottom left; margin-bottom: -12px; }
							#header #primary-nav li li a { border-left: none; width: 207px; border-top: 1px dotted #999; color: #311045; font-size: 1.2em; padding-left: 14px; padding-right: 0; }
							#header #primary-nav li li.first a { border: none; }
								#header #primary-nav li li a span { display: block; height: 100%; width: 215px; line-height: 19px; margin-left: -24px; padding-left: 24px; padding-top: 2px;  background: transparent url('../img/arrow-double.png') scroll no-repeat  13px 9px; }
								#header #primary-nav li li a:hover span { border: none; background-color: #311045; color: #fff; }
								#header #primary-nav li li a:hover span { background-position: 13px -53px; }
		
		/* ----- page content ----- */
		#page-content { background: transparent url('../img/main-container-background.png') scroll repeat-y 0 0; padding: 0 2px; }
			/* ** hero area ** */
			#hero-area { position: relative; overflow: hidden; height: 410px; width: 1000px; background-color:#000; }
				#hero-area #promo { position:absolute; top:0; left:0; }
				#hero-area #promos { display:none; }
				#hero-area #hero-banners { overflow: visible; position: absolute; top: 0; left: 0; height: 100%; white-space: nowrap; }
					#hero-area #hero-banners li { padding: 0; margin: 0; list-style: none; display: inline-block; height: 100%; }
						#hero-area #hero-banners li p { margin: 0; padding: 0; color: #fff; line-height: 1.2em; }
						#hero-area #hero-banners .banner-logo { position: absolute; top: 51px; left: 59px; }
						#hero-area #hero-banners .event-info { position: absolute; top: 173px; left: 58px; text-align: center; font-size: 2.4em; }
							#hero-area #hero-banners .event-info .smaller-text { font-size: 0.58em; line-height:1.8em; }
						#hero-area #hero-banners .speaker-name { position: absolute; top: 56px; left: 343px; font-size: 2.73em; }
						#hero-area #hero-banners .btn-click-for-more { position: absolute; top: 129px; left: 344px; }
						#hero-area #hero-banners .speaker-title { position: absolute; top: 194px; left: 346px; font-size: 2.4em; }
				#hero-slider { position: absolute; bottom: 3px; left: 60px; }
					#hero-slider .slider-wrapper { overflow: hidden; height: 101px; width: 890px; position: relative; }
					#hero-slider ul { overflow: visible; position: absolute; height: 100%; white-space: nowrap; }
						#hero-slider li { padding: 0; list-style: none; display: inline-block; height: 100%; margin: 0 2px 0 3px; }
						#hero-slider li.current { background: transparent url('../img/hero-slider-logo-on.png') scroll no-repeat 0 0; }
							#hero-slider li a { width: 170px; height: 101px; text-indent: -9999px; }
							#hero-slider li#hero-slider-logo-visual-studio a { background: transparent url('../img/hero-slider-logo-visual-studio.png') scroll no-repeat left center; }
							#hero-slider li#hero-slider-logo-asp-net a { background: transparent url('../img/hero-slider-logo-asp-net.png') scroll no-repeat left center; }
							#hero-slider li#hero-slider-logo-silverlight a { background: transparent url('../img/hero-slider-logo-silverlight.png') scroll no-repeat left center; }
							#hero-slider li#hero-slider-logo-sql-server a { background: transparent url('../img/hero-slider-logo-sql-server.png') scroll no-repeat left center; }
							#hero-slider li#hero-slider-logo-share-point a { background: transparent url('../img/hero-slider-logo-share-point.png') scroll no-repeat left center; }
					#hero-slider .left-arrow, #hero-slider .right-arrow { position: absolute; display: inline-block; width: 32px; height: 50px; }
						#hero-slider .left-arrow a, #hero-slider .right-arrow a { text-indent: -9999px; display: inline-block; height: 100%; width: 100%; }
					#hero-slider .left-arrow { left: -43px; top: 26px; }
						#hero-slider .left-arrow a { background: transparent url('../img/hero-slider-left-arrow-on.png') scroll no-repeat 0 -51px; }
						#hero-slider .left-arrow a.on { background-position: left top; }
					#hero-slider .right-arrow { right: -40px; top: 26px; }
						#hero-slider .right-arrow a { background: transparent url('../img/hero-slider-right-arrow-on.png') scroll no-repeat 0 -51px; }
						#hero-slider .right-arrow a.on { background-position: left top; }
						
		/* ----- Secondary Nav ------ */
		#secondary-nav-area { height: 48px; position: relative; background: url('../img/secondary-nav.png') scroll repeat-x 0 0; }
			#secondary-nav { width: 70%; margin-left: 19px; }
				#secondary-nav li { }
				#secondary-nav li.has-subnav { }
					#secondary-nav li a { color: #fff; font-weight: bold; font-size: 1.4em; text-decoration: none; position: relative; z-index: 2; height: 18px; margin-top: 3px; margin-right: 6px; padding: 14px 24px; }
					#secondary-nav li.has-subnav a { margin-left: 3px; padding-left: 13px; margin-right: 0; padding-right: 9px; min-width:110px; }
                    #secondary-nav li.has-subnav a.minitab { min-width:56px; padding-right: 3px; }
					#secondary-nav li.has-subnav:hover a, #secondary-nav li.hover a { color: #311045; }
						#secondary-nav li a span { }
						#secondary-nav li.has-subnav a span { padding-right: 16px;  background: url('../img/arrow-yellow-down.png') transparent scroll no-repeat right center; }
					#secondary-nav li.has-subnav ul { z-index: 1; top: 5px; background: url('../img/secondary-subnav-top.png') no-repeat scroll left top; }
					#secondary-nav li.has-subnav:hover ul { left: 3px; }
						#secondary-nav li.has-subnav li { width: 163px; height: auto; margin-top: 0; padding: 0 10px; }
						#secondary-nav li.has-subnav li.first { padding-top: 42px; }
						#secondary-nav li.has-subnav li.last { padding-bottom: 14px; background: transparent url('../img/secondary-subnav-bottom.png') scroll no-repeat bottom left; margin-bottom: -11px; }
							#secondary-nav li.has-subnav li a { color: #311045; font-weight: normal; font-size: 1.2em; border-top: 1px dotted #999999; padding: 0 0 4px 14px; margin-top: 0; }
							#secondary-nav li.has-subnav li.first a { border: none; }
								#secondary-nav li.has-subnav li a span { background: url("../img/arrow-double.png") no-repeat scroll 13px 9px transparent; display: block; height: 100%; line-height: 19px; margin-left: -27px; padding-left: 23px; padding-top: 2px; padding-bottom: 2px; width: 141px; }
								#secondary-nav li.has-subnav li a:hover span { border: none; background-color: #311045; color: #fff; background-position: 13px -53px; }
				.event-home #secondary-nav-event-home a { background: url('../img/secondary-nav-active.png') transparent scroll no-repeat bottom center; min-width:80px; text-align:center; }
				
			
			#secondary-nav-area .btn-register-now { position: absolute; top: 4px; right: 8px; }
		
		/* ----- Footer ----- */
		#footer { color: #666; margin-top: 4px; }
			#footer #footer-links { padding-top: 3px; background: url('../img/footer-links-top.png') transparent scroll no-repeat 0 0; }
				#footer #footer-links .footer-links-inner { padding: 8px 20px 19px; background: url('../img/footer-links-content.png') transparent scroll no-repeat left bottom; }
					#footer-links .footer-header { font-weight: bold; color: #ccc; font-size: 1.2em; margin-top: 0; margin-bottom: 3px; }
						#footer-links li { padding: 2px 20px 2px 11px; font-size: 1.2em; background: url('../img/arrow-double-footer.png') transparent scroll no-repeat left center; }
							#footer-links li a { color: #666; }
						#footer-links #footer-events { width: 74.5%; }
							#footer-links #footer-events .lay-2c-left { width: 33%; }
						#footer-links #footer-other-links { width: 25%; }
			#footer #copy-right { text-align: right; }
		
		
			/* ** content area ** */
			#content-area { padding: 11px 11px 11px 17px; }
				.left-side-block-bottom { width: 689px; padding-bottom: 7px; background: url('../img/left-side-block-bottom.png') transparent scroll no-repeat left bottom; }
					.left-side-block { background: url('../img/left-side-block-content.png') scroll repeat-y left top; margin-top: 24px; padding-top: 1px; }
						.left-side-block-inner { margin-top: -24px; padding: 10px 15px 10px 19px; background: url('../img/left-side-block-top.png') transparent scroll no-repeat top left; min-height:597px; }
							.left-side-block-inner h2 { font-size: 2.4em; font-weight: normal; color: #606; margin: 8px 0; padding-bottom: 2px; border-bottom: 1px solid #ccc; }
								.left-side-block-inner .content-session-dotted-line { padding-bottom: 1px; background: url('../img/content-session-dotted-line.png') transparent scroll repeat-x bottom left; }
								.left-side-block-inner .content-session-solid-line { border-bottom: 1px solid #ccc; }
                                .left-side-block-inner .content-session-solid-line ul {font-size:12px; padding-left:15px;}
								.left-side-block-inner .content-session-solid-line ul li { display: block; margin-left: -24px; padding-left: 24px; padding-top: 5px;  background: transparent url('../img/arrow-double.png') scroll no-repeat  13px 9px; }
									.left-side-block-inner .highlight-block { }
										#content-area .left-side-block-inner .highlight-block .lay-2c-left { width: 64.5%; padding: 0 2%; border-right: 1px dotted #fff; }
										#content-area .left-side-block-inner .highlight-block .lay-2c-right { width: 27%; padding: 0 2%; }
											.left-side-block-inner .highlight-block h3 { color: #606; font-size: 1.8em; margin-bottom: 8px; }
											.left-side-block-inner .highlight-block p { font-size: 1.6em; margin-top: 5px; line-height: 1.3em; }
											.left-side-block-inner .highlight-block .highlight { font-weight: bold; font-size: 1em; }
								.left-side-block-inner .content-session { text-align: justify; margin-bottom: 16px; margin-top: 16px; position: relative; overflow: hidden; }
									.left-side-block-inner .content-session h3 { font-size: 1.4em; margin-bottom: 5px; margin-top: 0; }
									.left-side-block-inner .content-session p { margin: 0 0 18px 0; padding-right:6px;}
				
				#content-area .lay-2c-right { width: 278px; }
					.right-side-block { background: url('../img/right-side-block-content.png') transparent scroll repeat-y left top; padding: 1px 0; margin-top: 24px; width: 278px; margin-bottom: 49px; }
						.right-side-block-content { background: url('../img/right-side-block-top.png') transparent scroll no-repeat left top; margin-top: -24px; padding: 18px 8px 10px; }
							.right-side-block-content h2 { margin: 0 0 5px 6px; color: #660066; font-size: 1.8em; padding-bottom: 2px; border-bottom: 1px solid #ccc; font-weight: normal; }
							.right-side-block-content ul { }
								.right-side-block-content li { padding-top: 3px; margin-bottom: 1px; background: url('../img/right-side-block-inner-block-top.png') transparent scroll no-repeat left top; }
									.right-side-block-content li .right-side-block-inner-block { padding: 6px 25px 10px 7px; background: url('../img/right-side-block-inner-block-content-small.png') transparent scroll no-repeat left bottom; }
									.right-side-block-content li.first .right-side-block-inner-block { background-image: url('../img/right-side-block-inner-block-content-large.png'); }
										.right-side-block-inner-block img { float: left; margin: 2px 8px 5px 5px; }
										.right-side-block-content li.first .right-side-block-inner-block img { float: none; margin:  0 5px 6px 0; }
										.right-side-block-inner-block h3 { color: #333; font-size: 1.2em; margin: 0 0 0 4px; }
										.right-side-block-content li.first .right-side-block-inner-block h3 { margin: 4px 0 0 4px; }
										.right-side-block-inner-block p { font-size: 1.2em; line-height: 1.1em; margin: 1px 0 0 4px; color: #666 ; }
										.right-side-block-content ul a { display: inline-block; color:#666; width: 100%; }
										.right-side-block-content ul a.img-link { text-decoration: none; display: inline; }
										.right-side-block-content ul.left-yellow-highlight a { border-left: 3px solid #F0D130; padding-left: 3px; margin-left: 3px; }
										.right-side-block-content ul.left-purple-highlight a { border-left: 3px solid #520053; padding-left: 3px; margin-left: 3px; }
						.right-side-block-bottom { height: 18px; margin-bottom: -22px; padding: 2px 12px; background: url('../img/right-side-block-bottom.png') transparent scroll no-repeat left bottom; font-size: 1.2em; text-align: right; }
							.right-side-block-bottom a { color: #003399; }
					.right-side-block-signup { width: 248px; height: 87px; padding: 18px 15px; margin-top: -24px; background: url('../img/right-side-block-signup.png') transparent scroll no-repeat 0 0; }
						.right-side-block-signup p { color: #fff; font-size: 1.2em; line-height: 1.3em; }
						.right-side-block-signup a { margin: 0 auto; }
					#content-area .lay-2c-right .last { margin-top: -24px; }

		/* ---- page-content-bottom ---- */
		#page-content-bottom { width: 1004px; height: 12px; background: transparent url('../img/page-content-bottom.png') scroll no-repeat 0 0; }

/* ----------------------
	Page style 
---------------------- */
.home { }
	.home #content-area { background-color: #666; }
	
	.home #page-content-bottom { }
	
		.home #img-keynote-scott-guthrie { float: left; margin: 1px 16px 16px 0; }
	.home #devconnections-magazine { }
		.home #devconnections-magazine h3 { font-size: 1.8em; color: #606; font-weight: bold; }
		.home #devconnections-magazine #img-devconnections-magazine { float: right; margin: 0 -10px 16px -102px; }
		.home #devconnections-magazine .btn-click-for-subscibe { position: absolute; z-index: 4; top: 215px; right: 54px; }
			.home #content-area .lay-2c-right #iab { text-align: center; }
		
.events { }
	.events #content-area { background-color: #311045; }
		.events #hero-area { height: 260px; }
			.events #hero-area #hero-banners .banner-logo { top: 26px; }
			.events #hero-area #hero-banners .event-info { top: 148px; }
			.events #hero-area #hero-banners .speaker-name { top: 51px; }
			.events #hero-area #hero-banners .speaker-title { top: 144px; }
			
		.events .highlight-block #event-contact p { font-size: 1.4em; text-align: center; margin-top: 20px; line-height: 1.4em; }
			.events .highlight-block #event-contact p .highlight { font-size: 1.2em; }
		.events #subscribe-to-devconnections-bulletins { }
			.events #subscribe-to-devconnections-bulletins h3 { color: #606; font-size: 1.8em; font-weight: bold; margin-top: 7px; }
			.events #subscribe-to-devconnections-bulletins #subscribe-to-devconnections-bulletins-form-wrapper { margin-top: 77px; margin-bottom: 60px; }
				.events #subscribe-to-devconnections-bulletins img.envelope { float: left; width: 252px; margin-left: 46px; }
				.events #subscribe-to-devconnections-bulletins form#subscribe-to-devconnections-bulletins-form { float: left; width: 268px; height: 82px; padding: 20px; margin-left: -13px; margin-top: 6px; background: url('../img/email-address-box.png') transparent no-repeat scroll 0 0; }
					.events #subscribe-to-devconnections-bulletins form#subscribe-to-devconnections-bulletins-form input { padding: 5px 10px; width: 247px; height: 21px; margin-bottom: 11px; background: none; background-color: #FFF; font-size: 1.8em; font-family: Arial; border: 1px solid #999; color: #999; }
			.events #content-area .lay-2c-right #iab { text-align: center; }
	.events #page-content-bottom { background-image: url('../img/events-page-content-bottom.png'); }
	
	
	
/* Carousel - Home */

.carousel-bar { width:1000px; height:101px; position:absolute; bottom:3px; left:0; z-index:99999999;}

.carousel-component { 
	float:left; 
	visibility:visible;
	padding:0;
	overflow:hidden;
}		
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
	margin:0;
	padding:0;
}
.carousel-component .carousel-list li { 
	width: 120px;
	height: 100px;
    float:left;
	list-style:none;
	overflow:hidden;
	margin: 0 1px 0 0;
	padding: 2px;
}
.carousel-component .carousel-list li:hover { 
	cursor:pointer;
	background:url(../img/hero-slider-logo-on.png) no-repeat;
}
.carousel-component .carousel-clip-region { 
	width:872px;
	overflow:hidden;
	position:relative;
}
#html-carousel .carousel-list li img { 
    display:block; 
}
#prev-arrow-container { 
	float:left; 
	display:inline;
	position:relative;
	margin:26px 18px 0 16px;
}
#next-arrow-container { 
	float:left;
	display:inline;
	position:relative;
	margin:26px 16px 0 16px;
}
#prev-arrow { 
    cursor:pointer; 
}
#next-arrow { 
    cursor:pointer; 
}