@charset "utf-8";
/* CSS Document */


/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}


/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold; color:#B11116; }
em { font-style: italic }
ol, ul, li { list-style:none }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */
br { clear:both; height:1px; margin:-1px 0 0 0 }
h1 { font: 1.8em Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif }
li { font: 1em Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif; margin:0; }
a { text-decoration: underline; }

/* Default */

html,body  {font: 12px/1.4em arial, helvetica, verdana, tahoma, verdana, sans-serif; color: #000; line-height: normal; }
body {		margin: 0;	text-align: center;	background: url(../interface/Brightideas-background.gif) #B11116 repeat-x top center;	}

/* ------------------------------------ */

/* Global Layout Styles */

/* ------------------------------------ */
/* ------------------------------------ */

/* Hidden elements */

/* ------------------------------------ */
	.hidden, .screen_reader, hr { display: none; }

/* ------------------------------------ */
	
/* ---- Typography ---- */	

/* ------------------------------------ */

/* Paragraph default styling */
p { margin: 0 0 15px 0; font-size: 1.1em; line-height: 1.3em; }
.spacer { margin: 0 0 25px 0; }
.imageleft { float: left; }

/* Default link styling */
a { text-decoration: none; }
a:hover {  text-decoration: underline; }

#leftcolumn h1 { font-size: 1.3em;  margin-bottom: 10px;}

	
/* Float element left with a margin */
.floatLeft { float: left; margin: 0 20px 20px 0; }
	
/* Float element right with a margin */
.floatRight { float: right; margin: 0 0 20px 20px; }


.clear {
	clear:both;
	}
	
/* ------------------------------------ */

/* TEMPLATE LAYOUT  */   

/* ------------------------------------ */

#wrapperinner { width: 970px; margin: 47px auto; /* centers content */}
#wrapperheader { width: 970px; margin: 0  ; float: left; height: 144px; position: relative; z-index: 100; background: url(../interface/Brightideas-header.gif) top left no-repeat #B11116; }
 
 

#contentwraper { width: 970px;	float: left; position: relative; z-index: 50; text-align: left;	background: #fff;  }

#contentwraper .gutter { margin: 20px 30px; }
#contentwraper .gutter .gutter2 { margin: 20px 50px; }
#contentwraper .gutter .gutter3 { margin: 5px 500px 5px 50px; }
.Mentors  #contentwraper .gutter { background:url(../interface/meet-the-mentors-back.jpg) repeat-y top left; }
.ihaveanidea  #contentwraper .gutter { background:url(../interface/meet-the-mentors-back.jpg) repeat-y top left; }
.Mentors#julian-winser    #contentwraper .gutter { background: url(../interface/mentors/julian-winser-back.jpg) no-repeat 0 57px; }
.Mentors#lyndon-trott    #contentwraper .gutter { background: url(../interface/mentors/lyndon-trott-back.jpg) no-repeat 0 57px; }
.Mentors#stuart-falla    #contentwraper .gutter { background: url(../interface/mentors/stuart-falla-back.jpg) no-repeat 0 57px; }
.Mentors#gina-le-prevost    #contentwraper .gutter { background: url(../interface/mentors/gina-le-prevost-back.jpg) no-repeat 0 57px; }
.Mentors#derek-coates    #contentwraper .gutter { background: url(../interface/mentors/derek-coates-back.jpg) no-repeat 0 57px; }
.Mentors#tom-scott    #contentwraper .gutter { background: url(../interface/mentors/tom-scott-back.jpg) no-repeat 0 57px; }




 
#paddingwraper {width: 960px; float: left; margin: 0 0 0 10px; padding: 25px 0; }


#leftcolumn { float: left;	width: 552px; clear: both; padding-bottom: 0;  margin: 0 0 0 0; background: url(../interface/the-home-of-bright-ideas-back.gif) right bottom repeat-y; display: table; 	 }
.gallery #leftcolumn { background: url(../interface/left-column-back-black-version.png) right bottom repeat-y; 	 }
#leftcolumn .gutter { margin: 10px 45px 10px 50px ;  }
	/* IE6 alternative not so good looking but works! */
	* html #leftcolumn { background: url(../interface/left-column-back.jpg) top left repeat-y; }
		

#rightcolumn { float: right; width: 350px;	margin: 0 0 0 0; padding: 0 0 0 0; position: relative; top: 0; 	}

.left { float:left; width: 49%;}
.right { float: right; width: 49%;}

.contentimage { margin: 10px 0; border: 1px solid #999; }
	#footerwrap {
		 
		width: 970px;
		margin: 0 ;
		float: left;
		position: relative;
		text-align: left;
	}
	* html #footerwrap { margin: 0 ; }
	
/* ----------------------------------- */

/* TEMPLATE LAYOUT END  *?

/* ------------------------------------ */
/* ------------------------------------ */

/* TOP NAV AND HEADER SECTION STYLES  */

/* ------------------------------------ */

	#topnavbar { position: absolute; bottom: 0;	left: 83px;	margin: 0;	height: 34px; width: 810px;	overflow: hidden; 	}
	#topnavbar li { float: left; height: 34px;	overflow: hidden; 	}
	#topnavbar li a {	text-indent: 0;	font-size: 1.2em; padding-top: 0;	height: 34px; display: block;	}
	#topnavbar li a:hover { text-decoration: none; color: #EAE6AC; }
	
	#topnavbar li a span { visibility:hidden;}
		/* individual button link styles */
	#topnavbar li.Home { width: 103px;  }
	#topnavbar li.Home a { background: url(../interface/Brightideas-home.jpg) no-repeat top left; width: 103px; }
	#topnavbar li.Home a:hover, #topnavbar li.Home a.selected { background: url(../interface/Brightideas-home_f2.jpg) no-repeat top left; }
	
	#topnavbar li.Mentors { width: 100px;  }
	#topnavbar li.Mentors a { background: url(../interface/Brightideas-mentors.jpg) no-repeat top left; width: 100px; }
	#topnavbar li.Mentors a:hover, #topnavbar li.Mentors a.selected { background: url(../interface/Brightideas-mentors_f2.jpg) no-repeat top left; }
	
	#topnavbar li.Ihaveanidea { width: 99px;  }
	#topnavbar li.Ihaveanidea a { background: url(../interface/Brightideas-haveanidea.jpg) no-repeat top left; width: 99px; }
	#topnavbar li.Ihaveanidea a:hover, #topnavbar li.Ihaveanidea a.selected { background: url(../interface/Brightideas-haveanidea_f2.jpg) no-repeat top left; }
	
	#topnavbar li.Ideasurgery { width: 100px;  }
	#topnavbar li.Ideasurgery a { background: url(../interface/Brightideas-news.jpg) no-repeat top left; width: 100px; }
	#topnavbar li.Ideasurgery a:hover, #topnavbar li.Ideasurgery a.selected { background: url(../interface/Brightideas-news_f2.jpg) no-repeat top left; }
	
	#topnavbar li.FAQ { width: 99px;  }
	#topnavbar li.FAQ a { background: url(../interface/Brightideas-faq.jpg) no-repeat top left; width: 99px; }
	#topnavbar li.FAQ a:hover, #topnavbar li.FAQ a.selected { background: url(../interface/Brightideas-faq_f2.jpg) no-repeat top left; }
	
	#topnavbar li.SchrodersPrivateBank { width: 100px;  }
	#topnavbar li.SchrodersPrivateBank a { background: url(../interface/Brightideas-schroders.jpg) no-repeat top left; width: 100px; }
	#topnavbar li.SchrodersPrivateBank a:hover, #topnavbar li.SchrodersPrivateBank a.selected { background: url(../interface/Brightideas-schroders_f2.jpg) no-repeat top left; }
	
	#topnavbar li.Media { width: 99px;  }
	#topnavbar li.Media a { background: url(../interface/Brightideas-media.jpg) no-repeat top left; width: 99px; }
	#topnavbar li.Media a:hover, #topnavbar li.Media a.selected { background: url(../interface/Brightideas-media_f2.jpg) no-repeat top left; }
	
	#topnavbar li.ContactUs { width: 105px;  }
	#topnavbar li.ContactUs a { background: url(../interface/Brightideas-contactus.jpg) no-repeat top left; width: 105px; }
	#topnavbar li.ContactUs a:hover, #topnavbar li.ContactUs a.selected { background: url(../interface/Brightideas-contactus_f2.jpg) no-repeat top left; }
	
	
	
	

	h1#logo {margin: 0; padding: 0;}
	#logo {	position: absolute;	top: 0;	left: 0; height: 129px;	width: 950px; 	overflow: hidden;  	}
	#logo a {	text-indent: -3000em; font-size: 1px; height: 129px; width: 950px; display: block; background: url(../interface/TopBanner.jpg) no-repeat; }
	
	
/* ------------------------------------ */

/* TOP NAV AND HEADER SECTION STYLES END  */

/* ------------------------------------ */

/* MENTORS NAV AND HEADER SECTION STYLES  */

/* ------------------------------------ */

	#mentorsnavbar { position: relative; left: 61px; padding:  0 0  0 151px;	margin: 0;	height: 55px; width: 810px;	overflow: hidden; background:url(../interface/mentors/mentors-menu.gif) bottom left no-repeat; 	}
	 
	#mentorsnavbar li { float: left; height: 55px;	overflow: hidden; 	}
	#mentorsnavbar li a {	text-indent: 0;	font-size: 1.2em; padding-top: 0;	height: 55px; display: block;	}
	#mentorsnavbar li a:hover { text-decoration: none; color: #EAE6AC; }
	
	#mentorsnavbar li a span { visibility:hidden;}
		/* individual button link styles */
	#mentorsnavbar li.JULIANWINSER { width: 111px;  }
	#mentorsnavbar li.JULIANWINSER a { background: url(../interface/mentors/mentors-menu1.gif) no-repeat bottom left; width: 111px; }
	#mentorsnavbar li.JULIANWINSER a:hover, #mentorsnavbar li.JULIANWINSER a.selected { background: url(../interface/mentors/mentors-menu1_f2.gif) no-repeat bottom left; }
	
	#mentorsnavbar li.LYNDONTROTT { width: 122px;  }
	#mentorsnavbar li.LYNDONTROTT a { background: url(../interface/mentors/mentors-menu2.gif) no-repeat bottom left; width: 122px; }
	#mentorsnavbar li.LYNDONTROTT a:hover, #mentorsnavbar li.LYNDONTROTT a.selected { background: url(../interface/mentors/mentors-menu2_f2.gif) no-repeat bottom left; }
	
	#mentorsnavbar li.STUARTFALLA { width: 106px;  }
	#mentorsnavbar li.STUARTFALLA a { background: url(../interface/mentors/mentors-menu3.gif) no-repeat bottom left; width: 106px; }
	#mentorsnavbar li.STUARTFALLA a:hover, #mentorsnavbar li.STUARTFALLA a.selected { background: url(../interface/mentors/mentors-menu3_f2.gif) no-repeat bottom left; }
	
	#mentorsnavbar li.GINALEPREVOST { width: 128px;  }
	#mentorsnavbar li.GINALEPREVOST a { background: url(../interface/mentors/mentors-menu4.gif) no-repeat bottom left; width: 128px; }
	#mentorsnavbar li.GINALEPREVOST a:hover, #mentorsnavbar li.GINALEPREVOST a.selected { background: url(../interface/mentors/mentors-menu4_f2.gif) no-repeat bottom left; }
	
	#mentorsnavbar li.DEREKCOATES { width: 116px;  }
	#mentorsnavbar li.DEREKCOATES a { background: url(../interface/mentors/mentors-menu5.gif) no-repeat bottom left; width: 116px; }
	#mentorsnavbar li.DEREKCOATES a:hover, #mentorsnavbar li.DEREKCOATES a.selected { background: url(../interface/mentors/mentors-menu5_f2.gif) no-repeat bottom left; }
	
	#mentorsnavbar li.TOMSCOTT { width: 113px;  }
	#mentorsnavbar li.TOMSCOTT a { background: url(../interface/mentors/mentors-menu6.gif) no-repeat bottom left; width: 113px; }
	#mentorsnavbar li.TOMSCOTT a:hover, #mentorsnavbar li.TOMSCOTT a.selected { background: url(../interface/mentors/mentors-menu6_f2.gif) no-repeat bottom left; }

/* ------------------------------------ */

/* LEFT NAV SECTION STYLES  */

/* ------------------------------------ */

#sideMenuMain { 
		float: left;
		clear: both;
		margin: 0 0 0 0;
		padding: 0px 0 20px 0px;
		overflow: hidden;
		list-style: none;
		width: 290px;
		font-size: 1.1em;
		
	}
#sideMenuMain ul {
		float: left;
		margin: 0 ;
		padding: 0;
		list-style: none;
		width: 290px;
	}
