@import "common.css";
@import "jScrollPane.css";
@import "fancybox.css";
body {
	margin			: 0;
	padding			: 0;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #fff;
	text-decoration	: none;
	background		: #1d99c4;
}
/*----- Wrapper ----------------------------------------------------*/
#wrapper, #wrapperProjects, #wrapperHome {
	width			: 900px;
	height			: 500px;
	margin			: 0 auto;	
	padding			: 20px 0 0 0;
}
#header {
	width			: 900px;
	height			: 180px;
	/*overflow		: hidden;*/
	background		: #d5d8dd;
}
#branch_details {
	float			: right;
	text-align		: right;
	font-size		: 12px;
	color			: #464749;
	line-height		: 1.7em;
}
#branch_details span {
	color			: #c73358;
	font-weight		: bolder;
}
#branch_details span.blue {
	color			: #1d99c4;
	font-weight		: bolder;
}
#top_header {
	position		: relative;		
	width			: 820px;
	height			: 40px; 
	padding			: 20px 50px 0 30px;
	overflow		: hidden;
	clear			: right;
	/*background		: silver;*/
}

#logo {
	float			: right;
	margin			: 40px 45px 0 0;
}
/*--------------------------------------------------------------- Menu */
#menu {
	position		: absolute;
	margin			: 80px 0 0 30px;
	z-index			: 10;
}

#menu ul li {
	position		: relative;
	display			: block;
	float			: left;
	width			: auto;
	padding			: 2px 0 2px 0;
	background		: url(../images/menu_item_bg.gif) no-repeat left top;	
}
#menu ul li a:link, #menu ul li a:visited {
	width			: auto;
	text-decoration	: none;
	color			: #000;
	padding			: 2px 30px 2px 7px;
}
#menu ul li a:hover, #menu ul li.active a {
	background		: #1d99c4;
}

/*------------------------------------------------------------------ SubMenu */
/*----- Second Level */
#menu ul li ul {
	width			: 17em;
	height			: auto;
	margin			: 0;
	padding			: 0;
	display			: none;
	position		: absolute;
	top				: 100%;	
	left			: 0;
	background		: none;
}
#menu ul li ul li {
	width			: 80%;
	float			: left;
	margin			: 0;
	padding			: 0;
	text-align		: left;
	background		: #d5d8dd;
	border-left		: 1px solid #999;	

}
#menu ul li ul li.last {
	border-bottom	: 1px solid #999;	
}
#menu ul li ul li a {
	width			: 100%;
	height			: 100%;
	display			: block;
	background		: #d5d8dd;
}
#menu ul li.active ul li a:hover,  #menu ul li.active ul li.active a {
	background		: #1d99c4;
}
#menu ul li.active ul li a{
	background		: #d5d8dd;
}
/*-------------------------------------------------------------------- Content Wrapper */
#contentWrapper {
	position		: relative;
	width			: 900px;
	height			: 386px;
	background		: #999;
}
#flashContent {
	position		: relative;
	width			: 900px;	
	height			: 386px;
}
#wrapperHome #content {
	background		: none;
}
#content {
	position		: absolute;
	top				: 0;
	left			: 0;
	width			: 443px;
	height			: 296px;
	padding			: 20px;
	overflow		: auto;
	background		: #197899;
	/*
	background		: #BFC3C9;
	color:#000;
	*/
}
/*----------------Projects */
#wrapperProjects #contentWrapper {
	position		: relative;	
	width			: 900px;
	height			: 362px;
	padding			: 24px 0 0 0;
	overflow		: hidden;
}
#wrapperProjects #contentWrapper #contentProjects {
	position		: absolute;
	top				: 24px;
	right			: 0;
	width			: 300px;
	height			: 336px;
	background		: #BFC3C9;
	color			: #000;
	padding			: 0;
	margin			: 0;
	overflow		: hidden;	
}

#wrapperProjects #contentWrapper #contentProjects #contentArea {
	width			: 260px;
	height			: 240px;
	padding			: 20px;
	overflow		: hidden;
}

/*-------------------------------------------------------------------- Map */
#map {
	width			: 450px;
	height			: 260px;
	color			: #000;
}
#slideshowWrapper {
	width			: 600px;
	height			: 336px;
	overflow		: hidden;
	float			: left;
	display			: none;
	z-index			: 1;
}
#loading {
	position		: relative;
	width			: 600px;
	height			: 200px;
	background		: #999;
	text-align		: center;
	padding			: 70px 0 0 0;
}

/*-------------------------------------------------------------------- Footer */
#footer {
	width			: 880px;
	height			: 65px;
	padding			: 10px;
	background		: #d5d8dd;
}
#footerOuter {
	width			: 900px;
	height			: 30px;
	padding			: 10px 0 0 0;
}
#credits {
	float			: right;	
}
#buttons {
	float			: right; 
	margin-right	: 5px;
}
#logosPlaceholder {
	width			: 220px;
	height			: 60px;
	padding			: 0 0 0 10px;
	overflow		: hidden;	
	float			: left;
}
img.crean_m  {
	padding			: 4px 0 0 0;
}
/*----------------------------------------------------------------------- Newsletter form */
#newsletterForm {
	color			: #1d99c4;
}
#newsletterForm input {
	float			: left;
	margin			: 0 5px 0 0;
	padding			: 3px 0;
	border 	   		: 1px solid #999;
	color			: #999;
	font-size		: 0.9em;
}
#newsletterForm input.submit {
	border 	   		: none;
	padding			: 0;
}
#newsletterForm span {
	display			: block;
	padding			: 0 0 2px 0;
	font-weight		: bolder;
}
span#valResult {
	display			: block;
	color			: #c70752;
	font-weight		: normal;
	font-style		: italic;
	margin			: 3px 0 0 0;
}
/*------------------------------------------------------------------------- Typo */
h1 {
	font-size		: 13px;
	font-weight		: bolder;
	padding			: 0 0 15px 0;
}
h3 {
	font-size		: 20px;
	font-weight		: bolder;
	padding			: 0 0 15px 0;
	color			: #ffea00;
}
p span {
	font-size		: 15px;
	font-weight		: bolder;
}
h4 {
	position		: absolute;
	bottom			: 5px;	
	color			: #fff;
	font-size		: 26px;
	padding			: 10px 0 10px 20px;
}
p {
	padding			: 0 0 15px 0;
	line-height		: 1.4em;
}
a:link, a:visited {
	color			: #222;
	text-decoration : underline;
}
a:hover {
	color			: #222;
	text-decoration : none;
}
#backButton {
	display			: block;
	height			: 20px;
	padding			: 0 0 20px 0;
}
.go {
	padding			: 5px 0 10px 37px;
	background		: url(../images/go.gif) no-repeat left center;
}
.calculator {
	margin			: 15px 0 0 10px;
	padding			: 5px 0 11px 37px;
	background		: url(../images/calculator.gif) no-repeat left center;
}
.email {
	margin			: 15px 0 0 10px;
	padding			: 5px 0 10px 37px;
	background		: url(../images/email.gif) no-repeat left center;
}

#sitemap ul li {
	padding			: 0 0 0 10px;
}

table#form_table {
	text-align		: left;
}
table#form_table td, table#form_table th {
	padding			: 0 10px 5px 0;
}
.errors {
	color			: #c73358;
	padding			: 0 0 20px 0;
}