/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

html
	{
	height: 100%;
	}

body { 
  line-height: 1.5; 
  height: 100%;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }




/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)
   
   Note: Changes made in this file will not be applied when
   using the compressor: make changes in lib/blueprint/grid.css.rb
   
-------------------------------------------------------------- */


/* Body margin for a sensile default look. */
body {
  margin:0 0;
  background: #fff url(../img/bodyBackground.png) repeat-x ;
  height: 100%;	
}

/* Columns
-------------------------------------------------------------- */


#header
	{
	margin: 0 auto;
	width: 980px;
	height: 186px;
	background: transparent url(../img/header.png) no-repeat;
	}
	
#content
	{
	margin: 0 auto;
	width: 980px; min-height:200px;
	background: transparent url(../img/content.png) no-repeat;
	}
	
#contentSuppliers
	{
	margin: 0 auto;
	width: 980px;
	height: 500px;
	background: transparent url(../img/suppliersBackground.jpg) no-repeat;
	}
	
#logo {width: 430px; height: 100px; background: transparent url(../img/logo.png) no-repeat; float: left; margin: 30px 0 0 20px; }
#logo a { display: block; width: 430px; height: 100px; overflow: hidden; text-indent: -30000px; cursor: pointer;}

#logo-masterclass {width: 272px; height: 90px; background: transparent url(../img/logo_masterclass.png) no-repeat; float: left; margin: 30px 0 0 20px; }
#logo-masterclass a { display: block; width: 272px; height: 90px; overflow: hidden; text-indent: -30000px; cursor: pointer;}

#logo-supplierskills {width: 274px; height: 89px; background: transparent url(../img/logo_supplierskills.png) no-repeat; float: left; margin: 30px 0 0 20px; }
#logo-supplierskills a { display: block; width: 274px; height: 89px; overflow: hidden; text-indent: -30000px; cursor: pointer;}

#logo-skillstraining {width: 273px; height: 88px; background: transparent url(../img/logo_skillstraining.png) no-repeat; float: left; margin: 30px 0 0 20px; }
#logo-skillstraining a { display: block; width: 273px; height: 88px; overflow: hidden; text-indent: -30000px; cursor: pointer;}
	
