@charset "UTF-8";
@import url("nav.css");
@import url("footer.css");
@import url("sidebars.css");
@import url("competencies.css");
@import url("main.css");
@import url("figures.css");

/* 

Presentation overrides - Dark

SUBSYTEMs Website Redesign 2007 
based on Wexford CSS
by George Fox
September-November, 2007
multimedia (at) subsystem (dot) com

*/

/*PAGE */

body {
	background-color: black;
	color: whitesmoke;
}

a {
	color: white;
}

.contentBlock a:link {
	color: white;
}

.contentBlock a:hover {
	color: white;
}

.contentBlock a:visited {
	color: silver;
}

#mainArea {
	background: url(../images/bg-mainArea/dark.jpg) repeat-x;
}


#header {
	color: white;
}

#header h1 {
	background: url(../images/chrome/neutral/logotype.png) no-repeat;
}

/* NAV */

#nav {
	border-bottom-color: white;
	background-image: url(../images/chrome/neutral/bg-nav.jpg);
}

#nav a {
	color: white;
}

#pmenu li li,
#pmenu li li li,
#pmenu li li li li {
	background: #7e99b3}

#pmenu li:hover > a {
	background: #5a8bbf;
}

* html #pmenu li a:hover {
	position: relative;
	background: #5a8bbf;
	color: #fff;
}

#pmenu li.fly {
	background: #7e99b3 url(../images/chrome/icons/fly.png) no-repeat right center;}

/* CONTENT */

.contentBlock {
	color: silver;
	background-image: none;
	background-color: #222;
}

.figure {
	background: black url(../images/bg-figure/dark.jpg) repeat-x center top;
	color: white;
	border-color: white;
}

/* FOOTER */

#footer {
	background-color: #500c0e;
	border-color: white;
}
	
#footer p,
#footer ul,
#footer ol {
	color: #e15b00;
}

#footer a {
	color: #febd99;
}


/* SIDEBARS */

.sidebar {
	color: #a7a7a7;
}

/* Feature 1 Colors */

.feature,
.feature a {
	color: whitesmoke;
}

.contentBlock .feature h1,
.contentBlock .feature h2,
.contentBlock .feature h3,
.contentBlock .feature h4,
.contentBlock .feature h5,
.contentBlock .feature h6 {
	border-color: silver;
	background-color: transparent;
	color: silver;
}

.contentBlock .feature div {
	border-color: silver;
	background-color: transparent;
}

.one,
.one a {
	color: white;
}

.one h1,
.one h2,
.one h3,
.one h4,
.one h5,
.one h6 {
	background: url(../images/chrome/warm/bg_sidebar_feat_01.png) center top;
}

.one div {
	background: url(../images/chrome/warm/bg_sidebar_feat_01.png) center bottom;

}

/* Feature 2 Colors */

.two,
.two a {
	color: white;
}

.two h1,
.two h2,
.two h3,
.two h4,
.two h5,
.two h6 {
	background: url(../images/chrome/warm/bg_sidebar_feat_02.png) center top;
}

.two div {
	background: url(../images/chrome/warm/bg_sidebar_feat_02.png) center bottom;
}

/* Feature 3 Colors */

.three,
.three a {
	color: white;
}

.three a:hover {
	background-color: #4a4a4a;
}

.three h1,
.three h2,
.three h3,
.three h4,
.three h5,
.three h6 {
	background: url(../images/chrome/warm/bg_sidebar_feat_03.png) center top;
}

.three div {
	background: url(../images/chrome/warm/bg_sidebar_feat_03.png) center bottom;
}

/* Feature 4 Colors */

.four,
.four a {
	color: white;
}

.four h1,
.four h2,
.four h3,
.four h4,
.four h5,
.four h6 {
	background: url(../images/chrome/warm/bg_sidebar_feat_04.png) center top;
}

.four div {
	background: url(../images/chrome/warm/bg_sidebar_feat_04.png) center bottom;
}