@charset "UTF-8";
body {
	width:1105px;
	height:auto;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #6697D9;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url('../images/background.jpg');
}
a {
  text-decoration: none;
}
a:active {
  outline: none;
}
hr {
	border:0;
	padding:0px;
	margin:10px 0px 0px 0px;
}
p {
	padding:0px;
	margin:0px;
}
h1,h2,h3,h4 {
	padding:0px;
	margin:0px;
}
.bold-text {
	font-weight:bold;
}
.italic-text {
	font-style:italic;
}
.bold-italic-text {
	font-weight:bold;
	font-style:italic;
}
#body_container {
	width:1105px;
	height:auto;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* LOGO  ---------------------------------------------- */

#logo-zone {
	float:left;
	width:1105px;
	height:135px;
	background-position: top center;
	background-repeat: repeat-y;
	background-image: url('../images/w-shadow-main.png');
}
#logo {
	float:left;
	width:477px;
	height:95px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:140px;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url('../images/serdi-logo.jpg');
}
#logo a {
	display: block;
	width:477px;
	height:95px;
}
#logo-side {
	float:left;
	width:332px;
	height:165px;
	margin:50px 0px 0px 80px;
	font-family: Arial;
	font-size: 13px;
	color: #000000;
}
#logo-search {
	float:left;
	width:332px;
	height:25px;
	margin:0px 0px 0px 0px;
	font-family: Arial;
	font-size: 13px;
	color: #000000;
}
#logo-login {
	float:left;
	width:387px;
	height:20px;
	margin:20px 0px 0px 0px;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
}
#logo-login a {
	font-family: Arial;
	font-size: 13px;
	color: #000000;
}

/* BANNER  -------------------------------------------- */

#banner-zone {
	float:left;
	width:1105px;
	height:332px;
	background-position: top center;
	background-repeat: repeat-y;
	background-image: url('../images/shadow-main.jpg');
}
#banner-area {
	float:left;
	width:912px;
	height:332px;
	margin-left:97px;
	margin-right:96px;
	background-position: top center;
	background-repeat: repeat-y;
	background-image: url('../images/shadow-main.jpg');
}
#banner {
	float:left;
	width:862px;
	height:333px;
	margin-left:25px;
	margin-right:25px;
	background-position: top center;
	background-repeat: no-repeat;
}

/* MENU  ---------------------------------------------- */

#menu-zone {
	float:left;
	width:1105px;
	height:32px;
	background-position: top center;
	background-repeat: repeat-y;
	background-image: url('../images/w-shadow-main.png');
}
#menu-main {
	float:left;
	width:862px;
	height:32px;
	margin-left:121px;
	margin-right:122px;
}
ul {
	margin:0px;
	padding:0px; 
	list-style:none;
	width:862px;
	z-index:1;
}
ul li {
	position:relative;
	margin:0px;
	padding:0px; 
	float:left;
	z-index:1;
}
#li1, #li2, #li3, #li4, #li5, #li6 {
	background-position: top center;
	background-repeat: repeat-x;
	background-image: url('../images/menu.jpg');
}
#li21, #li22, #li23, #li24, #li25, #li26, #li27, #li31, #li32, #li33, #li34, #li35, #li41, #li42, #li51, #li52, #li53, #li61, #li62, #li63, #li64 {
	background-color: #5696B7;
	border-top:1px solid #FFFFFF;	
}
#li1 a, #li2 a, #li3 a, #li4 a, #li5 a, #li6 a, #li21 a, #li22 a, #li23 a, #li24 a, #li25 a, #li26 a, #li27 a, #li31 a, #li32 a, #li33 a, #li34 a, #li35 a, #li41 a, #li42 a, #li51 a, #li52 a,#li53 a, #li61 a, #li62 a, #li63 a, #li64 a {
	text-align:left;
}
#li1 a {
	width:75px;
	height:25px;
	padding-left:40px;
	padding-top:7px;
}
#li2 a {
	width:130px;
	height:25px;
	padding-left:20px;
	padding-top:7px;
}
#li3 a {
	width:165px;
	height:25px;
	padding-left:15px;
	padding-top:7px;
}
#li4 a {
	width:155px;
	height:25px;
	padding-left:15px;
	padding-top:7px;
}
#li5 a {
	width:80px;
	height:25px;
	padding-left:20px;
	padding-top:7px;
}
#li6 a {
	width:127px;
	height:25px;
	padding-left:20px;
	padding-top:7px;
}
#ul2 {
	width:150px;
}
#li21 a, #li22 a, #li23 a, #li24 a, #li25 a, #li26 a, #li27 a {
	width:130px;
	height:23px;
	padding-left:20px;
	padding-top:5px;
}
#ul3 {
	width:180px;
}
#li31 a, #li32 a, #li33 a, #li34 a, #li35 a {
	width:165px;
	height:23px;
	padding-left:15px;
	padding-top:5px;
}
#ul4 {
	width:170px;
}
#li41 a, #li42 a {
	width:155px;
	height:23px;
	padding-left:15px;
	padding-top:5px;
}
#ul5 {
	width:205px;
}
#li51 a, #li52 a, #li53 a{
	width:185px;
	height:23px;
	padding-left:20px;
	padding-top:5px;
}
#ul6 {
	width:127px;
}
#li61 a, #li62 a, #li63 a, #li64 a {
	width:127px;
	height:23px;
	padding-left:20px;
	padding-top:5px;
}
li ul {
	position: absolute;
	margin:0px;
	padding:0px; 
	left: 0px;
	top: 32px;
	display: none;
	z-index:1;
}
ul li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: 0;
	font-family: Arial;
	font-size: 14px;
}

