/*
tsc.css
Main style sheet for the
Technology Strategy Consultants website
Designed and built by Tellura Information Services Ltd
March 2006
http://www.tellura.co.uk
*/


* {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(../images/body_background_990.gif);
	background-repeat: repeat-y;
	background-position: center;
}

p {
	font-family: Arial, Helvetica, san-serif;

}

.clearboth {
	clear: both;
}

.pullquote {
	border: 1px solid #000000;
	padding: 10px;
	margin-top: 10px;

}

sub {
	vertical-align: sub;
}

#wrapper {
width: 910px;
position: relative;
left: 50%;
margin-left: -455px;
background-image: url(../images/kmap_bg.gif);
background-repeat: no-repeat;
background-position: 150px 100px;
}

#banner {
	background-image: url(../images/tsc_logo_min.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-position: 0 5px;
	height: 92px;
	width: 890px;
	margin: 10px;
}

#banner h2 {
	font-family: Arial, Helvetica, san-serif;
	font-size: 32px;
	font-weight: bold;
	color: #666666;
	text-align: right;
	line-height: 70px;
	margin-right: 0;
	/* display: none; */
}

#mainNavigation {	
}

 ul#mainNav {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 5px 10px 10px 10px;
	padding: 5px 0;	
	list-style: none;
	display: inline;
	float: left;
	width: 890px;
}

ul#mainNav a {
	display: block;
	/* width: 122px; */
	width: 106px;
	height: 20px;
	margin-right: 3px;
	border: 1px solid #f7f7f7;
	font-family: Arial, Helvetica, san-serif;
	/* font-size: 14px; */
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #444444;
	background-color: #f7f7f7;
}

ul#mainNav a:hover {
	background-color: #e9e9e9;
	border: 1px solid #ff0000;
}

ul#mainNav li {
	float: left;
}

/* fullContent styles: used for pages
that don't have a featureContent panel */

#fullContent {
	width: 870px;
	display: inline;
	margin: 0 10px 10px 10px;
	padding: 10px;
	float: left;
	/*background-color: #f3f3f3;*/
	/* border: #000000 1px solid; */

}

#fullContent h2 {
	font-family: Arial, Helvetica, san-serif;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
}

#fullContent p {
	padding-top: 5px;
	font-size: 14px;
	text-align: justify;
}

#fullContent p a,
#fullContent p a:visited {
	text-decoration: none;
	/* color: #3B4F96; */
	color: #213688;
}

#fullContent p a:hover, 
#fullContent p a:active {
	color: #ff0000;
	text-decoration: underline;
}

/* featureContent panel - holds feature or picture */
#featureContent {
	width: 200px;
	display: inline;
	margin-left: 10px;
	margin-bottom: 20px;
	float: left;
	background-color: #efefef;
	/* border: #000000 1px solid; */
}

#featureContent h2 {
	font-family: Arial, Helvetica, san-serif;
	font-size: 14px;
	text-align: center;
	padding-top: 5px;
	background-color: #dedede;
	/* border-bottom: 1px #000000 solid;*/
	color: #ff0000;
	width: 200px;
	height: 25px;
}

#featureContent h3 {
	font-family: Arial, Helvetica, san-serif;
	font-size: 14px;
	text-align: center;
	padding-top: 12px;
	color: #000000;
}

#featureContent p {
	padding: 3px;
	font-size: 12px;
	text-align: center;
}

#featureContent p a,
#featureContent p a:visited {
	text-decoration: none;
	/* color: #3B4F96; */
	color: #213688;
}

#featureContent p a:hover, 
#featureContent p a:active {
	color: #ff0000;
	text-decoration: underline;
}

#featureContent p.contact {
	text-align: left;
	line-height: 12px;	
}

#featurePicture {
	display: inline; /* to fix IE double-margin display problem */
	position: relative;
	float: left;
	margin-top: -280px; /* this value will be overriden on each page */
	margin-left: 40px; /* this value will be overriden on each page */
	margin-bottom: 20px; /* this value will be overriden on each page */
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 3px;
}

#featurePicture img {
	display: block;

}

#inventionPicture img {
	width: 100px;
	height: 100px;
}

#inventionPicture a img {
	display: inline; /* to fix IE double-margin display problem */
	margin: 5px 45px;
	border: 1px solid #efefef; /* same colour as bg to avoid jumping on hover */
}


#inventionPicture a:hover img {
	text-decoration: none;
	border: 1px solid #FF0000;
}

#mainContent {
	width: 650px;
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px 5px 15px 5px;
	float: right;
	/*background-color: #f3f3f3;*/
	/* border: #000000 1px solid; */
}

#mainContent h2 {
	font-family: Arial, Helvetica, san-serif;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
}

#mainContent p {
	padding-top: 5px;
	font-size: 14px;
	text-align: justify;
}

