@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #b3b3b1;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
p {
font: 75% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;

}
li {
font: 75% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	}

.oneColElsCtr #container {
	width: 70%;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 2px solid #7d0000;
	text-align: left; 
	height:550px;/* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #mainContent {
	padding: 0 20px;
	border-top: 2px solid #7d0000; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.oneColElsCtr #menu {
	padding: 0 5px;
	border-top: 2px solid #7d0000;
	background: #000000;
 /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.thrColElsHdr #header { 
	background: #DDDDDD; 
	padding: 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}  

#header {
background: #DDDDDD;
}

.thrColElsHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.thrColElsHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	text-align: center;
	border-top: 2px solid #7d0000;
	height:30px;
} 
.footer {
font: 75% Verdana, Arial, Helvetica, sans-serif;
	border-top: 2px solid #7d0000;
	background: #DDDDDD;
	position:absolute;
	top:534px;
	width:70%;
}
.thrColElsHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.contact {
font: 75% Verdana, Arial, Helvetica, sans-serif;
	}

.services {
font: 75% Verdana, Arial, Helvetica, sans-serif;
	}
#apDiv1 {
	position:absolute;
	left:554px;
	top:165px;
	width:525px;
	height:195px;
	z-index:1;
	border:double;
	background-image:url(images/bg02.jpg);
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	}

#aboutus {
background-image:url(images/bg03.jpg);
background-repeat:no-repeat;
background-position:center;
}

.galleria{list-style:none;width:100px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */