html, body {
  background:#f9f7f3;
	font:13px/130% "palatino linotype", "book antiqua", serif;
	height:100%;
	margin:0;
	overflow-x:hidden;
}
a, img {
	border:0;
	color:#B73C12;
	text-decoration:none;
}
a:hover {
	color:#872e1b;
}
p {
  margin:10px 0;
}
#details p {
  margin:15px 0;	
}
b {
	font:900 100% "trebuchet ms", serif;
}
li {
	list-style-type:circle;
}

/* * * * * * * * * * menu * * * * * * * * * */

#menu {
	background:url(menu.gif) no-repeat top right;
  height:60px;
	width:100%;
}
#menu a {
	background:url(divider.gif) no-repeat left -2px;
	color:#FCF5E8;
	display:block;
	float:right;
	font:11px tahoma, geneva, "trebuchet ms", sans-serif;
	padding:5px 10px 40px 10px;
}
#menu a:hover, #menu #on {
	background:url(on.gif) no-repeat center -3px; 
	color:#B73C12;
}

/* * * * * * * * content * * * * * * * * * */

#container {
	margin:10px auto 0 auto;
	position:relative;
	width:960px; /* for left offset */
}
#emblem {
  background:url(emblem.gif) no-repeat right;
  display:block;
	font:10px/14px tahoma, geneva, "trebuchet ms", sans-serif;  
  height:135px;
  left:85px; /* for left offset */
  padding:50px 0 0 0;
	position:absolute;
  width:550px;
}
#info {
  left:85px; /* for left offset */
	position:absolute;
	top:200px;
	width:250px;
}
#info h4 {
	background:url(h4info.gif) no-repeat center;
}
h4 {
	background:url(h4.gif) no-repeat center;
	color:#B73C12;
	font:900 14px/3em "trebuchet ms", serif;
	height:45px;
	margin:0;
	text-align:center;
	word-spacing:-1px;
}
#image {
	height:350px;
	position:absolute;
	right:0;
	top:110px;
	width:600px;
}
#caption {
  background:#f9f7f3; /* must be bg color */
  filter:alpha(opacity=60); -moz-opacity: 0.6; opacity:.60;
	font:14px "trebuchet ms", serif;  
	height:20px;
	margin:-25px 0 0 0;
	padding:3px 60px 2px 0;
	text-align:right;
	width:540px;
}
#details {
	font:15px/140% "palatino linotype", "book antiqua", serif;
	position:absolute;
	right:0;
	top:100px;
	width:600px;
}
#bottomline {
	background:url(bottomline.gif) no-repeat left center; 
	display:block;
	font:14px "trebuchet ms", serif;
	padding:15px 0 20px 25px;
}
#details #bottomline {
	width:570px;
}
#slogan {
	background:url(slogan.gif) no-repeat right top; 
	clear:both;
	font:14px "trebuchet ms", serif;
	height:60px;
	margin-top:30px;
	width:600px;
}

/* * * * client banners & work samples * * * */

#details img {
	float:left;
	margin:0 5px 5px 0;
}
#samples img {
  height:125px;
	margin:0 10px 10px 0;
  width:110px;
}
#samples a span {
  background:#f9f7f3;
	color:black;
  visibility:hidden;
  left:0;
	position:absolute;
	top:370px;
	width:600px;
	z-index:2;
}
#samples a span em {
	display:block;
	font:11px/11px tahoma, geneva, "trebuchet ms", sans-serif;
	margin-bottom:10px;
}
#samples a:hover span {
	visibility:visible;
}
#samples a:hover img {
  filter:alpha(opacity=40); -moz-opacity: 0.4; opacity:.40;
}
#list {
  clear:both;
  color:#B73C12;
  display:inline-block;
  font:14px/21px trebuchet ms; 
  padding:10px 0 15px 0;
  position:relative;
  text-align:justify; 
}

/* * * * * * * * * * popup * * * * * * * * * */

#largeview {
	font:900 16px/30px "trebuchet ms", serif;
	overflow:hidden;
  text-align:center;
}
#largeview a {
  background:#B73C12;
  color:white;
  padding:1px 10px;
}
#largeview .on, #largeview a:hover {
	background:#872e1b;
}