#sideMenuMain li {
		float: left;
		width: 260px;
		padding: 10px 10px 10px 12px;
		margin: 0 10px 0 0;
		overflow: hidden;
		border-top: 1px solid #363636;
		border-bottom: 1px solid #121212;
		background: transparent;
	}
#sideMenuMain li a img  { float:left; padding-right: 8px;}
#sideMenuMain li a {
		float: left;
		color: #999;
		
	}
#sideMenuMain li a:hover {
		color: #fff; text-decoration:none;
	}
#sideMenuMain li.canon5d { background:url(../interface/EOS-5D-icon.gif) 10px 10px no-repeat; }

li.canon5d a {padding: 5px 10px 5px 55px;}

/* LEFT NAV SECTION STYLES GALLERY  */

/* ------------------------------------ */

.gallery #sideMenuMain { 
		float: left;
		clear: both;
		margin: 0 0 0 0;
		padding: 0px 0 20px 0px;
		overflow: hidden;
		list-style: none;
		width: 290px;
		font-size: 1.1em;
		
	}
.gallery #sideMenuMain h2 { margin: 10px 10px 5px 20px; color:#FFF; }
.gallery #sideMenuMain ul {
		float: left;
		margin: 0 ;
		padding: 0;
		list-style: none;
		width: 290px;
	}