li:hover #ul2, li:hover #ul3, li:hover #ul4, li:hover #ul5, li:hover #ul6 { 
	display: block; 
}

/* CONTENT  ------------------------------------------- */

#content-zone {
	float:left;
	width:1105px;
	height:auto;
	background-position: top center;
	background-repeat: repeat-y;
	background-image: url('../images/w-shadow-main.png');
}
#content {
	float:left;
	width:862px;
	height:auto;
	margin-right:121px;
	margin-left:122px;
}
#banner-shadow {
	float:left;
	width:862px;
	height:25px;
	min-height:25px;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url('../images/shadow-bottom.jpg');
}
#cred {
	float:left;
	width:862px;
	height:auto;
}
#intro {
	float:left;
	margin-right:26px;
	margin-left:26px;
	height:auto;
}
#intro h1 {
	text-align:left;
	font-family: Arial;
	font-size: 13px;
	font-weight:normal;
	text-decoration: none;
	color: #000000;
}
#intro p {
	float:left;
	margin:10px 0px 0px 0px;
	text-align:left;
	font-family: Arial;
	font-size: 13px;
	font-weight:normal;
	color: #000000;
}
.more {
	float:left;
	text-align:left;
	font-family: Arial;
	font-size: 14px;
	font-weight:normal;
	color: #000000;
}
.more a {
	font-family: Arial;
	font-size: 13px;
	font-weight:normal;
	text-decoration: underline;
	color: #000000;
}
.content-main {
	float:left;
	width:862px;
	height:auto;
	background-position: top center;
	background-repeat: repeat-y;
	background-image: url('../images/coldiv.jpg');
}

/* left side  */

.content-left {
	float:left;
	width:186px;
	height:auto;
	margin-left:20px;
	margin-right:20px;
}
.column {
	float:left;
	width:186px;
	height:auto;
}
.column1 {
	float:left;
	width:186px;
	height:auto;
	margin-right:10px;
}
.column h2,.column1 h2 {
	float:left;
	width:176px;
	height:24px;
	background-color: #395DBA;
	padding:2px 0px 0px 10px;
	text-align:left;
	font-family: "Arial Narrow";
	font-size: 15px;
	font-weight:bold;
	color: #FFFFFF;
}
.column h2 a,.column1 h2 a{
	text-align:left;
	font-family: "Arial Narrow";
	font-size: 15px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
}
.column h2 a:hover,.column1 h2 a:hover{
	text-decoration:underline;
}
.column p,.column1 p {
	float:left;
	width:166px;
	margin:10px 10px 0px 10px;
	text-align:left;
	font-family: Arial;
	font-size: 13px;
	color: #000000;
}
.column hr,.column1 hr {
  float:left;
  margin:10px 0px 0px 0px;
  width: 186px;
  color:#395DBA;
  background-color:#395DBA;
  height: 2px;
}

/* right side  */

.content-right {
	float:left;
	width:593px;
	height:auto;
	margin-left:20px;
	margin-right:20px;
}
.column-block-1 {
	float:left;
	width:593px;
	height:auto;
	border:1px solid #949EA6;
	border-bottom: none;
	background-color:#ADCCDC;
}
.column-block-2 {
	float:left;
	width:593px;
	height:auto;
	border:1px solid #949EA6;
	border-top: none;
	background-color:#ADCCDC;
}
.subcolumn-block {
	float:left;
	width:186px;
	height:auto;
}
.subcolumn-block h2 {
	float:left;
	width:176px;
	height:auto;
	margin:0px;
	padding:0px 0px 0px 10px;
	text-align:left;
	font-family: "Arial Narrow";
	font-size: 14px;
	font-weight:bold;
	color: #031952;
}
.subcolumn-block h2 a{
	text-align:left;
	font-family: "Arial Narrow";
	font-size: 14px;
	font-weight:bold;
	color: #031952;
	text-decoration:none;
}
.subcolumn-block h2 a:hover{
	text-decoration:underline;
}
.subcolumn-block p {
	float:left;
	width:176px;
	margin:10px 10px 0px 10px;
	text-align:left;
	font-family: Arial;
	font-size: 13px;
	color: #000000;
}
.subcolumn-block hr {
  float:left;
  border: 0;
  margin-left:10px;
  width: 176px;
  color:#3282A9;
  background-color:#3282A9;
  height: 3px;
}

