
/* BLM CSS 210409
orange: #ff8800
grey: #5c666b
dark grey:#333
*/

/*universal*/

* {padding:0; margin:0;}

/*common selectors */

body {
	font-size:62.5%; /* for ems, now 1em=10pt 2em=24pt http://www.clagnut.com/blog/348/*/
	text-align: center;
	background-color: #fff;
	color: #5c666b;
	font-family:Trebuchet MS, sans-serif;
	}

h1 {background: url(../images/BLM_logo.png) no-repeat right top;
	margin: 0 0 0 0;
    height:75px ;
	width:307px  ;
	text-indent: -9000px;
	display:inline;
	float:right;
	border: solid 0px green;
}

*html h1 {background: url(../images/BLM_logo.gif) no-repeat;}

h2 {text-align: left;
	font-family: arial, sans-serif;
	font-weight:normal;
	text-transform:lowercase;
	font-size: 4em;
	line-height: 1.0em;
	color:#ff8800;
	padding: 10px 0 10px 0;
}
/*text for capitalising PR page*/
#main_content h2.upper {text-transform:none;}

h3 {text-align: left;
	font-family: arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 1.5em;
	line-height:1.4em;
	color:#333;
	
}

h4 {text-align: left;
	font-family: arial, sans-serif;
	font-weight:bold;
	font-size: 1.5em;
	color:#333;
	padding-bottom:7px;
}

p {
	text-align: left;
	float:left;
	font-family: Tahoma, Trebuchet MS, sans-serif;
	font-size: 1.2em;
	line-height: 1.45em;
	color:#5c666b;
	padding: 0	0 1em 0;
}

p strong {color:#333; font-weight:normal;}

p.orange {color:#ff8800;}

#sub_content p {color:#333; padding-top:5px; }

div #main_content p.toggle {margin-top:-10px;}

a {text-decoration: none;}

a:link {text-decoration: none; color:#5c666b;}

a:visited {text-decoration: none; color:#5c666b;}

a:hover {text-decoration: none; color: #333;}

a:active {text-decoration: none; color: #ff8800;}

a img {border: none;}

#sub_content h4 a:link {text-decoration: none; color: #333;}
#sub_content h4 a:hover {text-decoration: none; color: #ff8800;}


.clear{
clear:both;
}



/*wireframe divs */
#wrapper {
	width: 900px;
	height: auto;
	margin: 60px auto 30px auto;
	border: solid 0px green;
	background-color:#fff;
}

#main_content_wrapper{
background-color:#edeff1;
border: solid 0px blue;
margin:10px 0px 10px 0px;
width:auto;
height:300px;
} 

#main_content{
float:left;
display:inline;
position:relative;
margin:15px 0 0 20px;
border: solid 0px green;
width:300px;
}

/*#slideshow1{position:absolute; right:0px ; width:300px; height:300px; border:solid 1px green ; z-index:200; clear:both;}*/
#slideshow1{position:relative; float:right; display:inline; border:solid 0px green ; margin-right:0px; width:300px; height:300px;}
/*lsideshow for people profiles - imported with jquery*/
#slideshow1 div.profile{padding:10px;}
#slideshow1 div.profile img {padding-bottom:10px; padding-top:20px; float:left;}
#slideshow1 div.profile p strong.first {font-size:1.3em;padding-bottom:2px;}


/*single column layout for news,home,what,contact*/
div #main_content.extension {width:450px; border:solid 0px red;}
div #wrapper_sub.extension{display: none !important; }


div #wrapper_sub{
float:left;
display:inline;
position:relative;
margin:20px 0 0 25px;
border: solid 0px red;
width:225px;/*allows coloured border*/ /*adjusts bullet heights*/
height:275px;/*20px top/bottom*/
}


div #sub_content{
float:left;
display:inline;
position:relative;
margin:55px 0 0 0px;
padding:0;
border: solid 0px green;
width:auto;
height:185px; 
color: #5c666b;
overflow: auto;
}

div #main_image{
float: right;
display:inline;
position:relative;
}

#footer_right img {margin-top:-7px;}

#bottom_bar {
	clear:both;
	font-family: Tahoma, Trebuchet MS, sans-serif;
	font-size:inherit;
	height:20px;
	border: solid 0px green;
	background-color:#ff8800;
	padding: 3px 0 0 10px;

	}
#bottom_bar p{color:#fff;}
#bottom_bar p strong {color:#fff; font-weight:bold}

#footer_left {float:left; display:inline; font-size:inherit;}
#footer_right {float:right; display:inline; font-size:.8em}
#footer_left, #footer_right {margin-top:80px;}

/*external link finder (not own site links) and icon  */

a[href^="http://www.brightlightmarketing.briefyourmarket.com"]  {
	background: url(../images/book-icon.gif) no-repeat right center;
	padding-right: 12px;
	font-weight:bold;
}


	