/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*background: #ebede5;*/
	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: #333333;
	margin: 25px 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	background-image: url(img/back.gif);
	background-repeat: repeat;
}
.oneColFixCtrHdr #container {
	margin: 0 0 0 0;
	width: 780px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #e8f0c8;
}
.oneColFixCtrHdr #header {
    margin: 0px 0 0px 0;
	padding: 0 10px 0 20px;  /* 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. */
	background-image: url(img/header.gif);
	background-repeat: repeat-x;
	height: 114px;
}
.oneColFixCtrHdr #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: 90px 20px 5px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #FFFFFF;
	font-size: 13px;
	text-align: right;
}
.oneColFixCtrHdr #header h1 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.oneColFixCtrHdr #header h1 a:visited {
	color: #D6E49D;
	text-decoration: none;
}
.oneColFixCtrHdr #header h1 a:hover {
	color: #AEB0D0;
	text-decoration: none;
}
.oneColFixCtrHdr #header h1 a:focus {
	color: #FFFFFF;
	text-decoration: none;
}
.oneColFixCtrHdr #header h1 a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.oneColFixCtrHdr #mainContent {
	margin: 0 80px 0 80px;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #ffffff;
}
.oneColFixCtrHdr #mainContent 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: 0px 20px 5px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #8487B7;
	font-size: 24px;
	text-align: right;
}
.oneColFixCtrHdr #mainContent h2 {
	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 5px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #8487B7;
	font-size: 14px;
	text-align: left;
}
.oneColFixCtrHdr #mainContent #logo {
	margin: -70px 0 0 -85px;
	padding: 0 25px 15px 0;  /* 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. */
	height: 109px;
	width: 277px;
	float:left;
	display:inline;
}
.oneColFixCtrHdr #mainContent #about {
	clear:left;
	margin: 10px 0 0 -57px;
	padding: 0 15px 5px 0;  /* 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. */
	height: 66px;
	width: 165px;
	float:left;
	display:inline;
}
.oneColFixCtrHdr #mainContent #services {
	clear:left;
	margin: 10px 0 0 -85px;
	padding: 0 15px 5px 0;  /* 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. */
	height: 66px;
	width: 165px;
	float:left;	
	display:inline;
}
.oneColFixCtrHdr #mainContent #rates {
	clear:left;
	margin: 10px 0 0 -46px;
	padding: 0 15px 5px 0;  /* 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. */
	height: 66px;
	width: 165px;
	float:left;	
	display:inline;
}
.oneColFixCtrHdr #mainContent #portfolio {
	clear:left;
	margin: 10px 0 0 -73px;
	padding: 0 15px 10px 0;  /* 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. */
	height: 66px;
	width: 165px;
	float:left;	
	display:inline;
}
.oneColFixCtrHdr #mainContent #text {
	margin: 0 0 0 0;
	padding: 20px 15px 20px 160px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #ffffff;
	font-size: 13px;
	color: #666666;
}
.oneColFixCtrHdr #mainContent #folio {
	margin: 0 0 0 0;
	padding: 15px 10px 15px 140px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #ffffff;
	font-size: 13px;
	color: #666666;
}
.foliotext {
	margin:-500px 0 0 200px;
	float:right;
	padding: 0;
	width: 200px; 
	font-size: 13px;
	color: #666666;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-image: url(img/footer.gif);
	background-repeat: repeat-x;
	height: 81px;
}
.oneColFixCtrHdr #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 */
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
}
#copyright {
	padding: 5px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	font-size: 10px;
	color: #626366;
}
.oneColFixCtrHdr #mainContent #portfoliocontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumb img{
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

.thumb:hover{
background-color: transparent;
}

.thumb:hover img{
	border: 1px solid;
	border-color: #535355;
}

.thumb span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #E8F0C8;
	padding: 5px;
	left: -1000px;
	border: 1px dashed;
	visibility: hidden;
	color: black;
	text-decoration: none;
	font-size: 10px;
	border-color: #7A7A7B;
}

.thumb span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumb:hover span{ /*CSS for enlarged image*/
visibility: visible;
display:block;
top: 0;
left: 310px; /*position where enlarged image should offset horizontally */
z-index: 50;
}