#partners {
	float:left;
	width: 186px;
	height: 105px;
	background-position: top center;
	background-repeat: no-repeat;
}
#clients {
	float:left;
	width: 186px;
	height: 144px;
	background-position: top center;
	background-repeat: no-repeat;
}
/* FOOTER  -------------------------------------------- */

#footer-zone {
	float:left;
	width: 1105px;
	height:auto;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url('../images/w-shadow-bottom.png');
}
#footer {
	float:left;
	width: 862px;
	height:auto;
	margin:0px 121px 0px 122px;
	background-color: #395DBA;
}
#footer_inside {
	float:left;
	width: 822px;
	height:auto;
	margin:10px 20px 10px 20px;
}
#copyright {
	float:left;
	width: 66%;
	height:auto;
	text-align:left;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
}
#copyright p {
	text-align:left;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
}
#footer-side {
	float:right;
	width:33%;
	text-align:right;
	height:auto;
}
.footer-ul {
	float:left;
	padding:0px; 
	list-style:none;
}
.footer-li {
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px; 
	padding-bottom:5px;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
}
.footer-li a {
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
}
.footer-li a:hover{
	text-decoration: underline;
}
/******************** BOTTOM ********************/

#bottom {
	float:left;
	width: 862px;
	height:auto;
	margin-right:120px;
	margin-left:120px;
	margin-top:20px;
	font-family: Arial;
	font-size: 9px;
	text-decoration: none;
	color: #000000;
}
#bottom a {
	font-family: Arial;
	font-size: 9px;
	text-decoration: underline;
	color: #000000;
}
#bottom a:hover {
	font-family: Arial;
	font-size: 9px;
	text-decoration: none;
	color: #000000;
}
.w3c {
	float:left;
	width:88px;
	padding-top:7px;
}
#visual_flavors {
	float: left;
	display:block;
	float:left;
	width:112px;
	height:44px;
	margin-right:5px;
}
#visual_flavors a {
	float:left;
	display:block;
	width:112px;
	height:44px;
	line-height:11px;
	text-decoration:none;
	text-align:left;
	color:#000000;
	font-family: Arial;
	font-size: 10px;
}
#visual_flavors a:hover {
	color:#000000;
	text-decoration:underline;
}
#visual_flavors_icon {
	float: left;
	display:block;
	float:left;
	width:47px;
	height:44px;
}
#visual_flavors_text {
	float: left;
	display:block;
	float:left;
	width:55px;
	height:44px;
}


/* SPACES  -------------------------------------------- */

.space_row_main_content_20 {
	float:left;
	width:862px;
	min-height:20px;
	height:20px;
	background-position: top center;
	background-repeat: repeat-y;
	background-image: url('../images/coldiv.jpg');
}
.space_row_bottom_20 {
	float:left;
	width:862px;
	min-height:20px;
	height:20px;
}
.space_row_main_20 {
	float:left;
	width:862px;
	min-height:20px;
	height:20px;
}
.space_row_main_10 {
	float:left;
	width:862px;
	min-height:10px;
	height:10px;
}
.space_row_block_20 {
	float:left;
	width:197px;
	min-height:20px;
	height:20px;
}
.space_row_block_10 {
	float:left;
	width:197px;
	min-height:10px;
	height:10px;
}
#submenu {
	display:block;
	font-size:12px;
	font-weight: bold;
    height: 100%;
    width: 100%;
	text-align: left;
	margin-left: 10px;
	font-style: arial;
}
#submenu a{
	font-size:12px;
	font-weight: bold;
	font-style: arial;
	text-decoration:none;
}
#submenu a:link, #submenu a:visited{
	color: #2B4E7C;
}

#submenu a:hover, #submenu a:active{
	color: #C3A542;
}


#mainsubmenu {
	display:block;
	font-size:12px;
	font-weight: bold;
	margin-top:10px;
}
#blueCells {
	font-size:15px;
	/*font-weight: bold;*/
	color:#FFF;
	background-color:#363F9A;
	font-family:arial;
	width:50px;
	text-align:center;
}
.jobcolumn h2{
	text-align:left;
	font-family: "Arial Narrow";
	font-size: 15px;
	font-weight:bold;
	color: red;
	text-decoration: none;
}