#mainContent p a,
#mainContent p a:visited {
	text-decoration: none;
	/* color: #3B4F96; */
	color: #213688;
}

#mainContent p a:hover, 
#mainContent p a:active {
	color: #ff0000;
	text-decoration: underline;
}

#map {
/* placeholder */
}

#mainContent .image_decoration {
	border: 1px solid #333333;
}

#mainContent .boxtext {
/* background-color: #888888; */
border: 1px solid #333333;
padding: 10px;
margin-top: 5px;
}

.image_caption {
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
	font-style: italic;
	color: #000000;
}

#tiles {
	clear: both;
	float: left;
	display: inline; /* to fix IE double-margin display problem */
	width: 890px;
	margin: 10px;
	padding: 6px 0;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.tile_image {
	float: left;
	display: inline; /* to fix IE double-margin display problem */
	margin-right: 6px;
}

.end_tile_image {
	display: inline; /* to fix IE double-margin display problem */
	margin-right: 0;
}

#footer{
	clear: both;
	background-color: #efefef;
	background: url(../images/footer_background.gif) repeat-x;
	font-family: Arial, Helvetica, san-serif;
	font-size: 9px;
	height: 25px;
	padding: 5px 0;
	margin: 0 10px 0 10px;
}

#footer .left {
	float: left;
	margin-left: 5px;
	display: inline;
}

#footer .right {
	float: right;
	margin-right: 5px;
	display: inline;
}

/* no underline for footer links */
#footer .right a,
#footer .right a:visited {
	color: #000000;
	text-decoration: none;
}

/* hover highlight for footer links */
#footer .right a:hover {
	color: #ff0000;
}

ul {
	margin-top: 10px;
	margin-left: 20px;
	font-family: Arial, Helvetica, san-serif;
	font-size: 14px;
}

ul a,
ul a:visited {
	text-decoration: none;
	/* color: #3B4F96; */
	color: #213688;
}

ul a:hover, 
ul a:active {
	color: #ff0000;
	text-decoration: underline;
}

ol {
	margin-top: 10px;
	margin-left: 20px;
	font-family: Arial, Helvetica, san-serif;
	font-size: 14px;
}

ol a,
ol a:visited {
	text-decoration: none;
	/* color: #3B4F96; */
	color: #213688;
}

ol a:hover, 
ol a:active {
	color: #ff0000;
	text-decoration: underline;
}

/*ul.body  {
	
}

li.body  {
	list-style: disc;
	display: block;
	color: #00ff00;
}
*/
#home #mainNav .home a,
#strategy #mainNav .strategy a,
#materials #mainNav .materials a,
#surfaces #mainNav .surfaces a,
#manufacturing #mainNav .manufacturing a,
#contact #mainNav .contact a,
#partners #mainNav .partners a,
#details #mainNav .details a {
	background: #e9e9e9;
	color: #ff0000;
	cursor: default;
	border: 1px solid #f7f7f7;

	/* background: #cecece;
	color: #ff0000;
	cursor: default;
	border: 1px solid #666666; */
}

.tsc {
	display: inline;
	font-family: Times, serif;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	color: #ff0000;
}
.tsc_heading {
	display: inline;
	font-family: Times, serif;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #ff0000;
}

.image_right {
	clear: left;
	float: right;
	margin-left: 10px;
}

#partner_pic {
	width: 870px;
	height: 450px;
	position: relative;
}

#partner_pic ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#partner_pic a {
	position: absolute;
	text-indent: -1000em;
	background: url(nothing.jpg);
}

/* Manchester University */
#partner_pic .muni a {
	left: 16px;
	top: 34px;
	width: 132px;
	height: 139px;
}

/* Sheffield University */
#partner_pic .sheffield a {
	left: 285px;
	top: 20px;
	width: 183px;
	height: 114px;
}

/* Magela */
#partner_pic .magela a {
	left: 576px;
	top: 20px;
	width: 254px;
	height: 127px;
}

/* Doric */
#partner_pic .doric a {
	left: 16px;
	top: 194px;
	width: 198px;
	height: 70px;
}

/* Innoval */
#partner_pic .innoval a {
	left: 607px;
	top: 165px;
	width: 224px;
	height: 120px;
}

/* N-Tec */
#partner_pic .ntec a {
	left: 16px;
	top: 280px;
	width: 187px;
	height: 155px;
}

/* Westmoreland */
#partner_pic .westmoreland a {
	left: 409px;
	top: 292px;
	width: 111px;
	height: 148px;
}

/* Metec */
#partner_pic .metec a {
	left: 680px;
	top: 306px;
	width: 151px;
	height: 138px;
}

#partner_pic a:hover {
	border: 1px solid #ff0000;
}


/*
End of style sheet
*/