/* CSS Document PietteContructionInc. */


a img, a:active { text-decoration: none;
}



body{
 background-image:url(../images/gradientBodyRepeat.jpg);
background-repeat:repeat;
background-attachment:fixed;
 }
#wrapper {
background-image:url(../images/gradientContainerRepeat.jpg);
background-repeat:repeat-x;
width:874px;
/*height:950px;
*/margin:0px auto;
background-attachment:fixed;

}
#container{
padding:30px 0 0 0;
background-attachment:fixed;

}


/*--------------------------HEADERS STARTS---------------------------------------*/
 #header{
 background-image:url(../images/header.jpg);
  width:834px;
 height:85px;
 margin:0px auto;
 color:#000000;
 }
 #header img{
 padding:10px 0 0 0 ;
 }
 
 
#imageHead {
background-image:url(../images/collage.jpg);
  width:834px;
 height:200px;
 margin:0px auto;
}
 
/*--------------------------HEADERS ENDS---------------------------------------*/


/*--------------------------NAV STARTS---------------------------------------*/

#nav{
width:900px;
margin:0 0 0 0;
padding:0 0 0 0;
color:#000000;
}

.indentmenu{
/*font: bold 13px Arial;*/
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
margin:0px Auto;
padding:0 0 0 0;
}

.indentmenu ul{
margin:0px Auto;
float: left;
/*width: 835px; width of menu*/
border: 1px solid #64614e; /*dark purple border*/
border-width: 1px 0;
background: #959476 url(../images/nav/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
margin:0px Auto;

float: left;
color: black; /*text color*/
text-align:center;
font-weight:bold;
 padding: 8px 5px 5px 8px;
 text-decoration: none;
border-right: 1px solid #564c66; /*dark green divider between menu items*/
width:125px;
}

.indentmenu ul li a:visited{
color: black;
font-weight:bold;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: black /*!important; text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: #959476 url(../images/nav/indentbg2.gif) center center repeat-x;
font-weight:bold;
}
/*--------------NAV ENDS---------------------*/

#content{
width:834px;
/*height:625px;
background-image:url(../images/contentBk.jpg)*/
background-color:#f7f4ef;
margin:0px auto;
}

/*---------IndexPageStarts---------*/
#indexContent{
width:834px;
/*height:625px;
background-image:url(../images/contentBk.jpg)*/
background-color:#f7f4ef;
margin:0px auto;
color:#000000;
}
#indexContent img{
 width:834px;
margin:0 0 0 0;
padding:0 0 0 0;
} 
#indexContent p{
font-size:18px;
text-align:center;
}
#indexContent h1{
padding:40px 0 0  0;
text-align:center;
font-weight:bold;
}
#indexContent h3{
padding:5px 0 0  0;
}
/*---------IndexPageEnds---------*/
/*----------CAD Starts------------*/
#cadContent{
width:834px;
/*height:625px;
background-image:url(../images/contentBk.jpg)*/
background-color:#ffffff;
margin:0px auto;
color:#000000;
}
#cadContent img{
width:834px;
margin:0 0 20px 0;
} 
#cadContent p{
font-size:18px;
width:750px;
padding:40px 0 0 50px;
}
#cadContent h1{
padding:40px 0 0  0;
text-align:center;
font-weight:bold;
}
#cadContent h3{
padding:20px 0 0  0;
}
#cadThumbs{
background-color:#FFFFFF;
width:834px;
margin:0px auto;

}
#cadThumbs a img{
border:2px solid #4c4d3f;
margin:0 0 10px 15px;
}
 
/*-----------CAD ENDS----------*/
/*-----ABOUT PageStarts------*/
#aboutContent{
width:750px;
padding:70px 0 0 0; 
color:#000000;
}
#aboutContent p{
padding:0 0 20px 90px;
}
/*-----ABOUT PageEnds------*/

/*-----ContactPageStarts------*/
#contactDiv {
width:800px;
height:290px;
background-color:#f7f4ef;
color:#000000;
}
#contentContact1 {
width:417px;
float:left;
}
#contentContact1 img{
width:287px;
height:226px;
padding:20px 0 0 50px;
border-style:none;
}

#contentContact2{
width:300px;
float:right;
padding:40px 30px 0 0;
}


</style>



/*-----ContactPageEnds------*/

/*--------MapStarts--------------*/

#map{
}
#map h3{
text-align:center;
}
#directions{
margin:0 0 0 40px;
padding:0 0 20px 0;
}
/*------------MapEnds--------------*/

/*------------------------GALLERY STARTS-----------------------*/

h1 {	

	font-size: 22px; 

	font-style:italic;

	font-weight: lighter;

	margin-bottom: 16px;

}

h2 {

	font-size: 16px;

	font-weight: bold;

	margin-bottom: 10px;

}


.clear_fix {

	clear: both;

	line-height: 0px;

}

.gallery_pics {

	text-align: center;

	width: 815px;

	padding: 2px 1px 1px 2px;;

	border: 3px #60471F solid;

	background-color: #64614e; /*darkerGreen*/

}

.gallery_pics img {

	border: 3px #ffffff solid; /*white*/
width:150px;
	height: 90px;

}

.photo_box {

	background-color: #c9ba91; /*dkCream*/

	border: 1px #60471F solid;

	margin: 0px 1px 1px 0px;

	padding: 5px 0px 5px 0px;

	height: 96px;

	width: 160px;

	float: left;

}

.photo_box_over {

	background-color: #64614e;/*lightGreen*/

	border: 1px #c9ba91 solid;

	margin: 0px 1px 1px 0px;

	padding: 5px 0px 5px 0px;

	height: 96px;

	width: 160px;

	float: left;

}

.content_container {
width:834px;
	background-color:#f7f4ef;/*OffWhite*/
 	padding: 25px 5px 20px 24px;
/*	background-image:url(/images/content_bg_bottom.jpg);*/
	background-repeat:repeat-x;
	background-position:bottom;
	/*	border-bottom: 1px solid #60471F;*/
	clear: both;
margin:0px auto;
color:#000000;
/*	_margin-right: -15px;*/
}


/*makes slide enlarge on hover starts*/
.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: 50px; /* means the pop-up's top is 50px away from thumb's top */
	left: 90px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 150px; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */

/*------------------------GALLERY ENDS-----------------------*/
#footer{
margin:0px auto;
width:874px;
height:40px;
background-color:#4c4d3f;
color:#f7f4ef;
text-align:center;
}
#footer a{
padding:0 0 10px 0;
}
#footer a:link {
	color: #f7f4ef;/*red*/
	text-decoration: underline;
}

#footer a:visited {
	color: #f7f4ef;/*orange*/
	text-decoration: none;
}

#footer a:hover {
	color: #f7f4ef;/*yellow*/
	text-decoration: underline;
}

#footer a:active {
	color: #f7f4ef;/*red*/
	text-decoration: none;
} 

 #designer{
 padding:7px 0 0 0;
 }