/*
958px grid system ~ Core CSS.
3 columns ~ margin: 10px

Based on the golden grid system - http://code.google.com/p/the-golden-grid/
by Vladimir Carrer

Created by the Grid System Generator - v1.00
Learn more ~ http://www.gridsystemgenerator.com/
*/

/* =Containers
--------------------------------------------------------------------------------*/
#wrapper {
	width: 958px;
	margin: 0 auto;
	padding:20px 10px 20px 10px;
	background: #fff;
	text-align: left;
}
.main
{
	margin-left: auto;
	margin-right: auto;
	width: 958px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.g3-1col, .g3-2col, .g3-3col {
	display: inline;
	float: left;
	margin-left: 10px;
}

/* =Grid >> 3 Columns
--------------------------------------------------------------------------------*/
.g3-1col{width:306px;}
.g3-2col{width:622px;}
.g3-3col{width:938px;}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.g79, .g158, .g237, .g316, .g395, .g474, .g553, .g632, .g711, .g790, .g869, .g948 {
	display: inline;
	float: left;
	margin-left: 10px;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.g79{width:69px;}
.g158{width:148px;}
.g237{width:227px;}
.g316{width:306px;}
.g395{width:385px;}
.g474{width:464px;}
.g553{width:543px;}
.g632{width:622px;}
.g711{width:701px;}
.g790{width:780px;}
.g869{width:859px;}
.g948{width:938px;}


/* =Grid >> 12 Columns - no left margin
--------------------------------------------------------------------------------*/
.ml79{margin-left:89px;}
.ml158{margin-left:168px;}
.ml237{margin-left:247px;}
.ml316{margin-left:326px;}
.ml395{margin-left:405px;}
.ml474{margin-left:484px;}
.ml553{margin-left:563px;}
.ml632{margin-left:642px;}
.ml711{margin-left:721px;}
.ml790{margin-left:800px;}
.ml869{margin-left:879px;}
.ml948{margin-left:958px;}


.g3-3col-wrapper {
	width: 948px;
	display: inline;
	float: left;
}
.g3-2col-wrapper {
	width: 632px;
	display: inline;
	float: left;
}
.g3-1col-wrapper {
	width: 316px;
	display: inline;
	float: left;
}
/* =Grid >> 3 Columns - no left margin
--------------------------------------------------------------------------------*/
.ml3-1col{margin-left:326px;}
.ml3-2col{margin-left:642px;}
.ml3-3col{margin-left:958px;}


.inside{margin-left:0;}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*
============================================================

	Main CSS
	
============================================================
*/	
#banner {
	background: url(http://www.engineersireland.ie/conference/images/header_banner_2011.png) no-repeat;
	width: 938px;
	height: 149px;
	position: relative;
}
	#banner span {
		position: absolute;
		left: -9999px;
	}
	#banner ul {
		position: absolute;
		bottom:10px;
		right:30px;
		color: #4da6bo;
	}
		#banner ul li {
			float: left;
			display: inline;
			font-size: 1.2em;
			border-right:1px solid #2488a3;
			padding-bottom:4px;
			padding-top:2px;
		}
		#banner ul li.last {
			border-right:none;
		}
		
		#banner ul li a {
			color: #2488a3;
			padding: 0px 5px;
			text-decoration: none;
		}
			#banner ul li a:hover,
			#banner ul li a:focus,
			#banner ul li a:active			 {
				text-decoration: underline;
			}
/*
====================================
	Nav
====================================
*/
	
