@import url('mambo.css');
@import url('sifr.css');
@import url('menu.css');
/* CSS Document */
body, html {
	background-color: #848371;
	margin: 0px;
	padding: 0px;
	color: #222;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
}

#outer {
	height:100%;
	min-height:100%;/*for mozilla*/
	background: url(../images/top-bg.jpg) repeat-x #3B3A28;
	text-align: center;
}
html>body #outer {height:auto}

#main {
	width: 778px;
	margin:  0px auto 0 auto;
	padding: 0;
	text-align: left;
	
}
#main-2 {
	background: url(../images/bg.jpg) #5D624B center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}


#main-gallery: {
	position: absolute; z-index: 0;

}


#nav {
	text-align: left;
	height: 76px;
	margin: 0 0 0 0px;
	width: 100%;

}
.people img {
	border: 4px solid #BCBFA4;
	background: #fff;
	padding: 1px;
}
#header {
	width: 718px;
	height: 367px;
	margin: 0px 0 4px 0;
	padding: 0;
	clear: both;
}

#contact {
	width: 221px;
	height: 133px;
	background-image: url(../images/contact-home.jpg);
	float: left;
}
#contact a {
	width: 221px;
	height: 133px;
	display: block;
}
#contact a:hover {
	width: 221px;
	height: 133px;
	display: block;
	background: none;
}

#portfolio {
	width: 489px;
	height: 133px;
	background-image: url(../images/port-call.jpg);
	float: left;
	margin: 0 0 0 8px;
}

#portfolio a {
	width: 112px;
	height: 133px;
	display: block;
	float: left;
}
#portfolio a:hover {
	width: 112px;
	height: 133px;
	display: block;
	background: none;
	float: left;
}

/******************Interior*************************/

#leftcol {
	width: 313px;
	float: left;
	height: 20px;
	margin: 20px 0 0 0;
	min-height: 490px;
	height: auto !important;
	height/**/: 511px;
	background-image: url(../images/content-bg.jpg);
}
#content-pad {
	margin: 20px;
	min-height: 458px;
	height: auto !important;
	height/**/: 551px;
}

#contact-int {
	width: 313px;
	height: 113px;
	background-image: url(../images/contact-int.jpg);
	float: left;
	clear: left;

}
#contact-int a {
	width: 313px;
	height: 116px;
	display: block;
	background: none;
}
#contact-int a:hover {
	width: 313px;
	height: 116px;
	display: block;
	background: none;
}
#rightcol {
	width: 465px;
	float: left;
	clear: right;
	padding: 0;
	margin: 20px 0 0 0;


}

#content2 {
	width: 720px;
	float: left;
	clear: right;
	padding: 20px;
	margin: 20px auto;
	background-image: url(../images/content-bg2.jpg);

}
#content2 p {
	margin-bottom: 13px;
	margin-top: 3px;
}
#quote h4 {
	margin: 0;
}
#quote {
	padding: 10px;
	font-size: 11px;
}

.cleaner
{
  clear:both;
  height:1px;
  font-size:1px;
  border:none;
  margin:0; padding:0;
  background:transparent;
	visibility: hidden;
}
.footer {
	margin: 0 auto;
	text-align: right;
	font: Georgia, "Times New Roman", Times, serif;
	color: #8c8972;
	font-size: 9px;

	background-image: url(../images/footer-bg.jpg);
	padding: 0;
	height: 85px;
	
}
.footer p {
	width: 730px;
	margin: 0px auto 0 auto;
	padding: 15px 0 0 0;
	color: #8c8972;
}
.footer a:link, .footer a:visited {

	text-align: right;
	font: Arial, Helvetica, sans-serif;
	color:#7D7258;
	font-size: 9px;

}
.footer a:hover {
	color: #999;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;

}
.before td{
	background: #5E6249;
}
.before td img, .before td img a{
	border: 5px solid #4E533C;
	background: #fff;
	padding: 1px;

}

.before td img a:hover {
	border: 5px solid #4E533C;
	background: #fff;
	padding: 1px;

}


a {
outline: none;
}