@import "common.css";
body {
	margin			: 0;
	padding			: 0;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #333333;
	text-decoration	: none;
	background		: #fff;
}
/*----- Wrapper ----------------------------------------------------*/
#wrapper {
	position		: relative;
	width			: 880px;
	min-height		: 700px;
	margin			: 10px auto 0 auto;
	padding			: 0;
	background		: #fff;
	overflow		: hidden;
}
/*---------HEADER-----------*/
#header {
	position		: relative;
	width			: 880px;
	height			: 120px;
	margin			: 0;	
	padding			: 0;
	background		: #aaabab;
	overflow		: hidden;
}
#logo {
	float			: left;
	width			: 107px;
	height			: 65px;
	padding			: 0 30px 0 30px;
	margin			: 37px 0 0 0;
}
/*---Ajax Search------------------*/
#search {
	float			: right;
	width			: 175px;
	margin			: 82px 10px 0 0;
	padding			: 0;
}
input#ajaxSearch_input {
	border			: none;
	width			: 120px;
	height			: 14px;
	font-size		: 10px;
	padding			: 3px 10px 3px 10px;
	color			: #000;
}
input#ajaxSearch_submit {
	padding			: 0;
}
span.ajaxSearch_paging {
	padding			: 0 0 15px 0;
	display			: block;		
}
/*-----Main menu-------*/
#mainMenu {
	float			: left;
	width			: 500px;
	height			: 20px;
	line-height		: 20px;
	margin			: 85px 0 0 20px;
	text-align		: left;
	overflow		: hidden;
}
#mainMenu ul li  {
	display			: inline;
	padding			: 0 30px 0 0;
}
#mainMenu ul li a:link, #mainMenu ul li a:visited {
	color			: #555555;
	text-decoration	: none;
	text-transform	: uppercase;
	font-size		: 11px;
}
#mainMenu ul li a:hover, #mainMenu ul li.active a {
	color			: #000;
}
/*--------------Content----------------------*/
#contentWrapper {
	position		: relative;
	width			: 880px;
	height			: 570px;
	padding			: 6px 0 6px 0;
	overflow		: hidden;
	z-index			: 1;
}
/*----Sub Menu------*/
#subMenu {
	position		: absolute;
	top				: -1px;
	left			: -634px;
	width			: 634px;
	height			: 25px;
	padding			: 0;
	margin			: 0 20px 0 0;
	background		: url(../images/subMenuBkg.gif) no-repeat top left;
	z-index			: 1000;	
	text-align		: right;
}
#subMenu ul {
	margin			: 0 3px 0 0;
	padding			: 0;
	height			: 20px;
	overflow		: hidden;
}
#subMenu ul li {
	width			: auto;
	height			: 20px;
	line-height		: 13px;
	float			: right;
	background		: #dededd
}
#subMenu ul li a:link, #subMenu ul li a:visited, #subMenu ul li.first a:link, #subMenu ul li.first a:visited    {
	display			: block;
	color			: #5c5c5b;
	text-decoration	: none;
	text-transform	: uppercase;
	font-size		: 10px;	
	background		: url(../images/test.gif) no-repeat top left;
	padding			: 4px 0 4px 25px;
}
#subMenu ul li.first  {
	padding-right	: 25px;
	background		: url(../images/subMenuBkgFirst.gif) no-repeat top right;
}
#subMenu ul li.firstLast a:link, #subMenu ul li.firstLast a:visited {
	background		: url(../images/subMenuBkgLeft.gif) no-repeat top left;
}
#subMenu ul li.last a:link, #subMenu ul li.last a:visited {
	padding-left	: 20px;
	background		: url(../images/subMenuBkgLeft.gif) no-repeat top left;
}
#subMenu ul li a:hover, #wrapper #subMenu ul li.active a, #subMenu ul li.first a:hover {
	color			: #000;
}
/*-----Sub Sub Menu--------------------*/
#projectMenu {
	position		: relative;
	width			: 235px;
	padding			: 45px 0 0 0;
	visibility		: hidden;
	z-index:999;
}
#projectMenuTrigger {
	width			: 235px;
	height			: 19px;
	color			: #fff;
	cursor			: pointer;
	border-top		: 1px solid #000;
}
#projectMenuTrigger span {
	padding			: 0 15px 0;
	background		: url(../images/arrow_white.gif) no-repeat right center;		
}
#subSubMenu {
	visibility		: hidden;
}

