/*---------------------------*/
/*PAGE ELEMENTS              */
/*---------------------------*/

#wrapper {
	text-align: center;
/*margin: 5% auto;*/
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -300px;
	text-align: center;
	min-width: 900px; 	
}
.container {	
	margin: 0 auto;
	width: 960px;
}
#header {
	margin: 0 0 0 0;
	height: 49px;	
	border-top:1px solid #56534a;
	border-left:1px solid #56534a;
	border-right:1px solid #56534a;
	border-bottom:1px solid #302C20;
	text-align: left;
	background: #302C20 url('../images/navbar2.gif') no-repeat 91% 55%;	
	position: relative;
}
	#header img {
	float: left;	
	margin: 13px 0 0 19px;		
	}	

/*---------------------------*/
/*COLUMNS		             */

#column-showcase, #column-showcase2, #column-showcase3, #column-showcase4 {
	float: left;
	width: 958px;
	height: 350px;
	background-color: #504C41;
	font-size: 75%;	
	margin: 0 0 0 0;
	text-align: left;
	color: #FFF;	
	border-top:1px solid #726c5b;
	border-left:1px solid #56534a;
	border-right:1px solid #56534a;	
}

#about #column-showcase { height: 290px; }
#cedia #column-showcase { height: 290px; }
#update #column-showcase { height: 290px; }

#infrastructure #column-showcase, #cinema #column-showcase, #multi-room #column-showcase, #control-systems #column-showcase,
#data-networking #column-showcase, #lighting-control #column-showcase, #multi-channel #column-showcase, #security #column-showcase,
#system-interfaces #column-showcase, #telephony #column-showcase, #consultancy #column-showcase{
	float: left;
	width: 958px;
	height: 290px;
	background-color: #504C41;
	font-size: 75%;	
	margin: 0 0 0 0;
	text-align: left;
	color: #FFF;	
	border-top:1px solid #726c5b;
	border-left:1px solid #56534a;
	border-right:1px solid #56534a;	
}

	#column-showcase2 {
	height: 290px;
	padding: 0 0 0 0;
		}
			#column-showcase3 {
			height: 630px;
			padding: 20px 0 0 0;
					}
					#column-showcase img{
					margin: 13px 0 0 19px;
					border:1px solid #CCC;
					}
						#infrastructure #column-showcase img{
						margin: 13px 0 0 19px;
						border:1px solid #CCC;
						}
						#column-showcase3 img{
						margin: 0 0 0 19px;
						border:1px solid #CCC;
						}
							#column-showcase4 {
							height: 650px;
							padding: 10px 0 0 0;
							}
#column-content{
float: left;
width: 960px;
height: 240px;
background-color: #FFF1CE;
}
#home #column-content{
float: left;
width: 960px;
height: 240px;
background-color: #FDF9D4;
}	

#about #column-content{
float: left;
width: 960px;
height: 240px;
background-color: #FFF1CE;
}

#update #column-content {
background-color:#FFF1CE;
float:left;
height:210px;
width:960px;
}

#column-content2{
float: left;
width: 960px;
height: 650px;
background-color: #FFF1CE;
}


	.column-left {
	float: left;
	width: 300px;
	height: 230px;	
	padding: 10px 0 0 0;
	margin: 0;
	text-align: left;
	color: #FFF;
	
	}
			#infrastructure .column-left {
			float: left;
			width: 300px;
			height: 220px;
			padding: 10px 0 0 0;
			margin: 0;
			text-align: left;
			color: #FFF;	
			}

		.column-center {
		float: left;
		width: 410px;
		height: 210px;
		margin: 0;
		padding:30px 0 0 0;
		color: #4e4c48;
		font-size: 1em;
		}
			.column-center p{
			width: 400px;	
			padding: 0 0 0 15px;
			}
			.column-center h2{
			color: #4c483c;			
			}

			.column-right {
			float: left;
			width: 235px;
			height: 180px;
			margin: 0 0 0 10px;
			padding: 60px 0 0 0;
			text-align: right;
			}
				.column-right img{
				margin: 10px 40px 5px 0;
				}

#column-content-cedia{
float: left;
width: 960px;
height: 170px;
font-size: 0.9em;
background-color: #FFF1CE;
}
	.column-left-cedia{
	float: left;
	width: 320px;
	height: 150px;
	padding: 10px 0 0 0;
	margin: 0 10px 0 0;
	text-align: left;
	color: #4c483c;
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
	font-weight: normal;
	}
		.column-left-cedia p{
		padding: 0 0 10px 20px;
		width: 300px;
		}
			.column-center-cedia {
			float: left;
			width: 300px;
			height: 80px;
			margin: 0;
			padding:85px 0 0 0;
			}
				.column-center-cedia img{
				padding: 65px 0 0 10px;
				float: left;
				}

