@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'ourFont';
	src: url('ubuntu-r_0-webfont.eot');
	src: url('ubuntu-r_0-webfont.eot?#iefix') format('embedded-opentype'),
	url('ubuntu-r_0-webfont.woff') format('woff'),
	url('ubuntu-r_0-webfont.ttf') format('truetype'),
	url('ubuntu-r_0-webfont.svg#ubunturegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{  font-family: 'ourFont'; font-size:14px; background: url(../bcg/main.jpg) repeat;}

a, a:link{color:#D0AC3F; }
a:hover, a:active{ text-decoration:none; color:#EEE;}

.clear{clear:both;}	

#container{ width:1000px; margin:-30px auto 20px auto; padding:20px 0 0 20px; background:#FFF;}

#leftside{ float:left; width:30%; font-size:1.1em; color:#977A24; }
#leftside a, #leftside a:link{color:#242414; }
#leftside a:hover, #leftside a:active{ text-decoration:none; color:#D0AC3F;}

.logo{ width:100%; margin:90px auto 50px auto;}
.logo img{ width:100%; border:0;}

.email{background:url(../graphics/email.png) no-repeat left 0; min-height:34px; padding:5px 0 5px 40px;}
.tel{ background:url(../graphics/tel.png) no-repeat left 0; min-height:34px; padding:5px 0 5px 40px;}
.fax{ background:url(../graphics/fax.png) no-repeat left 0; min-height:34px; padding:5px 0 5px 40px;}
.cell{ background:url(../graphics/cell.png) no-repeat left 0; min-height:34px; padding:5px 0 5px 40px;}
.post{ background:url(../graphics/post.png) no-repeat left 0; min-height:34px; padding:5px 0 5px 40px;}
.location{ background:url(../graphics/location.png) no-repeat left 0; min-height:34px; padding:5px 0 5px 40px;}

.footer{
	width:90%; 
/*	margin:150px auto 10px 0;*/ 
	font-size:0.8em; 
	position: fixed;
    bottom: 30px;
}

#rightside {float:left; width:66%; background:#242414; padding:20px; text-align:justify;}
#rightside h1{text-align:; font-size:2em; color:#D0AC3F;}
#rightside h2{text-align: left; font-size:1.5em; color:#D0AC3F;}

.mainmenu {width:106%; background:#D0AC3F; margin:-20px 20px 20px -20px;
	border-bottom:2px solid #FFF; text-transform:uppercase; }
/*.mainmenu ul{ padding:30px 0; margin:0 0 0 5px;}
.mainmenu ul li{display: inline;}
.mainmenu ul li a,
.mainmenu ul li a:visited{color:#242414;text-decoration: none; padding:20px 15px;}
.mainmenu ul li a:hover, 
.mainmenu ul li a.selected{ 
	background:#FFF; color:#242414; padding:30px 15px 32px 15px;}*/

.slider{width:106%; background:#FFF; margin:-20px 20px 20px -20px; font-size:1.2em; border-bottom:2px solid #FFF;}
.slider img{width:100%;}

.maintext{width:90%; margin:-20px 20px 20px -20px; padding:30px 30px 10px 50px; 
	color: #F4F0DF; min-height:600px;}
.maintext ul li { line-height: 30px; }
.box{float:left; width:43%; margin-right:50px; text-align:justify;}
.box a, .box a:link{ padding:10px 20px; background:#D0AC3F; color:#FFF; text-decoration:none; font-weight:bold;}				
.box a:hover, .box a:active{ color:#242414; background:#FFF; }
.box img{margin:10px auto; border:5px solid #D0AC3F; width:96%;}

.Profile{ width:100%; margin:20px auto;}
.ProfileL{ width:60%; margin:0 20px 0 auto; float:left;}
.ProfileR{ width:30%; margin:20px auto 0 auto; float:right;text-align:left; font-size:0.8em;}
.ProfileR img{ width:100%;}

/*****************CONTACT FORM**********************/
#contactform {width:650px;  overflow:auto; margin:20px auto; }
.field {    display: block; margin:10px 0;}
label {    display: block;  text-align:left;    width: 550px; padding:5px 0; }
.input {   padding: 5px;    border: 1px solid #D0AC3F;    width:85%;   }
.button, .button a{padding:10px 20px; background:#D0AC3F; color:#FFF; text-decoration:none; font-weight:bold; border:0; font-size:1.5em;}
.button:hover,	.button a:hover{ color:#242414; background:#FFF; }

.error{ color:#FFF;  width:600px;padding: 10px; -moz-border-radius:0.3em;   
 -webkit-border-radius:0.3em; background: #F00 ; margin:0 10px;}
.error p, .successful p { width:100%;}
.successful{ color:#000;  width:600px; padding: 10px; -moz-border-radius:0.3em;    
	-webkit-border-radius:0.3em; background: #690; margin:0 20px;}

/* MENU*/
nav { 
	display:block; 
	margin:0 auto; 
	padding:0; 
	width:100%; 
	float:right; 
	background: #D0AC3F;
}
.menu { 
	display: block;
	width:100%; 
	padding:0; 
	margin:0 auto;  
}
/** MAIN LINK**/
.menu li { 
	display: inline-block;  
	position: relative;  
	z-index: 100;
}
.menu li:first-child { margin-left: 0; }
.menu li a {
	text-decoration: none;  
	padding:25px 6px;
	margin:0 0 0 5px;
	display: block;  
	color:#242414; 
	transition: all 0.2s ease-in-out 0s;
}
.menu li a:hover,.menu li:hover>a {
  color: #242414;
  background: #fff;
}
/** 1ST LEVEL SUB MENU  **/
.menu ul {  
	visibility: hidden;
	opacity: 0;  
	margin: 0;  
	padding: 0;  
	width: 205px;  
	position: absolute;
	left: 0px;  
	background: #D0AC3F;
	z-index: 99;  
	transform: translate(0, 20px);  
	transition: all 0.2s ease-out;
}
.menu ul:after { 
	bottom: 100%;  
	left: 20%;  
	border: solid transparent;  
	content: " ";  
	height: 0;  
	width: 0;  
	position: absolute; 
	pointer-events: none;  
	border-color: rgba(255, 255, 255, 0);  
	border-bottom-color: #D0AC3F; 
	border-width: 6px;  
	margin-left: -6px;
}
.menu ul li { display: block;  float: none;  background:#D0AC3F ;  margin: 0; padding: 0;   }
.menu ul li a { font-weight: normal;  display: block; color: #242414;}
.menu ul li a:hover,.menu ul li:hover>a {color:#242414;  background:#fff;}

/** 2ND LEVEL SUB MENU  **/
.menu li:hover>ul { visibility: visible;  opacity: 1;  transform: translate(0, 0);}
.menu ul ul { left: 199px; width:200px; top: 0px;  visibility: hidden;  opacity: 0; 
	transform: translate(20px, 20px);  transition: all 0.2s ease-out;}
.menu ul ul:after { 
	left: -6px;  
	top: 10%;  
	border: solid transparent;  
	content: " ";  
	height: 0; 
	width: 0;  
	position: absolute; 
	pointer-events: none;  
	border-color: rgba(255, 255, 255, 0);  
	border-right-color: #D0AC3F;  
	border-width: 6px;  
	margin-top: -6px;
}
.menu li>ul ul:hover {  visibility: visible;  opacity: 1;  transform: translate(0, 0);}

/** HIGHLIGHTER   **/
.menu li a.Current { 
	color:#242414; 
	background: #fff;
}