#nav {line-height: 48px;
	font-size: 1.8em;
	font-weight: bold;
	font-family: "lucida sans unicode", "lucida grande", Arial, Helvetica, sans-serif;
	background: url(/media/engineersconference/images/primary-nav-grad.png) repeat-x;
	margin-bottom:10px;
	}

	#nav ul {margin: 0;padding: 0;list-style: none;
	      }
   #nav ul li {
   	display: block;
   	float: left;
   	display: inline;
   	margin: 0;padding: 0;
      text-align:center;
      border-right: 1px solid #d9d9d9;
      border-left: 1px solid #d9d9d9;
      }
    #nav ul li a {display: block;color: #2488a3; 
    text-decoration: none;
    background: url(/media/engineersconference/images/primary-nav-grad.png) repeat-x;
    }   
    #nav ul li.current a {
    	 display: block;
    	 color: #58585a; 
	    text-decoration: none;
	    background: url(/media/engineersconference/images/primary-nav-current.png) repeat-x;
    }   

   #nav ul li#home a {
    width: 150px;
   }
   #nav ul li#programme a {
    width: 172px;
   }
   #nav ul li#speakers a {
    width: 146px;
   }
   #nav ul li#booking a {
    width: 156px;
   }
   #nav ul li#about a {
    width: 156px;
   }
   #nav ul li#blog {
     border-right: 1px solid #;
   }
   #nav ul li#blog a {
    width: 146px;
   }
    #nav ul li a:hover,#nav ul li a:active,#nav ul li a:focus,#nav ul li.selected 
    {
    	background: url(/media/engineersconference/images/primary-nav-current.png) repeat-x;
    }   
    #nav ul li a span {display: block;background: url(../../img/nav_dropdown.png) no-repeat 172px 15px;}
    #nav ul li a span:hover,#nav ul li a span:active,#nav ul li a span:focus {cursor: pointer;color: #2d428f;}

    div#booking-box {
    	background: url(http://www.engineersireland.ie/conference/images/hero-banner.png) no-repeat;
    	display: block;
    	width: 938px;
    	height:268px;
    	position: relative;
    	text-align:left;
    }    
    	div#booking-box h1 {
    		position:absolute;
    		left: -9999px;
    	}
    	div#booking-box div#leaders {
    		width: 500px;
    		position:absolute;
    		top:135px;
    		left:53px;
    	}
    	div#booking-box  p {
    		font-size:1.2em;
    		line-height: 1.4em;
    		color: #58585a; /* HERO BOX on homepage text colour */
    	}
    	div#booking-box div#leaders a#book-now-button {
    		background: url(http://www.engineersireland.ie/conference/images/2011/book-now-button.png) no-repeat;
    		display: block;
    		width: 127px;
    		height: 38px;
    	}
    	    	div#booking-box a#book-now-button span {
    				position:absolute;
		    		left: -9999px;
		    	}
		    	div#booking-box div#leaders a#book-now-button:hover,
		    	div#booking-box div#leaders a#book-now-button:focus,
		    	div#booking-box div#leaders a#book-now-button:active {
		    		background: url(/media/engineersconference/images/2011/book-now-button-rollover.png);
		    	}
		    	/*  ************************************************THIS IS THE Programme of events button for the HERO IMAGE************************************************/
    	div#booking-box div#leaders a#pgm-of-events {
    		background: url(http://www.engineersireland.ie/conference/images/temp-pgm-of-events-hero.png) no-repeat;
    		display: block;
    		width: 198px;
    		height: 18px;
    		position: absolute;
    		left:300px;
    		top:70px;
    	}
    	    	div#booking-box a#pgm-of-events span {
    				position:absolute;
		    		left: -9999px;
		    	}
		    	div#booking-box div#leaders a#pgm-of-events:hover,
		    	div#booking-box div#leaders a#pgm-of-events:focus,
		    	div#booking-box div#leaders a#pgm-of-events:active {
		    		background: url(http://www.engineersireland.ie/conference/images/temp-pgm-of-events-hero-roll.png) no-repeat;
		    	}/*  ************************************************THIS IS THE Programme of events button for the HERO IMAGE************************************************/
    			    	
    	div#booking-box div#offline {
    		width: 277px;
    		position:absolute;
    		top:60px;
    		right:10px;
            color: #ffffff; /* The sub text in HERO rhs*/
    	}
			div#booking-box div#offline h2 {
				font-size: 2em;
				line-height: 1em;
				color:#ffffff; /* The Header text in HERO rhs  */
				margin-bottom: 10px;
			}
			div#booking-box div#offline h3 {
				font-size: 2em;
				color:#c0c1c4;
				font-family: Arial, Helvetica, sans-serif;
				margin-top: 10px;
			}
			div#offline p {
				margin-bottom: 22px;
			}			
			
			div#offline a {
				margin-bottom: 22px;
								color:#2488a3;
			}
		  	span.phone {
		  		color: #2488a3;
		  		font-weight:bold;
		  		font-size: 1.5em;
		  	}
            div#booking-box div#offline ul {
                margin: 0 0 0 18px;
                padding: 0;
                list-style: none;
                font-size: 1.2em;
                line-height: 1.4em;
            }
            	div#booking-box div#offline ul li {
                    padding: 0;
                    margin: 0 0 5px 0;
                    list-style: outside;
	                list-style-type: disc;
                }

