/*-------------------------Top Bar---------------------*/
#top-bar{
	float: left;
	width: 100%;
	background: url(../images/top-bar-repeat.jpg) top left repeat-x #fcfcfc;
	/*border-bottom: 7px solid #000;*/
	border-bottom: 1px solid #999;
	padding: 0;
	margin: 0;
	}
	#top-bar-centered{
		margin: 0px auto;
		width: 760px;
		padding: 0;
		}
		#top-bar-centered-bg{
			float: right;
			width: 760px;
			padding: 0;
			background: url(../images/top-bar-centered-bg.gif) top left no-repeat;
			}
			#top-bar-left{
				float: left;
				background: none;
				padding: 0 10px 0 10px;
				}
				#top-bar-left img{
					float: left;
					}


/*------------------------Service top bar------------------*/
#services-top-bar{
	float: left;
	/*background: #fff;*/
	background: url(../images/background-5-services.gif) left bottom repeat-x #000;
	border-bottom: 1px solid #000;
	/*border-bottom: 1px solid #999;*/
	width: 100%
	}
	#services-top-bar-centered{
		margin: 0px auto;
		width: 760px;
		padding: 0;
		}
		#services-top-bar-centered-bg{
			float: left;
			width: 750px;
			padding: 10px 0 10px 10px;
			/*padding: 20px 0 20px 10px;*/
			}
			#services-top-bar-centered-bg .zone-image{
				float: left;
				width: 140px;
				height: 140px;
				background: #FFFFCC;
				margin: 0 10px 0 0;
				display: inline;
				}
				#services-top-bar-centered-bg .zone-image img{
					float: left;
					}

/*--------------Main background-----------------*/
#main-bg{
	float: left;
	width: 100%;
	background: url(../images/main-bg.jpg) left top repeat-x;
	padding: 0 0 50px 0;
	/*border-bottom: 1px solid #000;*/
	border-bottom: 1px solid #999;
	}
				

#center-interface{
	margin: 0px auto;
	width: 760px;
	padding: 0 0 0 0;
	}
		
		

			
			
		/*----------------Main container---------------*/
			#main-container{
				float: left;
				width: 760px;
				background: transparent;
				}
				
				
				/*-----------------Left column-----------------------*/
				#left-column{
					float: left;
					width: 270px;
					height: 250px;
					display: inline;
					}
					
					#top-nav{
						float: left;
						width: 265px;
						margin: 0 0 0 5px;
						display: inline;
						}
						#top-nav li{
							float: left;
							display: inline;
							padding: 0;
							margin: 0 1px 0 0;
							}
					#list-services{
						float: left;
						width: 265px;
						margin: 0 0 0 5px;
						display: inline;
						background: url(../images/BIC-services.gif) left top no-repeat;
						padding: 55px 0 0 0;
						}
						#list-services li{
							float: left;
							width: 240px;
							padding: 5px 0 5px 25px;
							}
							#list-services li a{
								float: left;
								width: 220px;
								padding: 0 0 0 20px;
								background: url(../images/icons/tick.gif) left center no-repeat;
								}
					
				
				
				/*---------------------Right column -- Content Area--------------*/
				#right-column{
					float: right;
					width: 460px;
					margin: 0 0 0 10px;
					display: inline;
					background: url(../images/content-bg.jpg) right top no-repeat;
					}
					#content{
						float: left;
						width: 420px;
						margin: 30px 0 0 20px;
						display: inline;
						}
						#content p{
							float: left;
							font-size: 85%;
							line-height: 1.5;
							padding: 0 0 15px 0;
							text-align: justify;
							width: 420px;
							}
						
						#content ul{
							float: left;
							width: 400px;
							font-size: 85%;
							line-height: 1.5;
							padding: 10px;
							}
							#content ul li{
								float: left;
								width: 355px;
								line-height: 1.4;
								padding: 0 0 10px 20px;
								display: block;
								list-style: none;
								background: url(../images/icons/list.gif) 10px 6px no-repeat;
								}
								#content ul li ul{
									float: left;
									width: 345px;
									line-height: 1.4;
									padding: 10px 0 10px 10px;
									display: block;
									list-style: none;
									border: 1px solid #ddd;
									/*border: 1px solid #da2126;*/
									margin: 10px 0 0 0;
									/*background: #f5f5f5;*/
									background: #f4f4f4;
									}
									#content ul li ul li{
										float: left;
										width: 335px;
										padding: 2px 0 2px 0;
										font-weight: bold;
										display: block;
										list-style: none;
										background: none;
										border-bottom: 1px dotted #ddd;
										}
						#content a{
							color: #da2126;
							text-decoration: underline;
							}
						
						#content a:hover, #content a:focus{
							color: #da2126;
							text-decoration: underline;
							}
					
					
					
				
