/* ----------------------------------------------------

	SCREEN - * default browser CSS for the screen.
	
---------------------------------------------------- */

	
/* ----------------------------------------------------
	Reset - * Resets default browser CSS.
---------------------------------------------------- */

	/* Setting defaults on all the below tags */
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
	blockquote, pre, a, abbr, acronym, address, code, del, dfn, 
	em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, 
	legend{
		margin: 0;
		padding: 0;
		border: 0;
		}
	
	/* Remove annoying border on linked images. */
	a img{
		border: none;
		}
		
	/* IE PNG Transparency Fix */
	img{
		behavior: url(/iepngfix.htc);
		outline: none;
		}
		
			
	.componentheading{
		display: none;
		}
	
	
/* ----------------------------------------------------
	Global Styling
---------------------------------------------------- */
	
	/* Set the default html tag for the entire site */
	html{ 
		height: 100%; 
		margin: 0 auto; 
		color: #163c47; 
		background-image: url(../img/bg-outter.png);
		background-repeat: repeat-x;
		background-color: #fff;
		background-position: top;
		}

	/* Set the default body tag for the entire site */
	body{ 
		margin: 0 auto; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 62.5%; /* Sets the default font size to 10px by using a percentage of the global size of 16px */
		text-align: left;
		}
		
		
/* ----------------------------------------------------
	Wrapper
---------------------------------------------------- */
	
	/* Set the wrapper for the entire site */
	#wrapper{
		margin: 0 auto; 
		padding: 0;
		width: 95.5em;
		overflow: hidden;
		background: url(../img/bg-top-boxes_new.jpg) no-repeat top center;

	}
		
	/* Set the wrapper for the entire site */
	#wrapperSecondary {
		margin: 0 auto; 
		padding: 0;
		width: 95.5em;
		overflow: hidden;
		background: url(../img/bg-top-boxes-secondary.png) no-repeat top center;
		position: relative;
	}
		
		
/* ----------------------------------------------------
	Page Header
---------------------------------------------------- */
		
	/* Page Header Background */
	#pageHeader{
		width: 95.5em;
		}
	
	/* Company Logo */
	#companyLogo{
		padding-top: 48px;
		padding-left: 1em;
		float: left;
		}

	.micronano-logo {
		padding: 0 0 12px 10px;
	}
	/* Company Logo Img Element Remove Link Border */
	.companyLogo{
		border: 0;
		}
		
		
/* ----------------------------------------------------
	Main Navigation
---------------------------------------------------- */
	
	/* Main Navigation Background */
	#mainNavigation{
		float: right;
		padding-top: 23px;
		font-size: 1.3em;
		margin-bottom: 120px;
		}
	#wrapperSecondary #mainNavigation {
		margin-bottom: 60px;
	}

	/* Main Navigation list One */
	#mainNavigation ul{
		display: block;
		float: left;
		} 

	#mainNavigation ul li{
		list-style: none;
		display: block;
		padding-left: .1em;
		padding-right: .7em;
		padding-bottom: .2em;
		margin-bottom: .3em;
		border-bottom: .1em #b9bbbb solid;
		}
		
	/* Main Navigation Active State */
	.active{
		background-color: #ee2e24;
		text-indent: .2em;
		}
		
	.active a{
		color: #fff !important;
		}
		
	/* Main Navigation Red Headers */
	.navSectionHeader{
		color: #ee2e24;
		padding-bottom: .2em;
		margin-bottom: .7em;;
		border-bottom: 1px #000 solid;
		}
		
	/* Navigation Search Box */
	#searchBox{
		clear: both;
		float: right;
		margin-top: -2.5em;
		margin-right: 2.0em;
		}
	
	#searchBox label{
		display: none;
		}
		
	.button
		{
		border: 0px; 
		background-color: #f9fbfb;
		}

	.seminar_banner {
		background: url(../img/banner_cleantech.jpg) no-repeat top center !important;
	}
	.spacer_1 {
		float: left;
		width: 120px;
		height: 100px;
	}
	.spacer_2 {
		clear: both;
		float: left;
		width: 90px;
		height: 20px;
	}
	.spacer_3 {
		clear: both;
		float: left;
		width: 50px;
		height: 20px;
	}
	#page table {
		z-index: 1;
	}
				
	
/* ----------------------------------------------------
	Middle
---------------------------------------------------- */
	
	/* Middle */
	#middle{
		clear: both;
		margin-top: -20px;
		}
		
	/* Middle Content Col */
	#middleCol{
		float: left;
		margin-left: 6em;
		}
		
	/* Middle Content */

	.front-logo {
		background: url(../img/content_head.png) no-repeat center;
	}
		
	/* Middle Content */
	#middleContent {
		font-size: 1.2em;
		line-height: 22px;
		}
	#middleContent h3 {
		font-family: 'Droid Sans', arial, serif;
		font-size: 38px;
		font-weight: bold;
		line-height: 38px;
	}

	/* Middle Content Boxes */
	#middleBoxes{
		clear: both;
		margin: 60px auto 4em;
		background: url(../img/bg-content-boxes.png) no-repeat;

		min-height: 177px;

		font-size: 1.2em;
		}
		
	/* Middle Content Boxes */
	#middleBoxes ul li{
		margin-bottom: .5em;
		}
		
	/* Job Lisings */
	#jobListings{
		margin-top: 3em;
		margin-left: 1.5em;
		width: 21em;
		float: left;
		}
		
	#jobListings ul{
		margin-top: .5em;
		}
	
	/* Industry News */
	#industryNews{
		margin-top: 3em;
		margin-left: 6.5em;
		width: 21em;
		float: left;
		}
		
	#industryNews ul{
		margin-top: .5em;
		}
	
	/* Featured Client */
	#featuredClient{
		margin-top: 3em;
		margin-left: 6.5em;
		width: 21em;
		float: left;
		}
		
	/* Featured Cleint Logo */
	#featuredClientLogo{
		float: left;
		margin-top: 1em;
		}
		
	/* Featured Cleint Content */
	#featuredClientContent{
		float: right;
		margin-top: 1em;
		}
		
	/* View Button */
	.viewButton{
		float: right;
		margin-top: 1em;
		}
	
		
