/* LAST UPDATED 08.21.09 */

/*

	Table of Contents

	I.	 GENERAL
	II.	 NAVIGATION
	III. STRUCTURE & TYPOGRAPHY
	IV.	 TABLES
	V.	 FORMS
	VI.	 HEADINGS
	VII. CLEARFIX

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	background: #f4f4f4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #7a7a7a;
}

p, ul, ol { padding: 0 0 14px 0; }

a {
	color: #7cc3e1;
	text-decoration: underline;
		/* get rid of link outlines in firefox */
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
}

a:hover { color: #e1b946; }

a img { border: 0; }
img.alignLeft { float: left; }
img.alignRight { float: right; }

.blue { color: #7cc3e1; }
.gold { color: #e1b946; }
.purple { color: #662d91; }
.red { color: #9e0b0f; }

.small { font-size: .85em; }

ul, ol { margin-left: 20px; }

img.photo	{
	border:1px solid #808080;
	padding: 1px;
	background-color: #fff;
}

.left 	{ float:left; }

.right { float:right; } 

p.dropcap:first-letter	{
	font-size : 500%;
 	float : left;
	width : 1em;
	color: #9e0b0f;
}

/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

/* LEVEL ONE */

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

	#nav li { float: left; }

	#nav li a {
		display: block;
		font-size: 1.2em;
		color: #fff;
		text-decoration: none;
		padding: 21px 11px 0;
		height: 33px; /* 54px by default, minus the vertical padding */
	}

	body#about li#nav-about a, 
	body#sessions li#nav-sessions a, 
	body#accomodations li#nav-accomodations a, 
	body#pricing li#nav-pricing a, 
	body#contact li#nav-contact a, 
	#nav li a:hover { color: #7cc3e1; }

   #nav li a.navitem_on	{ color: #7cc3e1; }
  
/* LEVEL TWO */

#nav ul ul {
	position: absolute;
	width: 158px;
	left: -999em;
}

	#nav li li {
		width: 158px;
		height: auto;
	}

	#nav li li a {
		/*background: url('/images/backgrounds/bg-dropDown.png') no-repeat;*/
		background-color: #333333;
		padding: 7px 0 7px 20px;
		width: 138px !important;
		height: auto;
		color: #fff !important;
	}

	#nav li li a:hover {
		color: #7cc3e1 !important;
		background: #1f1f1f;
	}

/* LEVEL THREE */

#nav ul ul ul { margin: -33px 0 0 158px; }

#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

