@charset "UTF-8";
/* CSS Document */

/*

Font Verdana, 12pt, Grey R51 G51 B51 #333333 and red R255 G0 B0 #FF0000.

Key lines red R255 G0 B0 #FF0000

Main red R153 G0 B0 #990000

Transparency on menu 85%.

*/

/* reset in-consistent browser styles */
@import url(reset.css);
@import url(base.css);

/*
html, body {
	height: 100%;	
	overflow: auto;
}
*/

body {
	margin: 0;
	padding: 0;
	background: url(../images/design/background.jpg) #990000 fixed;
	
	font-family: Verdana, Geneva, sans-serif;
	color: #ff0000;
	font-size: 12px;
}


/* Header */
#Top {
	position: absolute;
	top: 15px;
	left: 0;
}
/* IE 6 hack for position fixed */
/** html div#Top {
	position: absolute;
	top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + 17 : document.body.scrollTop + 17);
}*/

#TopBase, #TopLogos {
	position: absolute;
	left: 0;
	top: 0;
	width: 742px;
	height: 130px;
}
#TopBase {
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
}
#TopLogos {
	margin: 0;
	padding: 0;
}


/* Navigation */
#Menu {
	position: absolute;
	left: 0;
	top: 145px;
	width: 212px;
}
/* IE 6 hack for position fixed */
/** html div#Menu {
	position: absolute;
	top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + 147 : document.body.scrollTop + 147);
}*/
div#Menu {
	position: absolute;
	top:expression(eval(documentElement.scrollTop > 146) ? documentElement.scrollTop - 1 + 'px' : '145px');
}


#MenuBase {
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	background: #990000;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}
/* IE 6 hack for height 100% */
* html div#MenuBase {
	height: expression(document.getElementById('MenuContent').offsetHeight);	
}

#MenuContent {
	border: 1px solid #ff0000;
	padding: 0 15px 13px 15px;
	border-top-width: 0;
	border-left-width: 0;
}


/* Content Area */
#Content {
	margin-left: 227px;
	margin-top: 160px;
}


/* Footer */
#Footer {
	font-size: 10px;
	margin-left: 227px;
	border-top: 1px solid #ff0000;
	padding-top: 3px;
	color: #ffffff;
	padding-bottom: 15px;
}
#Footer a, #Footer a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* Menu List */
/* main menu */
#MenuList {
	line-height: 16px;	
}
ul#MenuList {
	border-top: 1px solid #ff0000;
	margin: 0;
	padding: 0;
}
ul#MenuList li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
ul#MenuList li a {
	color: #ffffff;
	display: block;
	padding: 2px 0 2px 10px;
	margin: 0 0 0 -10px;
}
ul#MenuList li a:hover {
	text-decoration: none;	
	background: url(../images/design/menu-dash.gif) 0 10px no-repeat;
}
ul#MenuList li a span.Colon {
	display: none;	
}
ul#MenuList li a#HomeLink {
	margin-top: 6px;
}
ul#MenuList li a.current {
	padding-top: 8px;
	margin-top: 6px;
	background: url(../images/design/menu-level1-current.gif) 0 0 no-repeat;
}
ul#MenuList li a.actual {
	padding-top: 8px;
	margin-top: 6px;
	background: url(../images/design/menu-level1-actual.gif) 0 0 no-repeat;
}
ul#MenuList li a#HomeLink.current, ul#MenuList li a#HomeLink.actual {
	border-top-width: 0px;
	margin-top: 0px;
	padding-bottom: 14px;
	background: url(../images/design/menu-dash-home.gif) 0 16px no-repeat;
}
ul#MenuList li a.current span.Colon, ul#MenuList li a.actual span.Colon {
	display: inline;	
}

ul.Last, ul.Last a {
	border-bottom-width: 0 !important; 
	margin-bottom: 0 !important; 
	padding-bottom: 0 !important;	
}

/* sub menu */
ul#MenuList li ul {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ff0000;
	margin-bottom: 5px;
	padding-bottom: 6px;
	display: none;
}
ul#MenuList li ul.current {
	display: block;
}
ul#MenuList li ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
ul#MenuList li ul li a {
	color: #ff0000;
	display: block;
	padding: 2px 0 2px 10px;
	margin: 0 0 0 -10px;
}
ul#MenuList li ul li a:hover, ul#MenuList li ul li a:active, ul#MenuList li ul li a.current, ul#MenuList ul li a.actual {
	color: #ffffff;	
	border-top-width: 0;
	padding: 2px 0 2px 10px;
	margin: 0 0 0 -10px;
	background: url(../images/design/menu-dash.gif) 0 10px no-repeat;
}

/* Content boxes */
.CBox {
	border: 1px solid #ff0000;
	padding: 15px;
	padding-bottom: 0;
	background-color: #ffffff;
	color: #333333;
	margin-bottom: 15px;
}
.Wide {
	width: 707px;
}
.Narrow {
	width: 483px;
}

.Left {
	width: 483px;
	margin-right: 0px;
	float: left;
	/*border-right: 1px solid #ff0000;*/
}

.Right {
	margin-left: 498px;
	padding-left: 15px;
	border-left: 1px solid #ff0000;
	height: 100%;
	margin-bottom: 15px;
}
.Right p {
	padding-bottom: 0;	
}

/* IE seems to get this wrong */
*html div.Right {
	margin-left: 493px;
}

.ClearLeft {
	clear: left;
	font-size: 0px;
	height: 0px;
}

