/* ###################################################################################################################
	Style sheet for T3. April 2006. Design by Mark Field of MarkFieldDesign http://www.markfielddesign.com/
/* ##################################################################################################################*/

html { height: 100%; margin-bottom: 1px; } 	/* This "fakes" the browser out to make it think it needs a scrollbar at all times.*/ 
																						/* This prevents movement of the page in 'scroll' to 'no-scroll' situations. */


/* Template styles */

body {
	background-color: #695E49;
	height:100%; 
	margin:0; 
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
}

#content {
	width:549px; padding-left:110px; overflow:hidden;
}

/* centers the content on the page */
div#bodyContainer { 
	margin: 0 auto; padding:0 0 10px 0; width:800px; min-height:100%; background: #f3f1f1 url('../images/bg_index.jpg') 0 0 no-repeat; position:relative;
}

#sector-csg #bodyContainer { 
	background: #f3f1f1 url('../images/bg_csg_sector.jpg') 0 0 no-repeat;
}

#sector-etv #bodyContainer { 
	background: #f3f1f1 url('../images/bg_sector_etv.jpg') 0 0 no-repeat;
}

#sector-cleantech #bodyContainer { 
	background: #f3f1f1 url('../images/bg_sector_cleantech.jpg') 0 0 no-repeat;
}

#sector-government #bodyContainer { 
	background: #f3f1f1 url('../images/bg_sector_government.jpg') 0 0 no-repeat;
}

#sector-lifesciences #bodyContainer { 
	background: #f3f1f1 url('../images/bg_sector_lifesciences.jpg') 0 0 no-repeat;
}

#sector-profservices #bodyContainer { 
	background: #f3f1f1 url('../images/bg_sector_profservices.jpg') 0 0 no-repeat;
}

.container-style {margin: 0 auto; padding:0 0 10px 0; width:800px; min-height:100%; background: #f3f1f1 url(images/bg_index.jpg) 0 0 no-repeat; position:relative;}

.left-column {float:left; width:121px;}

a.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #675349;
	font-style: normal;
	font-weight: normal;
}

a.footer:visited {
	color: #675349; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal;
}

a.footer:hover {
	color: #7B675D; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal;
}

.homeMission {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 16px;
	font-weight: normal;
	font-size: 13px;
	color: #444;
}

p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	line-height: 17px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #A93D3D;
	margin: 0px 0px 3px 0px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #5B483F;
	line-height: 18px;
	margin-bottom: 3px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	line-height: 16px;
}

.subhead1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #A93D3D;
}

.subhead3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #A93D3D;
}

.subhead2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #5B483F;
}

.bodycopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.bodycopy2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

.bodycopy3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.bodycopy4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #A93D3D;
	line-height: 17px;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	color: #666666;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #675349;
}

a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal; 
	font-weight: normal;
}

a:hover {
	color: #7B675D; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal; 
	font-weight: normal;
}


/* secondary nav styles */
div#toc {
	padding: 8px 8px 8px 0px;
}

a.toc {
	background: url(../images/red_arrow.gif) no-repeat left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #A93D3D;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
}

a.toc:visited {
	background: url(../images/red_arrow.gif) no-repeat left;
	color: #A93D3D; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal; 
	font-weight: bold; 
	text-transform: uppercase;
	padding-left: 10px;
}

a.toc:hover {
	background: url(../images/red_arrow.gif) no-repeat left;
	color: #A90F0F; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal; 
	font-weight: bold; 
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 10px;
}

/* for the currently selected toc */
.toccurrent {
	background: url(../images/brown_arrow.gif) no-repeat left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #695E49;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
}

/* used between each toc - provides the spacing */
.tocSpacer {
	line-height: 5px;
	height: 5px;
}

a.contentLink, a.contentLink:visited {
	margin: 3px 5px 3px 5px;
	padding-bottom: 3px;
	text-decoration: none;
	border-bottom: 2px solid #F3F1F1;
}

a.contentLink:hover {
	margin: 3px 5px 3px 5px;
	padding-bottom: 3px;
	border-bottom: 2px solid #777;
	text-decoration: none;
}

a.contentLinkActive {
	color: #A93D3D;
	margin: 3px 5px 3px 5px;
	padding-bottom: 3px;
	border-bottom: 2px solid #A93D3D;
	text-decoration: none;
}


a.contentLinkServices, a.contentLinkServices:visited {
	background: url(../images/red_arrow.gif) no-repeat left;
	margin: 3px 5px 7px 5px;
	padding: 0px 0px 1px 10px;
	text-decoration: none;
}

a.contentLinkServices:hover {
	margin: 3px 5px 7px 5px;
	padding: 0px 0px 1px 10px;
	text-decoration: underline;
}


.newsHeadline {
	color: #333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top: 14px;
}

a.newsLink, a.newsLink:visited {
	color: #333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
	text-decoration: none;
}

a.newsLink:hover {
	color: #333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
	text-decoration: underline;
}


.pullquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #A93D3D;
	width: 100px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
	float: left;
}

a.pullquotelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #A93D3D;
}

a.pullquotelink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #742A2A;
}

a.pullquotelink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #A93D3D;
}

.tablehead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}
.imgpadrightbot {
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 0px;
}
li {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: -22px;
}

ul {
margin-top: 0px;
margin-bottom: 7px;

}

.dataTable th{
	border-bottom: 2px solid #555;
}

.dataTable td {
	border-bottom: 1px solid #555;
}

#tertiary {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
}

.tertiaryText {
	font-weight: bold; 
	color: #444;
}

#include_news {
	background: #F3F1F1;
	margin: 0px 0px 0px 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
}

#include_news h2 {
	font-size: 10px;
	margin: 5px 0px 2px 0px;
}

.news_divider {
	line-height: 1px;
	height: 1px;
	border-bottom: 1px solid #ccc;
}

.divTop {
	margin-bottom: 13px;
	padding-bottom: 13px;
	background: url(../images/1pxH.gif) repeat-x bottom;
}

.backToTop {
	background: url(../images/backToTop.gif) no-repeat right;
	padding-right: 14px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {width:121px; height:400px; margin:0 auto; position:relative;}

#menu ul {margin:0; list-style:none; white-space:nowrap; text-align:left; padding:0px;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul {position:absolute; left:-9999px;}
#menu ul.level1 {position:absolute; left:0; top:104px;}

#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:27px; min-width:121px; height:27px; text-decoration:none;padding:0;} 

#menu ul li:hover > ul {visibility:visible; left:100%; margin-top:-27px; margin-left:-1px; background:#f3f3f1; padding:0; border: 1px solid #a93d3d; border-bottom:none;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a:hover {background:#ccc7c5;} 
#menu li:hover > a {background:#ccc7c5;}
#menu li a.about {background: url(../images/nav_about_ON.gif) no-repeat 0 0;text-indent:-9999px;}
#menu li a.about_active {background: url(../images/nav_about2_ON.gif) no-repeat 0 0;width:121px;text-indent:-9999px;}
#menu li a.sector {background: url(../images/nav_serv_ON.gif) no-repeat 0 0;text-indent:-9999px;}
#menu li a.sector_active {width:121px;background: url(../images/nav_serv2_ON.gif) no-repeat 0 0;text-indent:-9999px;}
#menu li a.case {background: url(../images/nav_case_ON.gif) no-repeat 0 0;text-indent:-9999px;}
#menu li a.case_active {width:121px;background: url(../images/nav_case2_ON.gif) no-repeat 0 0;text-indent:-9999px;}
#menu li a.news {background: url(../images/nav_news_ON.gif) no-repeat 0 0;text-indent:-9999px;}
#menu li a.news_active {width:121px;background: url(../images/nav_news2_ON.gif) no-repeat 0 0;text-indent:-9999px;}
#menu li a.contact {height: 30px; background: url(../images/nav_contact_ON.gif) no-repeat 0 0;text-indent:-9999px;}
#menu li a.contact_active {width:121px;height: 30px; background: url(../images/nav_contact2_ON.gif) no-repeat 0 0;text-indent:-9999px;}
#menu li a.about:hover, #menu li:hover > a.about {background: url(../images/nav_about_OFF.gif) no-repeat 0 0;}
#menu li a.about_active:hover, #menu li:hover > a.about_active {background: url(../images/nav_about_OFF.gif) no-repeat 0 0;}
#menu li a.sector:hover, #menu li:hover > a.sector {background: url(../images/nav_serv_OFF.gif) no-repeat 0 0;}
#menu li a.sector_active:hover, #menu li:hover > a.sector_active {background: url(../images/nav_serv2_OFF.gif) no-repeat 0 0;}
#menu li a.case:hover,#menu li a.case_active:hover, #menu li:hover > a.case, #menu li:hover > a.case_active {background: url(../images/nav_case_OFF.gif) no-repeat 0 0;}
#menu li a.news:hover, #menu li:hover > a.news, #menu li a.news_active:hover, #menu li:hover > a.news_active {background: url(../images/nav_news_OFF.gif) no-repeat 0 0;}
#menu li a.contact:hover, #menu li:hover > a.contact, #menu li a.contact_active:hover, #menu li:hover > a.contact_active{background: url(../images/nav_contact_OFF.gif) no-repeat 0 0;}
#menu li ul li a {padding:0 10px; border-bottom: 1px solid #a93d3d;}
*#menu li ul li a {width:206px;}
#menu li a.fly {}
#menu li a.fly:hover {} 
#menu li:hover > a.fly {}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}


#sectorimagenav {
	font-size: 10px;
}

#sectorimagenav a {
	font-size: 10px;
}

.padding3  {
	padding: 3px;
}

.floatright {
float:right;
margin-left:15px;
margin-bottom:15px;
}