/* BlackOrange CSS */

/* Set the default font */
body, p, td, th, li {font-family: "Lucida Grande", Verdana, sans-serif; color: #333; line-height: 1.5em;}

/* Don't set these to an em or %, so nested items get smaller and smaller */
p {
	font-style: normal;
}

html {
	height: 100%;
}

body {
	font-size: 70%;
	font-style: normal;
	padding: 0;
	margin: 0 0 30px 0;
	color: #333;
	border: 0;
	background-image: url(/images/bg4.jpg);
	height: 100%;
     }

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


h2        { color: #036; font-size: 150%; font-family: "Lucida Grande", Verdana, sans-serif;}

h3        {
font-size: 100%;
font-family: "Lucida Grande", Verdana, sans-serif;
color: #036;
background-color: #fff;
margin-top: 0px;
font-weight:bold;

}

.BlueText { color: #036; font-weight:bold;}

/* Set images to have no borders */
img { border: 0; }

#bgwrapper {
	margin: 0;
	padding: 0;
	/*background-image: url(/images/bg.jpg);*/
	/*background-repeat: repeat-x;*/
	/*border: 1px solid #f0f;*/
	height: 100%;
}

#wrapper {
	width: 770px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	/*border: 1px solid #f0f;*/
}


#top {
	width: 770px;
	height: 86px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	background-color: #fff;
	background-image: url(/images/top_bg.gif);
	background-repeat: no-repeat;
}

#content {
	width: 770px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	background-image: url(/images/bg2.gif);
	background-repeat: repeat-y;
	/*border: 1px solid #f0f;*/
}

#footer {
	width: 770px;
	height: 6px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	background-image: url(/images/footer.gif);
	overflow: hidden;
}

#copyright {
	margin: 5px 0 0 0;
	padding: 0 0 30px 0;
	border: 0;
	float: right;
	font-size: 90%
}


#leftCol {
	width: 109px;
	margin: 0 0 0 21px;
	border: 0;
	float: left;
	display: inline;
	/*border: 1px solid #f0f;*/
}

#midCol {
	width: 387px;
	margin: 0;
	padding: 0 22px 0 22px;
	border: 0;
	float: left;
	/*border: 1px solid #f0f;*/
}

#midCol a { color: #333; text-decoration: underline;}
#midCol a:visited { color: #333; }
#midCol a:hover { color: #036; text-decoration: underline }


#rightCol {
	width: 209px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	/*border: 1px solid #f0f;*/
}


br 	{
	clear: both;
	}


#nav	{
	width: 109px;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #ccc;
}

#nav ul {
	margin: 13px 10px 15px 0;
	padding: 0;
	border: 0;
	list-style-type: none;

}

#nav ul li{
	display: block;
	padding: 0;
	border: 0;
	margin: 3px 0 0 0;
	text-decoration: none;
	overflow: hidden;
}


#spark	{
	width: 109px;
	padding: 0;
	margin: 0;
	border: 0;
}

#spark a { color: #EA6809; text-decoration: none;}
#spark a:visited { color: #EA6809; }
#spark a:hover { color: #EA6809; text-decoration: underline}


#spark ul {
	margin: 10px 0 25px 0;
	padding: 0;
	border: 0;
	list-style-type: none;

}

#spark ul li{
	display: block;
	padding: 0;
	border: 0;
	margin: 3px 0 0 0;
	text-decoration: none;
	overflow: hidden;
}


#rightCol ul {
	margin: 7px 0 10px 10px;
	padding: 0;
	border: 0;
	list-style-type: none;

}

#rightCol ul li{
	display: block;
	padding: 0;
	border: 0;
	margin: 3px 0 0 0;
	text-decoration: none;
	overflow: hidden;
}


#subnav {
	width: 209px;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #ccc;
}


hr     {
	border: 0;
	border-top: 1px solid #333;
	background-color: #fff;
	height: 1px;
	margin: 0;
	padding:0;
}


.newsItem {
	width: 207px;
	margin: 7px 0 0 1px;
	padding: 0;
	border: 0;
	background-color: #E4F3FC;
}

.newsText {
	margin: 0;
	padding: 5px 10px 5px 10px;
	border: 0;
}


#Services, #CaseStudies  {
	width: 165px;
	height: 17px;
	margin: 13px 0 8px 11px;
	text-indent: -2000px;
	border: 0;
	text-decoration: none;
	overflow: hidden;
}

#CaseStudies { background-image: url(/images/casestudies_title.gif); }
#Services { background-image: url(/images/services_title.gif); }

#OtherNews, #NewsInc {
	width: 165px;
	height: 17px;
	margin: 13px 0 12px 11px;
	text-indent: -2000px;
	border: 0;
	text-decoration: none;
	overflow: hidden;
}

#OtherNews { background-image: url(/images/other_news_title.gif); }
#NewsInc { background-image: url(/images/news_title.gif); }

#News, #ServicesTitle, #Clients, #Testimonials, #Why, #Productions, #Farnell, #Hagemeyer, #Osram, #Contact, #Conferences, #ListServices, #ProductLaunches, #AwardCeremonies, #Roadshows, #Media {
	width: 165px;
	height: 17px;
	margin: 5px 0 10px 0;
	text-indent: -2000px;
	border: 0;
	text-decoration: none;
	overflow: hidden;
}

#News { background-image: url(/images/news_title.gif); }

#ServicesTitle { background-image: url(/images/services_title.gif); }

#Clients { background-image: url(/images/clients_title.gif); }

#Testimonials { background-image: url(/images/testimonials_title.gif); }

#Why { background-image: url(/images/why_title.gif); }

#Productions { background-image: url(/images/productions_title.gif); }

#Contact { background-image: url(/images/contact_title.gif); }

#Farnell { background-image: url(/images/farnell_title.gif); }

#Hagemeyer { background-image: url(/images/hagemeyer_title.gif); }

#Osram { background-image: url(/images/osram_title.gif); }

#Conferences { background-image: url(/images/conferences_title.gif); }

#ListServices {	background-image: url(/images/list_services_title.gif); }

#ProductLaunches { background-image: url(/images/product_launches_title.gif); }

#AwardCeremonies { background-image: url(/images/award_ceremonies_title.gif); }

#Roadshows { background-image: url(/images/roadshows_title.gif); }

#Media { background-image: url(/images/media_title.gif); }



#two_col {
	width: 640px;
	float: left;
	/*border: 1px solid #f0f;*/
	}

	
#home_img {
	width: 595px;
	padding: 0 23px 0 22px;
}

#spark_img {
	width: 595px;
	height: 447px;
	padding: 0;
	background-image: url(/images/spark_bg.jpg);
}



/********* Bullet styles *********/

.BulletList ul
{
list-style-type: none;
padding: 0;
margin-top: 4px;
margin-bottom: 4px;
margin-left: 0;
}

.BulletList li
{
background-image: url(/images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.6em;
margin-top: 10px;
margin-right: 4px;
}