.gallery #sideMenuMain li {
		float: left;
		width: 267px;
		padding: 8px 8px 0px 8px;
		margin: 0 10px 0 0;
		overflow: hidden;
		border-top: none;
		border-bottom: none;
		background: transparent;
	}
.gallery #sideMenuMain li a img  { float:left; padding-right: 8px;}
.gallery #sideMenuMain li a {
		float: left;
		color: #999;
		background:#000 ;
		padding: 8px;
	}
.gallery #sideMenuMain li a:hover {
		color: #fff; text-decoration:none;
		background: #2D2D2D url(../interface/side-gallery-menu-button-background-on.png) top left no-repeat;
	}

/* ------------------------------------ */

/* LEFT NAV SECTION STYLES END  */

/* ------------------------------------ */
/* ------------------------------------ */

/* CONTENT SECTION STYLES */

/* ------------------------------------ */



#flashmain { background:url(../interface/flash-promo-large-box-background.png) right bottom no-repeat; margin-right: -10px; padding-right: 10px; padding-bottom: 10px;}


/* ------------------------------------ */

/* CONTENT SECTION STYLES END */

/* ------------------------------------ */


#outerwrap {}
#innerwrap {}
#headerwrap {}
#headerlinks {}

.fullwidthboxwrap {
		float: left;	margin: 0  0 10px 0;	padding: 0 0 0 0;	overflow: hidden;	list-style: none;	width: 643px; font-size: .9em; background: #1B1B1B url(../interface/background-diag-hatch.jpg) top left no-repeat;		}
		.fullwidthboxwrap .gutter { margin: 10px;}

/*****************/
/* half width boxes */
.halfwidthboxwrap {
		float: left;	margin: 0 0px 0 0;	padding: 0 0 30px 0;	overflow: hidden;	list-style: none;	width: 650px; font-size: .9em;	}
	.halfwidthbox  { float: left;	width: 317px;	padding: 0;	height: 225px;	margin: 0 7px 0 0;	overflow: hidden; background: #1B1B1B url(../interface/background-diag-hatch.jpg) top left no-repeat;	}
	.halfwidthbox .gutter { margin: 10px;}
	.halfwidthbox h2 { color:#FFF; font-size: 1.3em; margin-bottom: 8px;}

/***********************/	
/* Quarter width boxes */

	.quarterwidthbox {
		float: left;	margin: 0 0px 0 0;	padding: 0 0 30px 0;	overflow: hidden;	list-style: none;	width: 650px; font-size: .9em;	}
	.quarterwidthbox li { float: left;	width: 155px;	padding: 0;	height: 225px;	margin: 0 7px 0 0;	overflow: hidden; background: #1B1B1B url(../interface/boxes_backgrounds.jpg) 100% 100% no-repeat;	}
	.quarterwidthbox li img { float: left; margin-bottom: 5px; }
	.quarterwidthbox li a {
		float: left;
		width: 148px;
		height: 275px;
		display: block;
		padding: 0px;
		color: #C3CA98;}
	.quarterwidthbox li a strong { float: left; color:#FFFFFF; font-size: 1em; line-height: .5em; font-weight: normal; width: 150px; }
	.quarterwidthbox li a em { float: left; color: #607B78; font-style:normal; background: url(../interface/small-arrow.gif) 100%  100% no-repeat; padding-right: 10px;}
	.quarterwidthbox li a:hover { text-decoration: none ; color: #C3CA98; 	}
.quarterwidthbox li a:hover em { text-decoration: underline ; color: #fff; 	}

/***********************/	
/* Quarter width boxes end */

h1.H1Title { color:#FFFFFF; font-size:20px; }
h2.H2Title { color:#FFFFFF; font-size:20px; }
h3.H3Title { color:#FFFFFF; font-size:20px; }
img.Floatleft { float:left; padding:0; border:none; margin: 0 20px 15px 0px;}


.newslisting { float: left; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #C00; width: 98%;}
.newslisting p { padding: 0; margin: 0;}
.newslisting img { float: left; margin-right: 10px;}
