@charset "utf-8";
html {
	overflow-y: scroll;
}
* {margin:0 auto; padding:0;}

body {
   font: 12pt Arial, Helvetica, sans-serif;
   background: #fff;
   margin: 10px 0 30px 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: #3D3D3D;
}
h3 
{font-family:joe;
color:#980000;
font-size:18pt;
line-height:1.5;}
ul {list-style:none;
}
ul li{list-style:none;
margin:0;padding:0 0 13px 0;}
.oneColFixCtrHdr #container {
   width: 850px;
   margin-bottom: -50px;
   margin-left:auto;
   margin-right:auto;
   text-align: left;
   height: 650px;
}

.oneColFixCtrHdr #gallerycontainer {
   width: 850px;
   margin-bottom: -50px;
   margin-left:auto;
   margin-right:auto;
   text-align: left;
   height: 550px;
}
#wrap {
    position:relative;
    width:900px;
    height:370px;
    }

#push { height:30px; 
	border-bottom:solid 1px #3d3d3d;}


.oneColFixCtrHdr #header {
   background-image:url(images/head-img.gif);background-repeat:no-repeat;background-position:10px bottom;
   height:90px;
   padding: 40px 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. */
}
/*.oneColFixCtrHdr #galleryheader {
   background-image:url(images/head-img.gif);background-repeat:no-repeat;background-position:100px bottom;
   height:90px;
   padding: 40px 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. 
}
*/
.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: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #galleryheader {
   background-image:url(images/gallery-head-img.gif);background-repeat:no-repeat;background-position:10px bottom;
   height:90px;
   padding: 40px 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. */
}

#nav {float:right;margin-right:25px;margin-top:47px;}
#gallerynav {float:right;margin-right:50px;margin-top:47px;}
#nav ul li a.selected, #gallerynav ul li a.selected {color:#990000;}
#nav li a, #gallerynav li a{
   text-decoration:none;
   font-family: Arial, Helvetica, sans-serif;
   font-size:1em;
   color: #3D3D3D;
}

#nav ul li a:hover,#nav .selected a,#gallerynav ul li a:hover,#gallerynav .selected a{
   text-decoration:none;
   font-size:1em;
   font-family: Arial, Helvetica, sans-serif;
   color: #990000;
}
#nav ul,#gallerynav ul{display:inline;list-style:none;}
#nav ul li, #gallerynav ul li {display:inline;list-style:none;padding-right:14px;}
#nav ul li a .selected, #gallerynav ul li a .selected {color:#980000;}



.oneColFixCtrHdr #mainContent {
   padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
   background: #FFFFFF;
   margin-top: 20px;
   height:auto;
}


#left {
   position:relative;
   float:left;
   width:350px;
   height:425px;
   padding-right:35px;
   background-image:url(images/brighter_3188.jpg);
   background-repeat:no-repeat;
   background-position:left -5px;
   border-right:solid 1px #333;
}
#contactleft {
   position:relative;
   float:left;
   width:350px;
   height:425px;
   padding-right:35px;
   background-image:url(images/gallery/images/DSC_3194_jpg.jpg);
   background-repeat:no-repeat;
   background-position:left -5px;
   border-right:solid 1px #333;
}
#servicesleft {
   position:relative;
   float:left;
   width:350px;
   height:425px;
   padding-right:35px;
   background-image:url(images/gallery/images/38.jpg);
   background-repeat:no-repeat;
   background-position:left -5px;
   border-right:solid 1px #333;
}

#right {
   position:relative;
   float:left;
   width:380px;
}
#rightinset {padding:0 0 0 28px;}
    .clear
{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}

.oneColFixCtrHdr #footer {
   float:right;
   padding: 0 10px;
   height:30px;
   width: 100%;
   text-align: right;
}
.oneColFixCtrHdr #footer a {color:#3d3d3d;text-decoration:none;}
.oneColFixCtrHdr #footer a:hover {color:#aaa;text-decoration:underline;}

.oneColFixCtrHdr #footer p,copyright-bar p {
   font-size:0.65em;
   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 */
   font-style: italic;
}