/*-----------------FOOTERS-----------------------------------*/
#main-footer-centered{
	margin: 0px auto;
	width: 760px;
	padding: 0 0 0 0;
	}
	#footer{
		float: left;
		width: 760px;
		margin: 0 0 0 0;
		padding: 0 0 130px 0;	
		font-size: 70%;
		}
		
		#footer-left{
			list-style: none;
			float: left;
			width: 260px;
			margin: 0 0 0 10px;
			display: inline;
			padding: 10px 0 5px 0;
			}
		#footer-left li{
			display: inline;
			}
			#footer-left a{
				text-decoration: none;
				}
			#footer-left a:hover, #footer-left a:focus{
				text-decoration: underline;
				}
		
		#footer-right{
			float: right;
			width: 460px;
			text-align: right;
			padding: 10px 0 0 0;
			margin: 0 10px 0 0;
			display: inline;
			}
			#footer-right a{
				text-decoration: none;
				padding: 0;
				margin: 0;
				}
			#footer-right a:hover, #footer-right a:focus{
				text-decoration: underline;
				}





/*------------------------Contact us form---------------------*/

	

	
	/*----------------------Content--------------------------*/					
	
	#content #contact_us{
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}
	#content #contact_us ul{
		float: left;
		margin: 10px 0 0 0;
		
		background: #f4f4f4;
		}
	#content  #contact_us li{
		float: left;
		width: 335px;
		}
	
	
	
	#content  #contact_us #cant-read{
		text-align: right;
		font-weight: normal;
		}
	
	#content  #contact_us label{
		float: left;
		width: 80px;
		text-align: right;
		padding: 3px 2px 0 0;
		}
	#content  #contact_us #your-message-label{
		padding: 8px 2px 0 0;
		}

	
	#content  #contact_us input{
		float: left;
		width: 248px;
		padding: 2px 0 2px 2px;
		margin: 2px 0 2px 0;
		border: 1px solid #c3c1b9;
		color: #999999;
		background-color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
	#content #contact_us #contact_form_message{
		float: left;
		width: 248px;
		height: 80px;
		padding: 0 0 5px 2px;
		margin: 7px 0 0 0;
		border: 1px solid #c3c1b9;
		color: #999999;
		background-color: #FFFFFF;
		font-size: 1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
	#content #contact_us #submit_mail{
		float: right;
		width: 135px;
		height: 18px;
		border: none;
		padding: 0;
		}
	
	#field-required{
		clear: both;
		color: #999999;
		background-color: #ffffff;
		margin: 10px 0 0 0;
		font-size: 0.8em;
		font-style: italic;
		padding: 0;
		}
	
	/*----------------------reCaptcha--------------------------*/					

		 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
				background-color: #E7F4F6 !important; /*reCaptcha widget background color*/
				}
 
		 #recaptcha_table {
   				border-color: #C4DBE0 !important; /*reCaptcha widget border color*/
 				}
		 
		 #recaptcha_response_field {
				border-color: #C4DBE0 !important; /*Text input field border color*/
				background-color:#FFFFFF !important; /*Text input field background color*/
				}

		 #content #contact_us #recaptcha{
				float: right;
				margin: 5px 10px 5px 0;
				padding: 0;
				width: auto;
				}
			 #content #contact_us #recaptchatext{
				font-weight: normal;
				}
			
		
				
			
		
		.form_warnings{
			color: #DA2126;
			font-size: 100%;
			font-weight: normal;
			background: transparent;
			}
	


		
	
	