/*
===========================
	content
===========================
*/    	
.column-content {
	padding: 20px 20px;
	font-size: 1.2em;
	line-height: 1.4em;
	border:1px solid #d4d4d4;
}
	.column-content .column-content {
		font-size: 1em;
	}
	.column-content p a {
  		color:#fbad52;
  		margin-bottom:4px;
	}
		.main-content .column-content ul li {
			background: url(/media/engineersconference/images/bullet.png) no-repeat left 7px;
			padding-left: 10px;
		}
.module {
	background:#fff;
}	

#side-module {
 
}

	#side-module .module {
        margin-bottom: 10px;
    }
.column-content h2 {
	font-size:1.7em;
	line-height: 1em;
	color: #333;
	font-weight: bold;
}	
.column-content h3 {
	font-size:1.5em;
	color: #2488a3;
	font-weight: bold;
}	


#content {
	margin-top: 10px;
}	
.column-content ul.large li {
	background: url(/media/engineersconference/images/bullet.png) no-repeat left 6px;
	padding-left:10px;
	color: #58585a;
	font-weight:bold;
	font-size: 1.1em;
	padding-bottom: 5px;
}
.column-content ul.large li span {
	background: url(/media/engineersconference/images/h-dots.png) repeat-x bottom;
	display: block;
	padding-bottom: 10px;
}
.margin-top {
	margin-top: 10px;
}
a.highlight {
	font-weight: bold;
	text-decoration: none;
}
div.home-blog-entry {
	background: url(/media/engineersconference/images/h-dots.png) repeat-x bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#content .gray {
	background: #f4f4f4;
}
	.gray .column-content {
	background: #f4f4f4;
		
	}
#content .light-gray {
	background: #fbfbfb;
}

.button .column-content h3 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
span.left,
img.left {
    display: block;
	float:left;
	margin-right: 10px;
}
div#footer ul {
	float: right;
}
	div#footer ul li {
		float: left;
		padding: 0 5px;
		border-right: 1px solid #ccc;
		background: none;
	}	
	div#footer ul li.last {
		padding-left: 5px;
		border-right: none;
	}
	div#footer ul li a {
		text-decoration: none;
	}
	div#footer ul li a:hover,
	div#footer ul li a:focus,
	div#footer ul li a:active
	{
		text-decoration :underline;
		}
	div#footer p {
		margin-bottom: 0;
	}
h2.twitter {
	background: url(/media/engineersconference/images/twitter.png) no-repeat;
	padding-left: 40px;
	line-height: 35px;
}	
div#ads {
    float: left;
	margin-top: 10px;
}

div#ads2 {
    float: right;
	margin-top: 10px;
}
	div#ads .g3-1col .column-content {
		height: 93px;
	}
