@CHARSET "ISO-8859-1";

/* COLOR TABLE 
 * no other colors should be introduced unless intentionally different from these.
 * silver:		#ababab;	(home page product sqaure, bottom color)
 * lt gray:		#a4a4a4		(logo)
 * md gray:		#323232		(background horizontal stripe)
 * dk gray: 	#232323;	(general bg color)
 * lt blue: 	#2f9cdd;	(home page talk square, top color)
 * dk blue: 	#245f8b;	(home page talk square, bottom color)
 * lt green		#b8cd21;	(home page solution square, top color)
 * dk green: 	#7e9110;	(home page solution square, bottom color)
 */

/* html tag characteristics */
body {
	background-color: #232323;
	background-image: url(images/background.png);
	background-repeat: repeat-x;
	background-position: 0% 125px;
	color: #ffffff; /* like a merlot */
}

h1 {
	font-size: 18pt;
	color: #2f9cdd;
}

strong { 
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	text-decoration: none;
	color: #b8cd21;
}

a:hover {
	text-decoration: underline;
}

p {
	padding-bottom: 1em;
	line-height: 2em;
}

ul {
	margin-left: 1em;
}

ul li {
	list-style-type: disc;
}

/* major elements */
#hd {
	background-image: url(images/logo.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.doc {	
	position: relative;
	margin: auto !important; 
	width: 1000px !important;
}

/* text for accessibility replaced by graphic */
#ft {
	background-image: url(images/footer.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#hd, #bd, #ft {
	clear: both;
}

#hd {
	height: 2em;
	padding-top: 7em;
}

#bd {
	padding-top: 2em;
}

#yui-main .yui-b {
	min-height: 321px;
	height: 410px;
	overflow: auto;
}

#ft {
	margin: 0;
	padding-top: 0;
}

#method p {
	line-height: normal;
}

/* hide accessible text for visual browsers and non-print */
.accessible {
	visibility: hidden;
}

/* navigation */
#menu {
	margin: 0;
}

#menu li {
	background-position: 50% 2px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	font-size: 9px;
	margin: 0 1em 0 0;
	
}

#menu li a {
	background-position: center bottom;
	background-repeat: no-repeat;
	display: block;
	height: 3em;
	padding-top: 2px;
	
}

#menu li a:hover {
	text-decoration: none;
}

#menu li a span.accessible {
	letter-spacing: 2px;
}

/* flash a little light gray indicator under the menu item when hovering */ 
#menu li a:hover {
	background-image: url(images/menu/indicator-light-gray.png);
}

/* display a little dark indicator under the current page's menu item */
.home #menu li.home a, 
.about #menu li.about a, 
.portfolio #menu li.portfolio a, 
.services #menu li.services a, 
.contact #menu li.contact a {
	background-image: url(images/menu/indicator-dark-gray.png);
}

/* set background graphic for each menu link */
#menu li.home {
	background-image: url(images/menu/home.png);
}

#menu li.about {
	background-image: url(images/menu/about.png);
}

#menu li.portfolio {
	background-image: url(images/menu/portfolio.png);
}

#menu li.services {
	background-image: url(images/menu/services.png);
}

#menu li.contact {
	background-image: url(images/menu/contact.png);
}

.mission {
	background-image: url(images/home/mission-statement.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 55px;
}