body {
	background: #615846  url(images/gradient.gif) repeat-x;
	font: 95% "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #FFF;
}

h1, h2, h3, h4, h5 {
	margin: 0;
}
img { border: none;

}
img.gal {
background:#ffffcc;
padding:4px;
margin-bottom:15px;
border:white;
}

/* Header */

#header {
	width:850px;
	height:80px;
	margin: 0 auto;
	color:#FFFFFF;
	border:none;
}



a {
	color: #FFFF99;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	text-decoration: none;
	
}

li.sublink {
margin: 0 1px 1px 25px;
list-style-image:none;
list-style-type: none;
}	


/*End Header*/
/*you are here*/
#home .home,
#services .services,
#before .before,
#bath .bath,
#kitchen .kitchen,
#other .other,
#contact .contact  {
	
	background:  url(images/moj3.gif) 0 -32px;
}
	

/* Menu Left*/
	
#menu1 {
	float:left;
	width: 200px;
	margin: 8px 0 10px 0;
	border-style: solid;
	border-color: #FFFFFF;
	border-size: 1px;
	border-width: 2px;
	
	}
#menu1 ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}
	
#menu1 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	background:  url(images/moj3.gif);
	}	
	
#menu1 li a:link, #menu1 li a:visited {
	color: #FFf;
	text-align:center;
	display: block;
	padding: 8px 0 0 10px;
	}
	
#menu1 li a:hover {
	color: #fff;
	background:  url(images/moj3.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}	
	
/*menu end*/

/* Content */

#content {
	width: 850px;
	margin: 0 auto;
	border: #fff solid 6px;
}

#colOne {
	float: left;
	width: 200px;
	margin-top: 20px;
	padding: 0 10px 0 20px;
}

#colTwo {
	float: right;
	margin-top: 20px;
	width: 600px;
    padding:;
}

#content h2 {
	margin-bottom: 20px;
	font-size: 17px;
	letter-spacing: -1px;
	color: #FFFFCC;
}


#footer {
	width: 850px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom:0;
}


#footer p {
	text-align: center;
	padding: 0;
	font-size: 10px;
}

#leftLinks {
text-align:center;
}

#leftLinks a {
font-size:12px;
}

/*end content*/

/*form*/

.cssform p{
font-weight: bold;

width: 190px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 10px; /*width of left column containing the label elements*/
border-style: solid;
	border-color: #FFFFFF;
	border-size: 1px;
	border-width: 2px;
height: 2%;
}


.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 175px;
}

.cssform textarea{
width: 175px;
height: 120px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/*endform*/

/* image gallery ;) */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 150;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 160px; /*position where enlarged image should offset horizontally */

}

/*end Image Gallery*/




/*form2:The big one*/

.cssform2 p{
font-weight: bold;

width: 410px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 10px; /*width of left column containing the label elements*/
border-style: solid;
	border-color: #FFFFFF;
	border-size: 1px;
	border-width: 2px;
height: 2%;
}


.cssform2 input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}

.cssform2 textarea{
width: 400px;
height: 150px;
}

/*end of form 2 */


/*Menu3 */
.menu3 {
	margin:0;
	padding:0;
	text-align:center;
}

.menu3 ul {
	margin:0;
	float:left;
	padding:0;
        

} 

.menu3 li {
        border:solid 4px #fff;
    
        margin: 6px;
		list-style-type: none;
		width: 250px;
		float:left;
}

.menu3 li a { 
        color: #fff;
        display: block;
        font: bold 110% 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */

}

.menu3 li a:hover {
        background: #885449;
}

.menu3 a em { 
        color: #fff;
        display: block;
        font: italic 100% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

.menu3 a span {
        color: #fff;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}