/* -------------------------------------- */
/*      CSS by www.anamorphics.com        */
/* -------------------------------------- */


body {
		background-image: url(images/yellow_bar.jpg);
		background-repeat: no-repeat;
		background-color: #000;
		background-position: top right;
		text-align:center;
		font-family: Verdana, Sans-Serif;
		font-size: 12px;
		color: #cdcdcc;
		line-height: 19px;
		text-align: center;
		margin-top: 0;
		padding-top: 0;
		}

/* ----------------------------------------------------- */
/* STRUCTURE                                             */

#container {
		width:1104px;
		margin-right:auto;
		margin-left:auto;
		margin-top: 0px;
		padding:0px;
		text-align:left;
		background-color: #000;
		}
#logo {
	width: 259px; height: 159px;
	padding: 0; margin: 0;
	float: left;
	}
#left_space {
	width: 78px; height: 618px; float: left;}	

#left_col {
	width: 181px;
	background: #212123 url(images/left_top.jpg);
	float: left;
	}
/* ---  the following classes are needed for the content area bg to stretch with content --- */
					.col_bg_top {
							background: url(images/left_top.jpg) no-repeat top;
							}
					.col_bg_repeat {
							background: url(images/left_middle.jpg);
							}
					.col_bg_bottom {
							background: url(images/left_bottom.jpg) no-repeat bottom;
							}	
		#left_col_inner {
			padding: 26px 5px 25px 8px; 
			color: #979797;
			}
#content {
	width: 780px;
	float: left;
	overflow: hidden;
	}
/* --- the following classes are needed for the content area bg to stretch with content --- */
					.bg_top {
							background: url(images/content_top.jpg) no-repeat top;
							}
					.bg_repeat {
							background: url(images/content_middle.jpg);
							}
					.bg_bottom {
							background: url(images/content_bottom.jpg) no-repeat bottom;
							}	
		#content_inner {
			padding: 26px 33px 30px 48px; 
			overflow: hidden;
			}
		#content_col1 {
			float:left;
			padding-left: 12px;
			width: 275px;
			padding-bottom: 40px;
			}
		#content_col2 {
			float:left;
			width: 375px;
			padding-bottom: 40px;
			}
	
	
		
/* ----------------------------------------------------- */
/* NAVIGATION                                            */		
		
#navigation {
	width: 845px;
	height: 159px; 
	float: left; 
	padding: 0; margin: 0;
	}
	#nav_top {
			width: 845px;
			height: 87px;
			background: url(images/nav_top.jpg);
			padding: 0;
			margin; 0;
			}
	
	#nav {
				width: 845px; height: 72px;
				background: url(images/nav.jpg);
				margin: 0; 
				padding: 0;
				position: relative;
				}

/* --------- css sprites, reference: http://www.alistapart.com/articles/sprites/ ------------ */
		#nav ul {
			padding: 0;
			margin: 0;
			list-style: none;
			line-height: 1;
			}
		#nav li {
			margin: 0; padding: 0; list-style: none;
			top: 0; display: block;
			float:left;
			}
			#nav a {
				height: 51px; display: block;
				}
				#about {height: 72px; left: 0; width: 92px;}
				#testimonials {height: 72px;  left: 92px; width: 126px;}
				#projects {height: 72px;  left: 218px; width: 102px;}
				#community {height: 72px;  left: 320px; width: 116px;}
				#careers {height: 72px;  left: 436px; width: 95px;}
				#downloads {height: 72px;  left: 531px; width: 122px;}
				#contact {height: 72px;  left: 653px; width: 128px;}
				
						#about a:hover, #about.on { background: transparent url(images/nav.jpg) 0 -72px no-repeat;}
						#testimonials a:hover, #testimonials.on { background: transparent url(images/nav.jpg) -92px -72px no-repeat;}
						#projects a:hover, #projects.on { background: transparent url(images/nav.jpg) -218px -72px no-repeat;}
						#community a:hover, #community.on { background: transparent url(images/nav.jpg) -320px -72px no-repeat;}
						#careers a:hover, #careers.on { background: transparent url(images/nav.jpg) -436px -72px no-repeat;}
						#downloads a:hover, #downloads.on { background: transparent url(images/nav.jpg) -531px -72px no-repeat;}
						#contact a:hover, #contact.on { background: transparent url(images/nav.jpg) -653px -72px no-repeat;}


/* --------- second-level lists ------------ */
			#nav li ul { 
				position: absolute;
				background: transparent;
				width: 11em;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				top: -70px;
				}
				#nav li ul a:link, #nav li ul a:visited {color: #ffc324; font-size: 11px; text-decoration: none; font-weight: bold; letter-spacing: .02em;}
				#nav li ul a:hover, #nav li ul a:active {color: #fff;}
			
			#nav li.dropdown {line-height: 1em; height: 18px;}
			
			#nav a.bg, #about a.bg, #about a.bg:hover {
				background: transparent;
				margin-left: 10px; 
				border-left: 1px solid #ffc324;
				padding-left: 0px;
				}
			
			#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
				left: auto;
				}
		
			#nav li:hover, #menu li.hover {  
				position: static;  
				} 