#nav li:hover, #nav li.hover { position: static; } /* fixes IE7 sticky issue */

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrap {
	width: 1010px;
	margin: 0 auto;
	padding-bottom: 20px;
}

	#header {
		position: relative;
		padding: 13px 0 0;
		height: 136px;
	}

		#search {
			position: relative;
			float: right;
			width: 158px;
			height: 19px;
			margin-right: 30px;
			background: url('/images/backgrounds/bg-search.gif') no-repeat;
		}

		#counter {
			position: absolute;
			top: 73px;
			right: 0;
			padding-right: 30px;
			width: 128px;
			height: 65px;
			text-align: right;
			background: url('/images/backgrounds/bg-counter.gif') no-repeat;
		}

			#counter img { padding: 0 2px; }

	#subHeader {
		position: relative;
		margin: 0 25px;
		height: 385px;
		background: url('/images/banners/mainbanner-3.jpg') no-repeat;
	}

		#nav {
			font-family: Helvetica, Arial, sans-serif;
			height: 54px;
			padding: 0 9px 0 48px;
		}

			.buyNow {
				float: right;
				margin-top: 16px;
			}

		#subHeader .content {
			margin-left: 46px;
			padding: 38px 15px 0;
			width: 292px;
			height: 243px;
			color: #fff;
			background: url('/images/backgrounds/bg-subHeader_content.png') no-repeat;
		}

			a.arrow {
				padding-right: 12px;
				background: url('/images/page-elements/arrow.gif') 100% 60% no-repeat;
			}
		#subHeader .bottom_buttons	{
			position: absolute;
			bottom: 0;
			right: 0;
			height: 33px;
			
			}
				.facebook	{
				margin-right: 35px;
				
				}
				
				a.blog	{
				margin-right: 50px;
				}

	#content {
		background: #fff;
		margin: 0 25px 25px;
		padding: 36px 50px 36px 63px;
	}

		#mainContent {
			float: left;
			width: 500px;
			line-height: 1.5em;
		}
		
		
		/*  Sessions */
		ul.sessions, ul.keynote	{
		margin: 0;
		padding: 0;
		list-style-type:none;
		}
		
		.sessions li, .keynote li {
			list-style-type:none;
			margin-bottom: 20px;
		}
		
		.sessions li	{
		 margin-left: 40px;
         }
					
		.keynote li	{
			margin-left: 100px;
			clear: left;
		}
		.sessions li a {
			text-decoration:none;
		}
		
		.sessions li a:hover {
			text-decoration:underline;
		}

		.keynote li img	{
		margin-left: -100px;
		margin-bottom: 20px;
		}
		
		ul.speakers	{
	
		margin: 0 0 0 20px;
		padding: 0;
		list-style: none;
		}
		.speaker, .speaker a	{
			font-size: 16px;
			color:#9e0b0f;
			text-decoration:none;
		}
		
		a.speaker2 {
			font-weight:bold;
			color: #8A8A8A;
}
		
		.sessionTitle	{
		font-size: 1.1em;
		}
		
		.googlemap	{
		border: 1px solid #333333;
		margin: 0;
		padding: 0;
		}
		
		.endorsements p	{
		margin-bottom: 20px;
		}
		
		.endorsements p .quotename	{
		margin-left: 270px;
		font-style:italic;
		font-weight:bold;
}


/* Schedule settings */

#schedule	{
	position:relative;
}

#schedule h3{
	margin: 25px 0 5px 0;
}

#schedule ul, #schedule li	{
	margin: 0;
	padding:0;
	list-style-type:none;
}

 #schedule li	{
	margin-left: 150px;
	margin-bottom: 10px;
}
 
 
 #schedule li .time	{
	position: absolute;
    left: 10px;	

}



/* ##########  Pullquote and blockquote ############### */
		
	.pullquote	{
	width: 220px;
	padding: 50px;

	float:right;
	margin: 20px;
	padding: 10px;
	border: 1px #c7c7c7 solid;
	color: #9e0b0f;
	background-color: #fcfcfc;
	font-size: .9em;
	line-height: 1.4em;

	}	

	.pullquote .author {
		display:block;
		margin:0;
		text-align:right;
		font-size: .9em;
		float:none;
	}
	

	.blockquote	{
		width: 60%;
		margin-left: 30px;
		font-style: italic;
		padding: 10px;
		}

	.blockquote .source {
		display:block;
		text-align:right;
	}
	

		#sidebar {
			float: right;
			padding: 23px 0 17px;
			width: 259px;
			border: 1px #c7c7c7 solid;
			color: #6c6c6c;
			font-size: .85em;
			line-height: 1.4em;
			background: #dfdfdf url('/images/backgrounds/bg-sidebar.gif') top repeat-x;
		}

			#sidebar .content { padding: 0 36px; }

	#footer {
		clear: both;
		padding: 10px 25px;
		font-size: .85em;
		color: #6c6c6c;
		background: url('/images/backgrounds/bg-footer.gif') top no-repeat;
		overflow: hidden; /* for the centered aligned ul, otherwise you get a scroll horizontally */
	}

		#footer a {
			color: #6c6c6c;
			text-decoration: none;
		}

		#footer a:hover { color: #222; }

		#footer ul {
			float: left; /* for centering list */
			position: relative; /* for centering list */
			left: 50%; /* for centering list */
			list-style: none;
			margin: 0;
			padding: 0;
		}

			#footer li {
				position: relative; /* for centering list */
				right: 50%; /* for centering list */
				float: left;
				padding: 0 10px;
				background: url('/images/backgrounds/bg-footerNav_divider.gif') 100% 60% no-repeat;
			}

			#footer li#nav-last { background: none; }