ul#subSubMenu {
	width			: 235px; 
	border-top		: 1px solid #000;
	background		: #e8e8e8;
}
ul#subSubMenu li {
	padding			: 6px 10px 6px 10px;	
	border-bottom	: 1px solid #989898;
}
ul#subSubMenu li a:link, ul#subSubMenu li a:visited {
	color			: #000;
	text-decoration	: none;
	text-transform	: uppercase;
	font-weight		: bolder;
	padding			: 0 8px 0 0;
	background		: url(../images/arrow.gif) no-repeat right 4px;		
}
ul#subSubMenu li a:hover, #wrapper ul#subSubMenu li.active a {
	color			: #b42025;	
	text-decoration	: none;	
}
ul#subSubMenu li.last {
	border-bottom	: none;		
}
/*------------------*/
#content {
	float			: left;
	width			: 368px;
	height			: 545px;
	margin			: 0 6px 0 0;
	padding			: 0 25px 25px 25px;
	background		: #ebeaea url(../images/contentBkg.gif) repeat-x bottom left;	
	z-index			: 2;
	overflow		: auto;
}
/*----Projects--------*/
#latestProjects {
	position		: absolute;
	bottom			: 25px;
	left			: 25px;
	width			: 220px;
	padding			: 0;
	border-bottom	: 1px solid #000;
}
#contentProjects {
	position		: absolute;
	width			: 368px;
	height			: 480px;
	top				: 65px;
}
.latestProjects {
	padding			: 5px 20px 0 0;
	border-top		: 1px solid #000;			
}
#downloads {
	position		: absolute;
	bottom			: 25px;
	left			: 25px;
	width			: 220px;
	padding			: 0;
}
/*---Slideshow-----*/
#slideshowWrapper {
	float			: left !important;
}
#output {
	position		: absolute;
	width			: 250px;
	height			: 0;
	bottom			: 6px;
	right			: 0;
	padding			: 3px 0 0 25px;
	background		: url(../images/outputBkg.gif) no-repeat top left;
	z-index			: 8;
}
#slideshowThumbs {
	margin			: 20px 0 0 0;
	position		: absolute;
	bottom			: 0;
}
#slideshowThumbs li { 
	display			: block;
	width			: auto;
	float			: left; 
	margin			: 0 8px 8px 0; 
	list-style		: none; 
}
#slideshowThumbs a { 
	width			: 70px; 
	height			: 70px; 
	display			: block; 
	border			: 1px solid #ccc;  
	padding			: 3px; 
	margin			: 0;
}
#slideshowThumbs a.activeSlide { 
	background		: #828282 
}
#slideshowThumbs img { 
	border			: none; 
	display			: block;
}
#controls { 
	position		: absolute;
	width			: 340px; 
	top				: 5px; 
	line-height		: 14px;
	right			: 0; 
	display			: none;
    background 		: url(../images/controlsBkg.gif) top right no-repeat; 
	margin			: 0; 
	padding			: 3px; 
    font-size		: 10px;
	text-align		: right;
	z-index			: 998; 
}
#controls span { 
	margin			: 0 5px;
}
#controls span a:link, #controls span a:visited { 
	color			: #fff;
}

/*----------------------------------------------*/
#map {
	width			: 456px;
	height			: 570px;
}
ul#careers li {
	padding			: 0 0 10px 0;
}	
/*--------*/
#footer {
	position		: relative;
	width			: 830px;
	height			: 20px;
	padding			: 0 25px 0 25px;
	line-height		: 20px;
	background		: #b42025;
	color			: #fff;
	clear			: both;
	font-size		: 9px;
}
#footer a:link, #footer a:visited {
	color			: #fff;
	text-transform	: uppercase;
	text-decoration	: none;	
}
#footer a:hover {
	text-decoration	: underline;	
}
#credits {
	float			: right;
}
#credits a {
	padding			: 0 5px 0 0;
}
#credits span a {
	padding			: 0;
}
#address {
	float			: left;
}
/*-----Forms----------------*/
#EmailForm table th {
	vertical-align	: top;
}
#EmailForm em {
	font-size		: 12px;
	font-weight		: bolder;
}
#EmailForm input, #EmailForm textarea {
	border			: 1px solid #b5b5b6;
	font-family		: Arial, Helvetica, sans-serif;
}

#EmailForm input.requiredValue, #EmailForm textarea.requiredValue, #EmailForm input.invalidValue {
	border			: 1px solid #b42025;	
}
#EmailForm input.invalidValue {
	background		: #f4dedf;
}
#EmailForm input.button {
	cursor			: pointer;
}
/*----Fonts---------------------*/
h1 {
	font-size		: 15px;
	font-weight		: bolder;
	color			: #b42025;
	text-transform	: uppercase;
	padding			: 0 0 5px 0; 
}
h2 {
	padding			: 0 0 5px 0; 
	font-size		: 12px;
	text-transform	: uppercase;
	font-weight		: bolder;
	color			: #000;
}
#output h2 {
	color			: #efd8ce;
	font-weight		: bolder;
	font-size		: 10px;
}
p {
	padding			: 0 0 10px 0;
}
a.withArrow:link, a.withArrow:visited {
	color			: #b42025;
	text-decoration	: none;
	padding			: 0 8px 0 0;
	background		: url(../images/arrow.gif) no-repeat right 4px;
}
a:link, a:visited {
	color			: #b42025;
	text-decoration	: none;
}
a:hover {
	text-decoration	: underline;
}
#sitemap {
	padding			: 0 0 30px 0;
}
#sitemap ul li {
	padding			: 0 0 0 15px;
}
#content a:hover {
	text-decoration	: underline;
}
em {
	color			: #b42025;
	font-weight		: bolder;
	font-style		: normal;
}