.speaker { border-bottom:1px solid #ccc; margin-bottom:10px; padding:10px;}
.speakerimg { float:left; margin:5px 20px 10px 0px;}

.bookleft { float:left; margin-bottom:20px;  }
.bookright  { float:right; margin-bottom:20px;  }



.pubsec-box { background-image:url(../img/pubsec_box.jpg); width:251px; height:81px; padding:18px; }
.pubsec-box h1 { font-size:18px;}
.pubsec-box p { margin:0; padding:0; font-size:36px; }

.vol-box { background-image:url(../img/pubsec_box.jpg); width:251px; height:81px; padding:18px; }
.vol-box h1 { font-size:24px; color:#231f20;}
.vol-box p { margin:0; padding:0; font-size:36px; }

.booknow-button { background-image:url(../img/booknow.jpg); width:176px; height:49px; text-align:center; padding:15px 0px 0px 0px; }
.booknow-button a { font-size:24px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; font-weight:normal; display:block;}

#testimonial { text-align:right; }
#testimonial li { list-style-type:none; font-size:16px}
.testimonial-sub { font-size:12px; font-weight:bold; }

.related-event { float:left; border-bottom:1px solid #ccc; width:600px; margin:0px 0px 25px 0px;}
.related-event h3 { font-size:16px; color:#003366; text-decoration:none; margin:0; padding:0;}
.related-event p { margin:0; padding:0; font-size:8px;}

.leftContent
	{
	float: left;
	width: 580px;
	background: #fff;
	margin: 30px 0 0 40px;
	}
	
	
.leftContent  p {font-family:Arial, Helvetica, sans-serif; font-size: 14px; }

.leftContent ul { margin-bottom:20px; font-size: 14px; }


/*
.leftContent  p {font-family: Georgia, serif; font-size: 14px; }
*/

	
.rightContent
	{
	float: left;
	
	width: 285px;
	background: #fff;
	margin: 30px 0 0 45px;
	}
	
.rightContent h3 { text-align:right; border-bottom: 1px solid #ccc; margin:5px 20px;}
	
a.suppliersButton
	{
	display: block;
	height: 164px;
	width: 287px;
	overflow: hidden;
	background: transparent url(../img/suppliersButton.png) top no-repeat;
	cursor: pointer;
	}
	
a.suppliersButton:hover
	{
	display: block;
	height: 164px;
	width: 287px;
	overflow: hidden;
	background: transparent url(../img/suppliersButton.png) bottom no-repeat;
	}
	
a.buyersButton
	{
	display: block;
	height: 164px;
	width: 287px;
	overflow: hidden;
	background: transparent url(../img/buyersButton.png) top no-repeat;
	cursor: pointer;
	}
	
a.buyersButton:hover
	{
	display: block;
	height: 164px;
	width: 287px;
	overflow: hidden;
	background: transparent url(../img/buyersButton.png) bottom no-repeat;
	}
	
#footer
	{
	margin: 0 auto;
	width: 100%;
	height: 162px;
	background: transparent url(../img/footer2.png) bottom repeat-x;
	padding: 20px 0 0 0;
	}
	
#innerFooter
	{
	margin: 0 auto;
	width: 960px;
	height: 162px;
	}
	
#innerFooter img
	{
	margin: 30px 0 0 30px;
	float: left;
	}

#innerFooter .logo-bottom {float:right; margin:25px 0px 0px 0px; }
	
/* buyer supplier tabs*/
	
#tabs
	{
	width:300px;
	height: 33px;
	float: right;
	}
	
#tabs ul {float: right; width: 265px; clear: both; margin: 108px 40px 0 0;}
	
#tabs ul li
	{
	float: left;
	display: block;
	height: 33px;
	line-height: 33px;
	width: 122px;
	margin: 0 10px 0 0;
	text-align: center;
	}
	
#tabs ul li a
	{
	color: #eee;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.2em;
	background: transparent url(../img/tabGrey.png) bottom no-repeat;
	display: block;
	height: 33px;
	line-height: 33px;
	width: 122px;
	}
	
#tabs ul li a:hover
	{
	background: transparent url(../img/tabOrangeHover.png) bottom no-repeat;
	color: #fff;
	}
	
#tabs ul .current 
	{
	background: transparent url(../img/tabOrange.png) bottom no-repeat;
	color: #fff;
	}
	
.eventslist ul { margin:0px 10px; float:right;}

.eventslist ul li { margin:10px; list-style-type: none; border-bottom:1px solid #ccc; width:243px; text-align:right; } 

.eventslist ul li a { text-decoration:none; font-size:12px; font-weight:normal; color:#000000;}
.eventslist ul li a:hover { color:#FF9900;
}
/* right Nav

.rightContent ul
	{
	margin: 0;
	}

.rightContent ul li
	{
	display: block;
	height: 63px;
	width: 274px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	}
	
.rightContent ul li a
	{
	font-weight: normal;
	display: block;
	height: 63px;
	line-height: 63px;
	text-align: center;
	width: 274px;
	color: #000000;
	text-decoration: none;
	font-size: 1.3em;
	letter-spacing: 0.05em;
	overflow: hidden;
	background: transparent url(../img/smallButtonWhite.png) top no-repeat;
	}
	
.rightContent ul li a:hover
	{
	background: transparent url(../img/smallButtonWhite.png) bottom no-repeat;
	color: #000;
	}
	
.rightContent ul li a.current
	{
	background: transparent url(../img/smallButtonWhite.png) bottom no-repeat;
	color: #000;
	}
	*/

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }
.inline {display: inline;}



/*////////////////////////////////////Typography////////////////////////////*/

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  font-family:Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #000; font-family:"Times New Roman", Times, serif;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em;}
h2 { font-size: 2.4em;  margin: 0 0 0.3em 0; color: #003366;}
h3 { font-size: 1.8em; line-height: 1.3em; margin: 0 0 0.5em 0; color:#FF9900;}
h4 { font-size: 1.6em; line-height: 1.2em; margin: 0 0 0.5em 0; color:#FF9900;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


h2.more {width: 300px; background: transparent url(../../Select_Adam/img/more_button.gif) top right no-repeat; cursor: pointer; }

/* Text elements I take it when you say doing good, you mean doing what is benificial for society at that time? Because you dont believe that there is such a thing as good. So if it benifits society at the time and it is socially acceptable, its good. Like Slavery was good at one time. 
-------------------------------------------------------------- */

p           { margin: 0 0 0.5em 0; }
p img       { float: right; margin: 1.5em 1.5em 1.5em 0.5em; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           {  text-decoration: underline; cursor: pointer; font-weight: bold;  color:#FF9900;}

blockquote  { margin: 1.5em; color: #000000; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #000000; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#000000; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

.floatLeft {float: left; margin-top: 0;}
	
.marginBottom60px {margin: 0 20px 60px 0;}
	
.marginBottom190px {margin: 0 20px 190px 0;}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 0 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

ul.arrow li {
	list-style: none;
	background: transparent url(../../Select_Adam/img/small_arrow.gif) 2px 5px no-repeat;
	padding: 0 0 0 1.3em;
	margin: 0 0 0.5em 0;
	}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:98%; border-collapse: collapse; border: 1px solid #fff; font-size:14px;}
th          { font-weight: bold; background: #eee; color: #000; }
th,td       { padding: 4px 10px 4px 5px; border: 1px solid #fff;}
tr td  { background: #ffffff; }
tr.even td  {  border-bottom:1px solid #f2f2f2; }
tr.heading td  {background-color:#f2f2f2; color:#000;}
tr.seminar-title td  { background-color:#E9F4FC}
tfoot       { font-style: italic; }
caption     { background: #eee; }

#eventsdiary { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }


.hide {display: none}

/* New Styles - ADAM
-------------------------------------------------------------- */

.lavaLamp {
position: relative;
    height: 20px; width: 860px;
    background: transparent;
    padding: 13px 13px 13px 13px; margin: 0 0 0 80px;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
		margin-right: 25px;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background: url("../img/lavaGrad.png") no-repeat right -30px;
            width: 9px; height: 30px;
            z-index: 8;
            position: absolute;
        }
            .lavaLamp li.back .left {
                background: url("../img/lavaGrad.png") no-repeat top left;
                height: 30px;
                margin-right: 9px;
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: 14px arial;
            color: #ccc; outline: none;
            text-align: center;
            height:30px; top: 7px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 10px;
        }
		
		.lavaLamp li a:hover
			{
			color: #FF9900;
			}
			
		.lavaLamp li.current a
			{
			color: #fff;
			}
		
		.copperContainer
			{
			margin: 0 0 20px 0;
			background: url("../img/copperContainer.png") no-repeat top left;
			width: 576px;
			
			}
			
		.copperContainer h3
			{
			margin: 10px 0 0 20px;
			padding: 10px 0 0 0;
			color: #fff;
			font-weight: bold;
			font-size: 1.7em;
			}
			
		.copperContainer p
			{
			padding: 20px 20px 0 20px;
			}
			
			
		.cobaltContainer
			{
			margin: 0 0 20px 0;
			background: url("../img/cobaltContainer.png") no-repeat top left;
			width: 576px;
		
			}
			
		.cobaltContainer h3
			{
			margin: 10px 0 0 20px;
			padding: 10px 0 0 0;
			color: #fff;
			font-weight: bold;
			font-size: 1.7em;
			}
			
		.cobaltContainer p
			{
			padding: 20px 20px 0 20px;
			}
			
			.zincContainer
			{
			margin: 0 0 20px 0;
			background: url("../img/zincContainer.png") no-repeat top left;
			width: 576px;
			
			}
			
		.zincContainer h3
			{
			margin: 10px 0 0 20px;
			padding: 10px 0 0 0;
			color: #fff;
			font-weight: bold;
			font-size: 1.7em;
			}
			
		.zincContainer p
			{
			padding: 20px 20px 0 20px;
			}
			
		.zincContainer ul, .cobaltContainer ul, .copperContainer ul
			{
			padding: 0 0 0 20px;
			}
			
		.createContainer
			{
			margin: 0 0 20px 0;
			background: url("../img/createContainer.png") no-repeat top left;
			width: 576px;
			
			}
			
		.createContainer h3
			{
			margin: 10px 0 0 20px;
			padding: 10px 0 0 0;
			color: #fff;
			font-weight: bold;
			font-size: 1.7em;
			}
			
		.createContainer p
			{
			padding: 20px 20px 0 20px;
			}
			
/* accordion*******************/
			
.accord
	{
	margin: 0 30px 10px 15px;
	padding: 10px;
	}
	
.accord img
	{
	float: left;
	margin: 0 20px 0 0;
	}
	
.accordion2 {
	width: 100%; }

h3.accordionh3 {
	background: #EFF7FF url(../img/arrow-square.png) 558px -52px no-repeat;
	color: #000000;
	font-weight: bold;
	padding: 3px 15px; margin: 0 30px 3px 15px;
	border: solid 1px #ADD3EF; cursor: pointer; 
	margin: 20px 0 0 0;
	}
	

	
h3.accordionh3:hover {
	background-color: #fff ;
}
h3.active {
	background: #EFF7FF url(../img/arrow-square.png) 558px 3px no-repeat;
}

h3.active2 {
	background: #EFF7FF url(/pass/imgs/arrow-square.png) 558px 3px no-repeat;
}

.accordion2 p {
		margin: 0; padding: 10px 15px 10px 0;
	
}

.active {
	background-position: right 12px;}
	
	
/* glow buttons *****************************/

.glow {
  display:block;
  width: 287px;
  height: 164px;
  background: url(../img/suppliersButton.png) no-repeat 0 -164px;
  margin:0 auto;
  padding: 0;
}

.glow a {
  display:block;
  width: 287px;
  height: 164px;
  background: url(../img/suppliersButton.png) no-repeat 0 0;
  text-indent:-9999px;
  padding: 0;
}


.glow2 {
  display:block;
  width: 287px;
  height: 164px;
  background: url(../img/buyersButton.png) no-repeat 0 -164px;
  margin:0 auto;
  padding: 0;
}
.glow2 a {
  display:block;
  width: 287px;
  height: 164px;
  background: url(../img/buyersButton.png) no-repeat 0 0;
  text-indent:-9999px;
  padding: 0;
}

.glow a:hover, .glow2 a:hover  {
  background-position:0 164px;
}


/*--------- CONTENT SLIDER -------------------*/

img{border:none;}
	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:236px;
		background:#fff;		
		margin-bottom:2em;
		}	
	

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:236px;
		height:136px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:16px;
		height:40px;
		position:absolute;
		left:-16px;
		top:41px;
		}	
	#nextBtn{ 
		left:236px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:16px;
		height:40px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */


/*--------- CONTENT SLIDER END -------------------/*
  /* Scott styles */
  
.logo-bottom { float:right; margin:25px 0px 0px 0px;}


.cantattend {text-align:right; margin-right:20px;}
.cantattend p { font-size:14px;  }
.cantattend h4 { font-size:20px; color: #003366; font-weight:normal;}


.module-box { margin:20px 0px 0px 0px;}
.contactinfo { margin:30px 20px; font-size:10px; color:#2b8dcc; float:left;}

#testimonial
	{
	display: inline;
	}
	
#testimonial li
	{
	width: 250px;
	}
	
.cpd-event
	{
	width: 350px;
	}
	
.cpd-event img
	{
	float: left;
	}

.venueimg { float:right;}