body { margin:0px; padding:0px; }
body {
  background-color:#11090a;
  font-family:Arial, Helvetica, sans-serif;
}
#outside_container {
  background:url(/img/background_slice.jpg) repeat-x #000000;
}
#container {
	background:url(/img/background_main.jpg) no-repeat;
	min-height:850px;
	width:1000px;
	position:relative;
	margin:0;padding:0;
}


#logo { position:absolute; top:30px; left:40px; }

#panel { position:absolute; top:165px; left:51px; }

ul.nav { 
  margin:0px; padding:0px;
  position:absolute; 
  top:198px; left:60px;
}
ul#right_menu { 
  margin:0px; padding:0px;
  position:absolute; top:20px; right:50px;	
}
ul.nav li, ul#right_menu li {
  margin:0px; padding:0px;
  list-style:none;
  margin-right:20px;
  font-weight: bold;
  text-transform:uppercase;
  display:inline;
}
ul.nav li a, ul#right_menu li a {
  text-decoration:none;
  color:#fbbd4e; /* #bf6969; /* bd92b2 */
}
ul.nav li a:hover, ul#right_menu li a:hover {
  text-decoration:none;
  color:#ffffff;
}


#footer {
  margin-top:0px;
  border-top:1px solid #3f2324;
  padding:20px 50px 40px 50px;
  color:#316185;
  font-size:9px;
  line-height:14px;
  background: #142032;
}
#footer img {
  float:left;
  margin-right:10px;
}
#footer span {
  display:block;
  float:left;
  width:650px;
}
#footer a {
  color:#7B8D9A;
  text-decoration:none;
}
#footer a:hover { color:#ffffff; }
#footer_logo {display:none}

#content .ccm-area {
  position:relative;
  top:-30px;
}

#content {
/*  position: absolute;
  top:270px;
  left:60px;*/
  padding-left: 60px;
  padding-top: 270px;
  width:900px;
  color:#C5D8E6;   
  font-size:14px;
  line-height:20px;
}
#content a { color:#316185 }
#content a:visited { color:#7B8D9A }

.column1 { float:left; width:230px; margin-right:30px; }
.column2 { float:left; width:230px; margin-right:30px; }
.column3 { float:left; width:270px; }

#content *:first-child {
  margin-top:0;
  
}

#content h2, #content h1 {
  color:#fbbd4e;
  margin:20px 0px 10px 0px;
  font-weight:bold;
  font-size: 14px;
}

#content h1 {
  margin-top:0px;
  font-weight:bold;
  text-transform:uppercase;
}
  
ul.work {
	margin:0px; padding:0px;
}
ul.work li {
	list-style:none;
	margin:0px; padding:0px;
	clear:both;
}
ul.work li a {
	color:#e0b882;
	display:block;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	font-size:10px;
}
ul.work li a img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;	
}
ul.work li a h4 {
	color:#674f5d;
	margin:0px;
	font-weight:normal;
	font-size:13px;
}
ul.work li a:hover, ul.work li a:hover h4 { color:#ffffff; }

a img { border:0px }

#loga     { position:absolute; left: 762px; top:30px; }
#logo_cbg { position:absolute; left:0px; top:64px;    }
#logo_efko{ position:absolute; left:147px; top:38px;  }


h4.guestBook-title {
	border-bottom:1px solid #666666;
	margin-top:30px;
}

div.guestBook-entry {
	padding:4px 0 4px 0;
	margin:6px 0 12px 0;
}

.guestBook-entry div.contentByLine {
	font-size:.8em;
	color:#333333;
	margin-bottom: 4px;
}

.guestBook-entry div.guestBook-manage-links {
	font-size:.8em;
	color:#333333;
	text-align:right;
	float:right;
	padding-left:8px; 
}
.guestBook-formBlock {
	margin:12px 0 12px 0;
}
.guestBook-formBlock textarea {
	width:100%;
	height: 150px;
	margin: 12px 0 12px 0;
}
.guestBook-formBlock .note {
	font-size:10px;
}

.guestBook-formBlock span.error {
	color:#ff0000;
	text-align:left;
}

/* The archive keeps the original layout and historical answers. */
.guestBook-entry .contentByLine { color:#8da9ba; }
.comments-closed { margin:18px 0 0; color:#8da9ba; font-size:.9em; }
#content img { max-width:100%; height:auto; }
@media (max-width:1000px) {
  #container { width:100%; min-height:0; }
  #logo { max-width:calc(100% - 40px); height:auto; left:20px; }
  ul#right_menu { top:165px; right:20px; }
  ul.nav { position:relative; top:auto; left:auto; display:flex; flex-wrap:wrap; gap:8px 16px; padding:215px 20px 0; }
  ul.nav li { display:block; margin:0; }
  #content { width:auto; padding:45px 20px 30px; }
  #content .ccm-area { top:0; }
  #logo_cbg, #logo_efko { position:static; max-width:40%; height:auto; margin:8px 10px 12px 20px; }
  #footer { padding:20px; }
  #footer span { width:auto; float:none; }
}