.ImgBox {
	border: 1px solid #ff0000;
	background-color: #990000;
	margin-bottom: 15px;
	width: 513px;
	overflow: hidden;
	line-height: 0;
}

.VerticalImgBox {
	height: 100%;
}

.AlignCenter {
	text-align: center;
}

/* Image Bar  (about us pages) */
.ImgBar {
	border: 1px solid #ff0000;
	padding: 7px 15px 7px 15px;
	background-color: #ffffff;
	color: #333333;
	margin-bottom: 15px;
	width: 707px;
	line-height: 0px;
}

.ImgBar img {
	vertical-align: middle;
	visibility: hidden;
}

/* Flash Box */
.FlashBox img {
	
}
.FlashBox {
	position: relative;
	border: 1px solid #ff0000;
	background-color: #ffffff;
	color: #333333;
	padding-top: 0;
	margin-bottom: 15px;
	width: 737px;
}

.FlashBox .Left {
	width: 529px;
	
	margin-right: -1px;
}

.FlashBox .Right {
	margin-left: 529px;
	padding-top: 15px;
	padding-left: 0;
	border-left-width: 0;
	height: 100%;
	margin-bottom: 0;
}

.CloseProject {
	position: absolute;
	right: 15px;
	bottom: 11px;
	padding-right: 20px;
	background: url(../images/content/close.gif) right bottom no-repeat;
}

a:hover.CloseProject {
	text-decoration: none;
	background: url(../images/content/close-over.gif) right bottom no-repeat;
}

/* Text headings etc */

h1, .h1 {
	color: #ff0000;
	font-size: 20px;
	font-family: Arial, Geneva, sans-serif;
	
	/*font-weight: normal;*/

	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	
	line-height: 120%;
}

h2 {
	color: #ff0000;
	font-size: 15px;
	font-family: Arial, Geneva, sans-serif;

	margin: 0;
	padding: 0;
	padding-bottom: 0px;
	
	line-height: 150%;
}

p {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

p.CorporateFont {
	font-size: 13px;	
}

.strong {
	font-weight: bold;	
}

/* Links */

a:link, a:active, a:hover, a:visited {
	color: #ff0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

/* Lists */
ul, ol {
	margin-top: 0;
	padding-top: 0;
}

/* Other text and item styles */

.Red {
	color: #ff0000;	
}
p.Red a {
	text-decoration: underline;	
}
p.Red strong a {
	text-decoration: none;	
}
p.Red strong a:hover {
	text-decoration: underline;
}

.Small {
	font-size: 10px;	
}

.Separator {
	border-top: 1px solid #ff0000;
	margin-bottom: 15px;
}

.Quote {
	margin-right: -4px; 
	margin-left: -4px	
}
img.Quote {
	display: block;	
}

.List {
	line-height: 19px;
	position: relative;
	top: -5px;
	margin-bottom: -6px;
}

/* Home page */
.RightContact {
	padding-top: 5px;
	margin-top: 0px;
	border-top: 1px solid #ff0000;
	font-size:	20px !important;
	text-align: left;
	line-height: 22px;
	/*margin-bottom: -4px;*/
}
table {
	margin: 0;
	padding: 0;
}

/* Team Page */
.BioPage h2 {
	margin: 0 0 1em 0;	
}
.BioPage h2.h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	
	line-height: 100%;
}
img.Bio {
	position: relative;
	top: -15px;
	margin-bottom: -30px;
	vertical-align: bottom;
}
.MemberName {
	font-size: 15px;
	font-weight: bold;
	color: #ff0000;	
}
.JobTitle  {
	font-weight: normal;
	color: #333333;
	font-size: 15px;
}

/* Services Pages */
#SText {
	position: absolute;
	left: 755px;
	color: #ffffff;
}
#SGrid {
	width: 535px;
	height: 530px;
	font-size: 0px;
}

#SGrid div.Active, #SGrid div.Blank, #SGrid div.Disabled {
	float: left;
	margin-right: 15px;	
	margin-bottom: 15px;
	visibility: hidden;
	line-height: 0;
}

#SGrid div.Blank {
	border: 1px solid #ff0000;
}
#SGrid div.Blank img {
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	background: #990000;
}


#SGrid div.Disabled {
	border: 1px solid #ff0000;
	background: #990000;
}
#SGrid div.Disabled img {
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
}

#SGrid a img {
	border: 1px solid #ff0000;
	background: #990000;
}

#SGrid a:hover img {
	border: 1px solid #ffffff;
}

/* Flash is blocked!!! */
.FlashBGImg {
	background-position: center;	
	background-repeat: no-repeat;
}

/* add this class to images to make them fade in */
.FadeIn {
	visibility: hidden;	
}

/* Articles Page */
.ArticleHeading {
	margin: 0;
	padding: 0;
	font-size: 15px;
	padding-bottom: 5px;
	color: #ff0000;	
	/*font-weight: normal;*/
}
.ArticlePageHeading {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}
.Author {
	font-weight: normal;
	font-size: 10px;
	color: #ff0000;	
}
.ArticleList p {
	margin-bottom: 0px;
	padding-bottom: 5px
}
.ArticleList p.Published {
	font-weight: normal;
	font-size: 10px;
	color: #ff0000;
	padding-bottom: 15px;
}

/* Site Map */
ul.SiteMap {
	margin: 0;	
}
ul.SiteMap li {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	list-style-type: none;
}
ul.SiteMap li li {
	list-style-type: disc;
	margin-bottom: 0;
}
ul.SiteMap ul {
	margin-bottom: 0;
	margin-top: 0;
}
ul.SiteMap a {
	color: inherit;	
}