/* -----------------------------------------------------------
		IV. TABLES
----------------------------------------------------------- */

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 14px;
}

	table table { margin-bottom: 0; }

td {
	vertical-align: top;
	padding: 0;
}

/* -----------------------------------------------------------
		V. FORMS
----------------------------------------------------------- */

/*  general form styles */
.formarea	{
	margin: 20px;
	padding: 20px;
	padding-top: 30px;
	background-color: #efefef;
	background-image:url('/images/backgrounds/form-bkgd.gif') ;
	background-position:center top;
	background-repeat:repeat-x;
	border: 1px solid gray;
}

.formarea .note	{
	font-size: .85em;
}
fieldset {
	clear: both;
	border: 0;
}

.formarea div{
	width: 100%;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
}

legend 	{
	width: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	color: #9e0b0f;

	}
	
legend span{
	display:block;
 	width: 100%;
 	border-bottom: 1px solid #9e0b0f;
 	padding: 0 10px;
	margin: 10px 0;
	margin-left: -10px;
	}

.formarea p.formtext	{
	margin-left: -155px;
	}
	
	

.formarea fieldset div label{
	float: left;
    margin-left: -155px; /*width of left column*/
    width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
   }


input {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000;
}

input.textBox	{
	width: 250px;
	height: 1.5em;
	padding-left: 5px;
	border: 1px solid gray;
}
	
.checkbox, .radio	{
	clear:left;
	float:left;
	margin-left: -40px;
}

.textarea {
	width: 400px;
	height: 80px;
	padding-left: 5px;
	border: 1px solid gray
}

input.short	{
	width: 150px;
}

input.button	{
	 margin-top: 10px;
	 }
	 
.required {
	font-weight: bold;
}

.required legend	{
	font-weight:normal
}

.additional	{      /*  this is a "honeypot" for anti-spam control */
	display: none  !important;
	}
		

 
/* ############# Specific forms styled appropriately #################### */



#search .textBox {
	position: absolute;
	top: 3px;
	left: 8px;
	border: none;
	background: transparent;
	width: 123px;
}

#search .searchButton {
	position: absolute;
	top: 4px;
	right: 7px;
}

#signupCol .textBox, #sidebar .textBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 2px 2px 3px;
	margin: 0 0 5px;
	width: 177px;
	color: #b2b2b2;
}

#signupCol .signupButton, #sidebar .signupButton {
	float: right;
	margin-bottom: 5px;
}

/* -----------------------------------------------------------
		VI. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

h1 { font-size: 2.5em; }

	#header h1 {
 		display: inline;
 		padding: 0; /* IE 8 needs this because display: inline doesn't getting rid of the padding */
 		text-indent: -4440px;
	}

		#header h1 a {
			float: left;
			display: block;
			width: 425px;
			height: 90px;
			margin: 41px 0 0 33px;
			background: url('/images/logos/EPSconmasthead.png') no-repeat;
		}

h2 { font-size: 2.2em; }

	#subHeader .content h2 {
		color: #7cc3e1;
		font-weight: normal;
		letter-spacing: -1px;
	}

	#mainContent h2 {
		color: #7cc3e1;
		font-size: 3em;
		font-weight: normal;
		letter-spacing: -1px;
	}

	#sidebar h2 {
		font-size: 1.6em;
		font-weight: normal;
		letter-spacing: -1px;
	}

h3 { font-size: 1.6em; }

	#subHeader .content h3 {
		color: #e07e08;
		font-weight: normal;
		font-size: 1.4em;
		letter-spacing: -1px;
	}

h4 { font-size: 1.6em; }

/* -----------------------------------------------------------
		VII. CLEARFIX
----------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */