/* -------------------------------------------------------------------------*/
/* ------------------------------>>> RESET <<<------------------------------*/
/* -------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0; }

/* -------------------------------------------------------------------------*/
/* ----------------------------->>> GLOBAL <<<------------------------------*/
/* -------------------------------------------------------------------------*/

body{ 
	background:#000 url(../images/bkrnd_page.png) repeat-x;
	font-family:Helvetica,Arial,sans-serif;
	font-size:62.5%;
	}

h1{ 
	color:#FBB040;
	font-size:4.2em;
	}
	
h2{ 
	color:#FBB040;
	font-size:2.2em;
	}	
		
p{ 
	color:#C5C7C9;
	font-size:1.8em;  
	line-height:1.3em;
	text-align:justify;   
	}

a{ 
	color:#F26A22; 
	text-decoration:none;
	outline:none; 
	}
a:hover{ color:#C44E1A; }

img{ border:0; }

input{ 
	background-color:#414142;  
	border:2px solid #58595B; 
	color:#C5C7C9;
	font-size:1em;
	padding:3px;  
	}

button{ 
	background:transparent; 
	border:0; 
	margin:0; 
	overflow: visible; /*for IE */
	padding:0; 
	width:auto;  
	}

label{ 
	color:#DCDDDE; 
	font-size:1.2em; 
	line-height:1.7em; 
	float:left;
	margin-right:4px; 
	}
	
.livelink{ 
	color:#C5C7C9; 
	font-size:1.4em;  
	line-height:1.3em;
	text-align:justify; 
	text-decoration:none;
	outline:none; 
	}
.livelink:hover{ color:#C44E1A; }	


/* -------------------------------------------------------------------------*/
/* ----------------------------->>> LAYOUT <<<------------------------------*/
/* -------------------------------------------------------------------------*/


#header{ clear:both; margin-top:40px; }
	#header img	{ margin:auto; display:block;}
	#logotype	{ visibility:visible; }

#banner{
	background-color:#4a4a4c; 
	margin-top:20px;
	width:100%;
	}
	#banner img{ margin:auto; width:818px; display:block; }

#toolbar{ 
	height:35px;
	margin:auto; 
	padding-top:10px;
	width:885px; 
	}
	#elist	{ float:right; }
	#social	{ float:left; width:300px;}


#content{ 
	background:url(../images/bkrnd_site.jpg) center -250px no-repeat; 
	margin:auto; 
	padding:15px 116px 30px 116px; 
	width:585px; 
	}
	#content h1	{ margin-bottom:8px; }
	#content p	{ margin-bottom:15px;}

/* -------------------------------------------------------------------------*/
/* --------------------------->>> INDEX LAYOUT <<<--------------------------*/
/* -------------------------------------------------------------------------*/
#index #content{ width:100%; padding:18px 0 0 0; background-position: center 0; height:340px; } 
#index #logotype{ visibility:hidden; }


/* -------------------------------------------------------------------------*/
/* --------------------------->>> NAVIGATIONS <<<---------------------------*/
/* -------------------------------------------------------------------------*/

#primaryNav{
	color:#fff;
	margin:0 auto 50px auto;  
	position:relative;  
	width:469px; 
	z-index:60; /* make sure its above presentation */
	}
	#primaryNav li	{ float:left; margin-right:5px; }	
	#primaryNav a	{ display:block; height:22px; text-indent:-9999px;}
	#primaryNav a:hover, .selected{ background-position: bottom left !important; }
	
	/* First Level Buttons */
	#industries{ background:url(../images/nav_industries.png) no-repeat; width:156px;}
	#started{ background:url(../images/nav_started.png) no-repeat; width:176px;}
	#keynote{ background:url(../images/nav_keynote.png) no-repeat; width:122px;}

	/* Drop Down Styles (single level) */
	#primaryNav li ul{  position:absolute; 
		background:url(../images/nav_dropdown.png);
		display:none;
		}

	#primaryNav li ul{ padding-top:5px; }
	#primaryNav li ul li{ float:none; display:inline;  margin-right:0; font-size:1.1em;}
	#primaryNav li ul li a{ color:#fff; display:block;  height:auto !important; padding:5px 10px; text-indent:0; text-decoration:none; width:258px; border-bottom:1px solid #fff; position:relative;/*IE 8*/}
	#primaryNav li ul li a:hover{ background-color: #f26922; border-right:1px solid #fff; border-left:1px solid #fff;  padding-right:8px;}
	
	
	
	

#socialNav{  
	float:left;
	width:469px;
	}
	#socialNav li{ float:left; margin-right:3px; }	
	#socialNav a{ display:block; height:16px; width:15px; text-indent:-9999px;}
	#socialNav a:hover, .selected{ background-position: bottom left !important; }

	#facebook{ background:url(../images/nav_social_facebook.png) no-repeat; }
	#twitter{ background:url(../images/nav_social_twitter.png) no-repeat; }
	#flickr{ background:url(../images/nav_social_flickr.png) no-repeat; }
	#youtube{ background:url(../images/nav_social_youtube.png) no-repeat; }
	#linkedin{ background:url(../images/nav_social_linkedIn.png) no-repeat; }
	#rss{ background:url(../images/nav_social_rss.png) no-repeat; }


/* -------------------------------------------------------------------------*/
/* ----------------------->>> SLIDE PRESENTATION <<<------------------------*/
/* -------------------------------------------------------------------------*/

#presentation{ 
	height:340px;
	position:relative; 
	overflow:hidden;
	width:100%;
	}

.slide{ 
	background-color:transparent !important; /* For IE to assist with PNG alpha */ 
	height:340px;
	left:0; 
	position:absolute; 
	top:0; 
	width:100%;  
	}

	.slide h1		 { display:block; height:58px; margin:0 auto 5px auto; text-indent:-9999px; }
	.slide div		 { margin:auto; width:585px; }
	.slide img		 { display:inline; float:left;}
	.slide p		 { margin:auto; width:585px; }
	.slide form		 { margin:25px auto; width:500px; }
	.slide form input{ color:#C5C7C9; font-size:1.8em; padding:8px; width:415px; }
	
	/* Graphic Headlines for Each Slide */
	#s1 h1{ background:url(../images/slide_headline_1.png) no-repeat; width:487px; height:170px; }
	#s2 h1{ background:url(../images/slide_headline_2.png) no-repeat; width:644px; }
	#s3 h1{ background:url(../images/slide_headline_3.png) no-repeat; width:515px; }
	#s4 h1{ background:url(../images/slide_headline_4.png) no-repeat; width:550px; }
	#s5 h1{ background:url(../images/slide_headline_5.png) no-repeat; width:729px; }
	#s6 h1{ background:url(../images/slide_headline_6.png) no-repeat; width:612px; }
	#s7 h1{ background:url(../images/slide_headline_7.png) no-repeat; width:771px; }
	#s8 h1{ background:url(../images/slide_headline_8.png) no-repeat; width:563px; }


	/* Slide Specific Styles */
	#s3 p, #s4 p, #s5 p { width:348px; float:right; }  /* Two column layout */
	#s8 p				{ text-align:center; margin-bottom:20px; }
	

	/* Presentation Navigation Elements [pagination, prev/next buttons ]*/
	#presentationToolbar{ width:795px; margin:auto;}

		#presentationToolbar #primaryNav{ display:inline; float:left; margin-left:65px; }

		#pagination a{ background:url(../images/slide_pagination.png) no-repeat; display:block; width:10px; height:20px; text-indent:-9999px; float:left; margin-right:3px; outline:none;}
		#pagination a:hover{ background-position:bottom left; }
		#pagination a.activeSlide{ background-position:bottom left; }
	
		#presentationNav{ float:right; }
			#presentationNav a{ display:block; float:left; height:22px; margin-right:8px; text-indent:-9999px; }
			#prev{ background:url(../images/slide_nav_prev.png) no-repeat; width:15px; }
			#next{ background:url(../images/slide_nav_next.png) no-repeat; width:61px;}


/* -------------------------------------------------------------------------*/
/* ------------------------------->>> FORMS <<<-----------------------------*/
/* -------------------------------------------------------------------------*/
.error{ color:#FBB040; }

.alert{ 
	background-color:#414142;
	border:2px solid #58595B;
	color:#FBB040; 
	font-size:1.8em; 
	line-height:1.8em;
	margin:25px auto !important;
	text-align:center; 
	padding:4px 8px;    
	}

#elistForm input{ margin-right:2px;  }
#elist .alert{ margin:0 !important; font-size:90%; padding:2px 8px;}