/* ----------------------------------------------------
	Footer
---------------------------------------------------- */
	
	/* Footer */
	#footer{
		clear: both;
		background-image: url(../img/bg-footer.png);
		background-repeat: repeat-x;
		min-height: 197px;
		}
		
	/* Footer Content */
	#footerContent{
		margin: 0 auto;
		padding-top: 2em;
		width: 920px;
		font-size: 1.2em;
		line-height: 2.2em;
		}
		
	/* Footer Copyright */
	#footerCopyright{
		float: left;
		}
		
	/* Footer Nav */
	#footerNav{
		float: right;
		}
		
	/* Footer Nav list */
	#footerNav ul{
		display: inline;
		} 

	/* Footer Nav Unordered list */
	#footerNav ul li{
		list-style: none;
		display: inline;
		}
		
		
/* ----------------------------------------------------
	Typography
---------------------------------------------------- */


	/*---- Headings ----*/
	
	/* H1 Tag */
	h1{
		font-family: 'Droid Sans', arial, serif;
		font-size: 2.6em; 
		line-height: 1.2em;
		font-weight: lighter;
		color: #ee2e24;
		}
		
	/* H1 Tag */
	h4 {
		font-family: 'Droid Sans', arial, serif;
		font-size: 33px;
		font-weight: normal;
		color: #1e7670;
		line-height: 46px;
		}
	h4 .red {
		color: #ed2214;
	}
	
	/*---- List Styles ----*/	
	ul{
		list-style-image: url(../img/bullet.gif);
		margin-left: 1.5em;
		}
	
		
/* ----------------------------------------------------	
	Buttons
---------------------------------------------------- */
	
	/*  */
	a.butonName{
		float: left;
		display: block;
		width: 195px;
		height: 25px;
		background-image: url(/img/b-IMAGE-NAME.png);
		background-repeat: no-repeat;
		text-indent: -999999px;
		}
	 
	/*  */
	a.butonName:hover{ 
		background-position: bottom left;
		}
		
		
/* ----------------------------------------------------
	Links
---------------------------------------------------- */
	
	/*---- Default link styles ----*/
		
	/* Default link style */
	a:link{
		color: #663233;
		background-color: transparent;
		text-decoration: underline;
		}

	/* Default visited link style */
	a:visited{
		color: #663233;
		background-color: transparent;
		text-decoration: underline;
		}

	/* Default hover link style */
	a:hover{
		color: #663233;
		background-color: transparent;
		text-decoration: none;
		}
		
	
	/*---- Main navigation links ----*/
		
	/* Main navigation link style */
	#mainNavigation a:link{
		color: #663233;
		background-color: transparent;
		text-decoration: none;
		}

	/* Main navigation visited link style */
	#mainNavigation a:visited{
		color: #663233;
		background-color: transparent;
		text-decoration: none;
		}

	/* Main navigation hover link style  (Ivan: THIS IS REDUNDANT!) */
	#mainNavigation a:hover{
		color: #ee2e24;
		background-color: transparent;
		text-indent: .2em;
		text-decoration: none;
		}
	#mainNavigation a.active:visited,
	#mainNavigation a.active {
		color: #EE2E24;
	}
	#middleContent .breadcrumb {
		font-size: 11px;
		float: left;
		margin: 0 0 0 21px;
	}
	#middleContent #page {
		clear: both;
	}
.seminar_banner #page {
	padding-top: 40px;
}

/* ----------------------------------------------------
	Links
---------------------------------------------------- */

	.program th {
		background: url(../img/th_bg.jpg) repeat-x bottom center;
	}
	.program td {
		background: #FFF url(../img/table_bg.jpg) repeat-x;
		height: 80px;
	}
	.program .button {
		height: 27px;
		float: left;
		padding: 3px 0 0 9px;
		color: #163c47;
		text-decoration: none;
	}
	.program .odd {
		color: #ed2113;
	}
	.program .button:hover {
		color: #317b90;
	}
	.program .button_video_full {
		background: url(../img/button_video_full.png) no-repeat;
		width: 124px;
		clear: both;
	}
	.program .button_video1 {
		background: url(../img/button_video1.png) no-repeat;
		clear: both;
		width: 85px;
	}
	.program .button_video2 {
		background: url(../img/button_video2.png) no-repeat;
		padding-left: 5px;
		width: 89px;
	}
	.program .button_video3 {
		background: url(../img/button_video_full.png) no-repeat;
		width: 124px;
	}
	.program .button_pdf {
		background: url(../img/pdf.png) no-repeat;
		clear: both;
		width: 124px;
	}