/* --------- subnav lists ------------ */

			ul.subnav {
					padding: 0;
					margin: -10px 0 30px -8px;
					list-style: none;
					line-height: 1;
					width: 100%;
					overflow:hidden;
					display:block;
					border-bottom: 2px solid #000;
					padding: 0 0 6px 0;
					}
			ul.subnav li {
					margin: 0; padding: 0; list-style: none;
					top: 0; display: block;
					float:left;
					padding: 0 18px 0 0;
					border: none;
					}
			
			ul.subnav a:link, ul.subnav a:visited {color: #ffc324; font-size: 11px; border: none; text-decoration: none; font-weight: bold; letter-spacing: .02em;}
				ul.subnav a:hover {color: #fff;}

			ul.subnav li.on a {color: #991f1c;}

 
/* ----------------------------------------------------- */
/* STANDARD TAG DEFINITIONS                              */

a:link, a:visited {
		color:#cdcdcc;
		text-decoration: underline;
		outline: none;
		}
a:hover, a:active {
		text-decoration:underline;
		outline: none;
		}
p { 
		text-indent: 0px
		}
p,h1,pre {
		margin:0px 10px 10px 10px;
		}
h1 { font-size:14px; padding-top:10px;}
h2 { font-size:18px; font-weight: normal; padding-top:10px; font-family: georgia, serif; margin: 10px 0 3px 0; color: #991F1C;}
h3 { font-size:22px; padding-top:10px;}
blockquote {
		border : 0px solid #000;
		width: 200px;
		float: right;
		margin: 5px;
		padding: 10px;
		background-color: #FFF8DC;
		quotes: "\201C" "\201D";
		color: #696969;
		}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

img {
	border: 0;
	}
img.left {
	float:left;
	padding-right: 12px;
	}
	
img.right {
	float:right;
	padding-left: 12px;
	}

img.border {border: 0 solid black;}

/* ----------------------------------------------------- */
/* TEXT CLASSES                                           */

.intro {
	font-family: georgia, serif;
	font-size: 12px;
	margin-top: 10px;
	display: block;
	
	text-indent: 20px;
	padding-left: 8px;
	line-height: 22px;
	letter-spacing: 1px;
	}
.copyright {
	display: block;
	margin-top: 8px;
	color: #707070;
	border-top: 1px #000 dotted;
	}

#flash_words {
	font-size: 10px; 
	border-top: 0px #000 dotted; 
	padding-top: 0px; 
	margin-top: 0;
	}

#col_contact {
	font-size: 10px; 
	border-top: 6px #000 dotted; 
	padding-top: 6px; 
	margin-top: 36px;
	}
.col_contact {
	display:block;
	margin-top: 6px;
	border-top: 1px #000 dotted;
	}

.title { 
	font-family: georgia, serif;
	font-size: 26px;
	margin-bottom: 20px;
	display: block;
	color: #ffc324;
	background: url(images/yellow_texture.jpg) no-repeat;
	padding:0;
	}

.community_quote {
	font-style: italic;	
	}
	
.service_title { 
	font-family: georgia, serif;
	font-size: 18px;
	margin-bottom: 8px;
	margin-left: 1px;
	display: block;
	color: #991F1C;
	padding:0;
	}
	
.download_title { 
	font-family: georgia, serif;
	font-size: 18px;
	margin-bottom: 8px;
	margin-left: 1px;
	display: block;
	color: #ffc324;
	margin-top: 25px;
	}
	
	
/* --------- PROJECTS ------------ */
			.p_title { 
				font-family: georgia, serif;
				font-size: 26px;
				margin-top: 20px;
				display: block;
				color: #ffc324;
				background: url(images/yellow_texture.jpg);
				padding: 0;
				}
			
			ul {padding: 0; margin-left: 0;}
			
			#project ul {
		      list-style: none;
					margin: 0;
					padding: 0;
					border: none;
					}
				#project li {
						margin: 0;
						list-style: none;
					}
				#project li a {
					display: block;
					padding: 2px 2px 2px 6px;
					margin-top: 2px;
					border-bottom: 1px dotted #000;
					font-size: 10px;
					color: #979797;
					margin-left: 0;
					}
				
				#project a:link, #project a:visited {
					color: #979797;
					text-decoration: none;
					}
				
				#project a:hover {
					color: #fff;
					background: #88898d url(images/white_texture.jpg) right;
					}	
				
				#project a.on {
					color: #fff;
					background: #88898d url(images/white_texture.jpg) right;
					}	
				
a.view_project {
	font-size: 10px;
	color: #ffc324;
	}
	
a.download {
	font-size: 10px;
	color: #ffc324;
	display:block;
	}
a.logout {
	display:block;
	margin-top: 30px;
	}
				
				
/* --------- Team bios ------------ */
			.t_name {
				font-family: georgia, serif;
				font-size: 26px;
				margin-top: 20px;
				display: block;
				color: #ffc324;
				line-height: 24px;
				display:block;
				}
				
			.t_position {
				font-family: georgia, serif;
				font-size: 16px;
				margin-top: 0px;
				display: block;
				color: #ffc324;
				line-height: 24px;
				}
			.t_subject {
				display:block;
				margin-top: 10px;
				color: #707070;
				}
			.t_answer {
				display: block;
				padding-left: 16px;
				}
			.t_fun {
				font-family: serif;
				font-size: 18px;
				margin-top: 16px;
				display: block;
				color: #ffc324;
				}
			
			
			img.t_small {
				margin-left: 9px;
				margin-bottom: 10px;
				opacity: 0.5;
					/* For IE 5-7 */
					filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
					/* For IE 8 */
					-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					}
					img.t_small:hover {
							opacity: 1;
							/* For IE 5-7 */
							filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
							/* For IE 8 */
							-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
							}
					img.t_on {
							opacity: 1;
							/* For IE 5-7 */
							filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
							/* For IE 8 */
							-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
							}


/* --------- Testimonials ------------ */

				.testimonial {
					display: block;
					margin: 10px 0px 26px 0px;
					padding-left: 8px;
					padding-right: 8px;
					border-left: 2px #000 solid;
					border-right: 2px #000 solid;
					}
				.author {color: #FFC324; font-size: 14px;}