div.section-header {
	display: block;
	background: url(http://www.engineersireland.ie/conference/images/section-header.png) repeat-x;
	height:54px;
}	
	div.section-header h1 {
		line-height:54px;
		color: #fff;
		padding-left: 20px;
		margin-bottom: 0;
	}
	div.section-header a.subscribe {
		float: right;
		color: #2488a3;
		font-size:1.2em;
		padding-right:24px;
		background: url(/media/engineersconference/images/rss-button.png) no-repeat right 15px;
		line-height:54px;
		font-weight: bold;
		text-decoration:none;
		margin-right:20px;
	}
			div.section-header a.subscribe:hover,
			div.section-header a.subscribe:focus,
			div.section-header a.subscribe:active			
			    {
					text-decoration: underline;
					}
					
					
/*
====================================
	Blog Entry
====================================
*/
	div.blog-body {
		padding-left:40px;
	}
	div.blog-entry {
		background: url(/media/engineersconference/images/blog-icon.png) no-repeat left top;
		padding-left:40px;
	}					
		div.blog-entry h2 {
			color: #fbad52
		}	
		div.blog-entry h2 a {
			color: #fbad52;
			text-decoration: none;
		}	
		div.blog-entry h2 a:hover,
		div.blog-entry h2 a:focus,
		div.blog-entry h2 a:active
			{
			text-decoration: underline;
			}
		div.blog-entry p.posted {
			color: #58585a;
		}	
		div.blog-entry .entry,
		div.blog-body .entry
		 {
		background: url(/media/engineersconference/images/h-dots.png) repeat-x bottom;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
		div.blog-entry .entry.last {
		background: none;
		padding-bottom: 0px;
	}
	div.blog-body h3 {
		color: #58585a;
		font-size:1.4em;
	}
	div.comment-arrow {
		background: url(/media/engineersconference/images/speech-bubble.png) no-repeat left;
		display: block;
		width: 18px; height: 24px;
		position: absolute;
		top:-0px;
		left: -18px;
		_left:-38px;
	}
		div.comment {
		border: 1px solid #d4d4d4;
		padding:20px;
		margin-left: 20px;			
		position: relative;
		background: #fbad52;
		margin-bottom: 20px;
		}
		div.comment p {
			margin-bottom: 10px;
			font-weight: bold;
		}
	div.form-row {
		margin-bottom:5px;
	}		
	div.form-row label {
		width: 105px;
		float: left;
		text-align: right;
		padding-right:10px;
		padding-top:4px;
	}
	div.form-row input,
	div.form-row textarea	
	  {
		width: 300px;
		float: left;
		border: 1px solid #ccc;
		padding:5px;
	}
	div.form-row input {
		width: 180px;
	}
	input#submit-button {
		border: none;
		width: auto;
	}
	.button .column-content {
		height: 100px;
	}
	label span {
		position: absolute;
		left: -9999px;
	}

	div.register div.form-row label {
		width: 90px;
	}
	div.form-row input {
		width: 152px;
	}
	table#prices th {
		padding:8px;
		color:#929292;
		font-size: 1.2em;
	}
	table#prices td {
		padding:5px 8px 8px 8px;
		font-weight: bold;
		font-size: 1.2em;
		vertical-align: middle;
	}
    table#prices td a {
        text-decoration: none;
    }
	table#prices tr {
	background: url(/media/engineersconference/images/h-dots.png) repeat-x bottom;
	position: relative;
		padding-bottom: 10px;	
	}
	table#prices td.bullet {
		background: url(/media/engineersconference/images/bullet.png) no-repeat left 15px;
		padding-left: 10px;
	}
	h3.mainbody {
				font-size: 1.4em;
				color:#58585a;
				font-family: Arial, Helvetica, sans-serif;
				margin-top: 10px;
	
	}
	h3.offline {
				font-size: 1.5em;
				color:#58585a;
				font-family: Arial, Helvetica, sans-serif;
				margin-top: 10px;
	
	}	
	div.divider {
			background: url(/media/engineersconference/images/h-dots.png) repeat-x bottom;
	position: relative;
		margin-bottom: 10px;	
		display: block;
		height:10px;
		line-height:10px;
				}
	div.divider.solid-divider {
		border-bottom: 1px solid #dedede;
		background: none;
		line-height:5px;
		margin-bottom: 20px;	
	}				
	input.register-submit {
		float: right;
	}
	.register h3 {
		color: #58585a;
	}
	
	div.date-block {
		display: block;
		background: #dedede;
		height: 40px;
		line-height: 40px;
	}
		div.date-block p {
			font-size: 1.3em;
			font-weight: bold;
			padding-left:20px;
			color: #58585a;
			margin-bottom: 0;
		}
		div.date-block.thursday p {
			background: url(/media/engineersconference/images/date-22nd.png) no-repeat 20px;
			}
		div.date-block.friday p {
			background: url(/media/engineersconference/images/date-23rd.png) no-repeat 20px;
			}
        div.speaker-profile {
        	margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #ccc;
        }
		img.speakerimage,
        span.speakerimage {
            display: block;
			float:left;
			margin: 0 10px 0 0;
			display: inline;
			width: 90px;
		}
		div.speaker {
			float:left;
			margin: 0 10px 0 0;
			display: inline;
			width: 90px;
			width: 310px;
		}
        p.presenting {
        	padding-top: 10px;
            background: url(/media/engineersconference/images/h-dots.png) repeat-x top left;
        }
		p.highlight-blue,
		div.session p.highlight-blue,
		span.highlight
		  {
			color: #2488a3;
			font-weight: bold;
		}
	.also-on {
        margin-top: 10px;
    	padding-top: 20px;
        border-top: 1px solid #ccc;
    }
	.also-on ul li {
        margin: 0 0 8px;
        padding: 0 0 8px;
        background: url(/media/engineersconference/images/h-dots.png) repeat-x bottom left;
        font-weight: bold;
        font-size: 1.2em;
    }
    	.also-on ul li a {
            color: #4da6bo;
            text-decoration: none;
        }
        .also-on ul li a:hover,
        .also-on ul li a:focus,
        .also-on ul li a:active {
            text-decoration: underline;
        }
	#subnav ul {
		margin-top: -10px;
	}	
	#subnav ul li {
		font-size: 1.3em;
		font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
		background: url(/media/engineersconference/images/h-dots.png) repeat-x bottom;	
		padding: 10px 0;
		}
		#subnav ul li.last {
		background: none;	
			
		}
		#subnav ul li.current {
		}
		#subnav ul li a,
        #subnav ul li span {
			background: url(/media/engineersconference/images/sub-nav-arrow.png) no-repeat left;
			padding-left: 12px;
			text-decoration: none;
		}
		#subnav ul li.current a,
        #subnav ul li.current span {
			background: url(/media/engineersconference/images/sub-nav-arrow-current.png) no-repeat left;
				color: #58585a;
		}
		a.book-now-large {
			background: url(http://www.engineersireland.ie/conference/images/book-now-programme-module.png);
			display: block;
			width: 190px;
			height: 53px;
			margin-bottom: 10px;
		}
		a.book-now-large:hover 
		{
			background: url(http://www.engineersireland.ie/conference/images/book-now-programme-module-roll.png);
		}
		a.book-now-large span 
		{
			position: absolute;
			left: -9999px;
			}
		.booknow h3 {
            padding-bottom: 10px;
            background: url(/media/engineersconference/images/h-dots.png) repeat-x bottom left;
        }
        .booknow strong {
            color: #2488a3;
        }
		.column-content h4 {
			color:#333;
			font-size:1.4em;
		}			
		blockquote p {
			font-style: italic;
			color: #58585a;
			font-weight: bold;
			font-size:1.2em;
		}
		div.session-times {
			float:left;
			margin: 0 10px 0 0;
			display: inline;
			width: 90px;
		}
		div.session,
		div.session2 {
			float:left;
			margin: 0 10px 0 0;
			display: inline;
			width: 90px;
			width: 468px;
		}
        .programme-content .g3-2col {
            margin-bottom: 10px;
        }
		div.session-list  {
			background: url(/media/engineersconference/images/h-dots.png) repeat-x bottom;	
			padding-bottom:10px;
			margin-bottom: 10px;
			color: #58585a;
		}
        div.session-list .session {
			font-weight:bold;   
            font-size:1.1em;
        }
		div.session-list p {
			margin-bottom: 0;
		}
        div.session-list a {
            color: #2488a3;
            text-decoration: none;
        }
        div.session-list a:hover,
        div.session-list a:focus,
        div.session-list a:active {
            text-decoration: underline;
        }
		div.session table {
			text-align: center;
			width: 100%;
		}
			div.session th {
				color: #58585a;
				border-right:1px solid #d5d5d5;
				padding: 0 5px;
			}
			div.session td {
				color: #fbad52;
				font-weight: bold;
				font-size: 1.0em;	
				padding: 0 5px;
				border-right:1px solid #d5d5d5;				
			}
            div.session td a {
                font-weight: bold;
            }
		div.sponsor-logo {
			float:left;
			margin: 0 10px 0 0;
			display: inline;
			width: 144px;
		}
		div.sponsor {
			float:left;
			display: inline;
			width: 266px;
		}
		
    	a.back-to-full-program {
    		background: url(http://www.engineersireland.ie/conference/images/back-to-full-program.png) no-repeat;
    		display: block;
    		width: 215x;
    		height: 50px;
    	}
    	    	a.back-to-full-program span {
    				position:absolute;
		    		left: -9999px;
		    	}
		    	a.back-to-full-program:hover,
		    	a.back-to-full-program:focus,
		    	a.back-to-full-program:active {
		    		background: url(http://www.engineersireland.ie/conference/images/back-to-full-program-rollover.png) no-repeat;
		    	}