.column-left-about{
float: left;
width: 420px;
height: 200px;
padding: 10px 0 0 30px;
margin: 10px 10px 0 0;
text-align: left;
color: #4e4c48;
font-size: 1em;
text-align: left;
font-weight: normal;
background-color: #FFF1CE;
}
#update .column-left-about {
background-color:#FFF1CE;
color:#4E4C48;
float:left;
font-size:1.1em;
font-weight:normal;
height:160px;
margin:10px 10px 0 0;
padding:10px 0 0 5px;
text-align:left;
width:480px;
}

#cedia .column-left-about{
padding: 15px 0 0 30px;
margin: 10px 10px 0 0;
}
	
.column-right-about {
							float: left;
							width: 420px;
							font-size: 1em;
							height: 170px;
							margin: 10px 0 0 20px;
							padding: 48px 0 0 5px;
							text-align: right;
							background-color: #FFF1CE;
							}
							
							#update .column-right-about {
							background-color:#FFF1CE;
							float:left;
							font-size:1.1em;
							height:170px;
							margin:10px 0 0 20px;
							padding:10px 0 0 5px;
							text-align:right;
							width:420px;
							}
							
							
							#cedia .column-center-about{
							width: 360px;
							}
								#cedia .column-right-about {
								width: 440px;
								margin: 10px 0 0 10px;
								}

								#cedia .column-right-about img {
								padding: 10px 0 0 0;
								border: none;
								}

				.column-right-about img{
				border:1px solid #FFF;
				}
					#column-about-click{
					float: left;
					width: 960px;
					height: 50px;
					background-color: #FFF1CE;
					}
						#column-about-click img{
						float: left;
						padding: 20px 0 0 15px;
						}
							#column-about-click .title{
							float: left;
							padding: 24px 10px 0 20px;
							}
							#column-about-click p{
							float: left;
							padding: 27px 0 0 0;
							}
								#column-about-click a{
								float: left;
								padding: 31px 0 0 0;
								font-size: 80%;
								}
								
											
								.images-block {	
								float: left;
								text-align: right;
								width: 100%;
								height: 20px;
								margin: 10px 0 0 0;
								background-color: #504C41;
								}
									.images-block a{
									padding: 0 20px 0 0;
									color: #FFF;
									font-size: 70%;
									}
											.bottom-block {
											float:left;
											width: 960px;
											height: 250px;
											background-color: #504C41;
											}
											.column-left-about2{
											float: left;
											width: 300px;
											height: 400px;
											padding: 10px 0 0 0;
											margin: 0 20px 0 0;
											text-align: left;
											color: #4e4c48;
											font-size: 95%;
											line-height: 1.5;
											text-align: left;
											font-weight: normal;
											}
												.column-left-about2 p{
												padding: 18px 0 0 20px;
												width: 280px;
												}
													.column-center-about2 {
													float: left;
													font-size: 95%;
													width: 300px;
													height: 400px;
													margin: 0 13px 0 0;
													color: #4e4c48;
													padding:63px 0 0 0;
													}
														

.column-center-services {
float: left;
font-size: 1em;
width: 630px;
height: 200px;
margin: 0 0 0 0;
color: #4e4c48;
padding:20px 0 0 0;
}
	.column-farRight-services, .column-right-services, .column-right-control-systems, .column-right-home-cinema, .column-right-multi-channel {
	float: left;
	width: 300px;
	height: 200px;
	font-size: 0.9em;
	margin: 0;
	padding: 50px 0 0 0;
	text-align: right;
	}
		.column-farRight-services {
		float: left;
		width: 280px;
		height: 80px;
		font-size: 0.9em;
		margin: 0;
		padding: 10px 0 0 0;
		text-align: right;
		}
				.column-center-services p {
				padding: 0 0 10px 30px;
				width : 560px;
				
				}

#column-contact {
	float: left;
	width: 679px;
	height: 530px;
	background-color: #504C41;	
	margin: 0;	
	color: #FFF;	
	border-top:1px solid #726c5b;
	border-left:1px solid #56534a;	
	border-bottom:1px solid #56534a;
}
	#column-contact-info {
		float: left;
		width: 279px;
		height: 510px;
		background-color: #FFF1CE;	
		padding: 20px 0 0 0;
		margin: 0;	
		border-top:1px solid #726c5b;
		border-right:1px solid #56534a;
		border-bottom:1px solid #56534a;
		text-align: left;
	}
		#column-contact img{
		margin: 13px 0 0 2px;
		border:1px solid #CCC;
		}
			#column-contact-info img{
			border: none;
			}
				#column-contact-info p{
				color: #4c483c;
				width: 160px;
				padding: 10px 0 0 15px;
				}

				#careers #column-contact-info p{
				color: #4c483c;
				width: 240px;
				padding: 10px 0 0 15px;
				}

				#column-contact-info a{
				text-decoration: underline;
				font-weight: bold;
				}

				#column-contact-info a:hover{
				text-decoration: underline;
				font-weight: bold;
				cursor: pointer;
	

				}
	
					

.dummy {
padding: 10px 0 0 0;
}

#column-showcase-installations {
	float: left;
	width: 958px;
	height: 350px;
	background-color: #504C41;
	font-size: 75%;	
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
	color: #FFF;	
	border-top:1px solid #726c5b;
	border-left:1px solid #56534a;
	border-right:1px solid #56534a;
	border-bottom:1px solid #FFF;
}
	#column-showcase-installations img{
	margin: 0 0 0 19px;
	border:1px solid #CCC;
	}
		#column-content-installations{
		float: left;
		width: 960px;
		height: 180px;
		background-color: #FFF1CE;
		}
			.column-installations-header{
			margin: 20px 0 0 20px;
			float: left;
			width: 155px;
			height: 40px;
			background-color: #595549;
			}
				.column-installations-description{
				margin: 20px 0 0 0;
				float: left;
				width: 763px;
				height: 40px;
				background-color: #595549;
				}

					.column-installations-list{
					margin: 0 0 0 20px;
					float: left;
					width: 140px;
					height: 100px;
					background-color: #595549;
					font-size: 75%;
					text-align: left;
					}
						.column-installations-list2{
						float: left;
						width: 145px;
						height: 100px;
						background-color: #595549;
						font-size: 75%;
						text-align: left;
						}
							.column-installations-list3{
							float: left;
							width: 53px;
							height: 100px;
							background-color: #595549;
							font-size: 75%;
							text-align: left;
							}
							
#installations-content{
float: left;
width: 960px;
height: 530px;
background-color: #FFF1CE;
}	
.installations-menu {
	float: left;
	width: 170px;
	height: 520px;
	font-size: 75%;
	padding: 10px 0 0 0;
	margin: 0;
	text-align: left;
	color: #FFF;	
	}
.installations-images {
	float: left;
	width: 770px;
	height: 500px;
	font-size: 75%;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	text-align: left;
	color: #FFF;	
	background-color: #595549;
	}

#servicesNavigation {
font-size:1.3em;
padding: 0 0 0 1px;
margin: 0 0 0 0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-transform:capitalize;
letter-spacing: 0.1em;
width: 200px;
height: 40px;
float: left;
}

#servicesNavigation li {
display:block;
}

#servicesNavigation li a {
color:#fff;
display: block;
padding: 5px 0 2.5px 7.5px;
margin: 0 0 0 5px;
text-decoration:none;
}

#servicesNavigation li a:hover {
text-decoration: underline;
/*	background-color: #595549;
background:#1B1B1B url(images/nav_bar_o.jpg) repeat-x scroll 0% 0%;*/
}

#servicesNavigation li a#selected {
font-style: bold;
color: #999; 
text-decoration: underline;

}



/*---------------------------*/
/*FOOTER                     */

#footer {
	clear: both;
	height: 20px;
	font-size: 0.9em;
	padding: 10px 0 0 0;
	margin: 0 auto;
}
	#footer p {
	color: #FFF;
	text-align: right;
	width: 960px;	
	padding: 0 20px 0 0;
	
	}
		#footer a {
			text-decoration: none;
			color: #FFF;
			font-size: 1em;
		}
			#footer a:hover {
				text-decoration: underline;	
			}

/*---------------------------*/
/*CONTACT FORM		         */

.contactform {
font-size: 1.2em;
text-align:left;
margin: 20px 0 0 15px;
}
#column-contact-info .input-text{
border:1px solid #3b6e22;
color: #000;
width: 240px;
height: 22px;
margin: 3px 0 5px 0;
}
#column-contact-infolabel{
display: block;
margin: 5px 0 0 0;
color: #000;
}
label {
color: #4c483c;
}
textarea {
width: 238px;
height: 100px;
margin: 5px 0 5px 0;
}
#careers textarea {

height: 70px;

}
.submit{
cursor: pointer;
border: none;
width: 99px;
height: 31px;
float: left;
text-align:left;
margin: 10px 0 0 0;
background-image: url(../images/submit.gif);
 
}

/*---------------------------*/
/*PHP VALIDATION             */


.errormsg {
  display: block; 
  font-weight: bold;
  font-size: 1.2em;  
  text-align: left;
  padding: 10px 0 0 15px;
  color: #A83636;
}
.msgSent {
  font-size: 20px;
  text-align: center;
}
input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}



input.submit-btn {
cursor: pointer;
margin: 10px 0 0 0;
width: 99px;
height: 31px;
background: #FFF1CE url(../images/submit.gif) no-repeat;
outline: none;
border:none
}
input.submit-btn:hover {
margin: 10px 0 0 0;
width: 99px;
height: 31px;
background: #FFF1CE url(../images/submit.gif) no-repeat;
}

/*---------------------------*/
/*ACCESSIBILITY              */

.offleft {
position: absolute;
margin-left: -9000px;
}

/*---------------------------*/
/*SLIDER	                 */

.v-menu {
clear: both;
}

.slide {
width: 920px;
height: 400px;
margin: 0;
padding: 0;
}