/* CSS Document */

body, td, th { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #1d2f29; 
} 
p { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 80%; 
color : #1d2f29; 
line-height : 1.5em; 
text-align : justify; 
padding-right : 10em; 
left : -18em; 
} 
a:link { 
color : #000000; 
text-decoration : none; 
font-weight : bold; 
font-size : 0.9em; 
} 
a:visited { 
color : #ffffff; 
text-decoration : none; 
font-weight : bold; 
font-size : 0.9em; 
} 
a:hover { 
color : #3b3f3e; 
text-decoration : underline; 
font-size : 0.9em; 
} 
a:active { 
text-decoration : none; 
color : #000000; 
font-size : 0.9em; 
} 
ul {
	float: left;
	width: 80%; /* width is changed */
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-top: 10px;
}
 
li {
	float: left;
	width: 15em; /* left padding moves the text away from the bullet */
	font-size: 80%;
	list-style-type: none;
	background-repeat: no-repeat;
	list-style-position: inherit;
	background-image: url(images/bullet.gif);
	background-position: 12px;
	text-indent: 2em;
} 
#container { 
background-color : #fff; 
color : #333; 
border : 1px solid #3b3f3e; 
line-height : 100%; 
position : relative; 
width : 822px; 
} 
#top { 
background-color : #ded8d3; 
border-bottom : 1px solid #3b3f3e; 
height : 200px; 
padding-bottom : 0; 
position : static; 
background-repeat : no-repeat; 
font-family : Arial, Helvetica, sans-serif; 
background-image : url(images/banner.jpg); 
} 
#top h1 { 
padding-top : 1em; 
position : relative; 
font-size : 1.6em; 
color : #3b3f3e; 
font-weight : bold; 
font-family : "Times New Roman", Times, serif; 
margin-left : 2.2em; 
letter-spacing : 0.2em; 
margin-bottom : 1px; 
} 
#top h2 { 
position : relative; 
font-size : 1em; 
color : #3b3f3e; 
font-weight : bold; 
letter-spacing : 0.1em; 
font-family : "Times New Roman", Times, serif; 
font-style : italic; 
margin-left : 3.5em; 
margin-top : 5px; 
} 
#top h3 { 
position : relative; 
font-size : 1em; 
color : #3b3f3e; 
font-weight : bold; 
letter-spacing : 0.1em; 
font-family : "Times New Roman", Times, serif; 
margin-left : 3.4em; 
margin-bottom : 0.1em; 
} 
#top h4 { 
position : relative; 
font-size : 0.8em; 
color : #3b3f3e; 
font-weight : bold; 
letter-spacing : 0.1em; 
font-family : "Times New Roman", Times, serif; 
margin-left : 4.4em; 
margin-bottom : 0.1em; 
} 
#menu { 
text-align : right; 
height : 1.67em; 
padding-top : 0.3em; 
border-left : 1px solid #3b3f3e; 
background-color : #70747f; 
border-bottom : 1px solid #3b3f3e; 
padding-right : 3.5em; 
position : relative; 
} 
#content {
	margin-left : 4em;
	width : 100%;
	background-repeat : no-repeat;
	background-position : 0;
	background-image: url(images/background_builder.jpg);
} 
#content a:link { 
color : #000000; 
text-decoration : underline; 
} 
#content a:active { 
color : #708d8b; 
text-decoration : underline; 
} 
#content a:visited { 
color : #708d8b; 
text-decoration : underline; 
} 
#content a:hover { 
color : #708d8b; 
text-decoration : none; 
} 
#content img { 
max-height : inherit; 
float : left; 
margin-right : .4em; 
margin-bottom : 0.5em; 
margin-top : 0.5em; 
border : 10px solid; 
border-color : #3b3f3e; 
} 
#content img2 { 
max-height : inherit; 
float : left; 
margin-right : .4em; 
margin-bottom : 0.5em; 
margin-top : 0.5em; 
} 
#content h2 { 
margin : 0 0 0 0; 
padding-top : 3em; 
position : relative; 
font-size : 100%; 
width : 40%; 
color : #3b3f3e; 
font-weight : bold; 
letter-spacing : 0.2em; 
} 
#content h3 {
	margin : 0 0 0 0;
	padding-top : 1em;
	position : relative;
	font-size : 80%;
	width : 40%;
	color : #70747F;
	font-weight : bold;
	letter-spacing : 0.1em;
	visibility: inherit;
} 
#content h4 {
	margin : 0 0 0 0;
	padding-top : 1em;
	position : relative;
	font-size : 80%;
	width : 50%;
	color : #70747F;
	font-weight : bold;
	letter-spacing : 0.1em;
	visibility: inherit;
} 
#footer { 
clear : both; 
margin : 0; 
padding : 0.5em; 
color : #333; 
background-color : #70747f; 
text-indent : 4em; 
position : relative; 
font-size : 80%; 
border-top : 1px solid #3b3f3e; 
} 
#tel {
	clear : both;
	margin : 0;
	padding : 0.5em;
	color : #ffffff;
	background-color : #d0c7b6;
	text-indent : 4em;
	position : relative;
	font-size : 80%;
	font-weight : bold;
} 
.shop { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #708d8b; 
margin-left : 0; 
text-align : left; 
font-size : small; 
} 
.leftbodyimg { 
float : left; 
margin-bottom : 5em; 
vertical-align : middle; 
position : relative; 
margin-right : 5em; 
margin-top : 20em; 
border : 2px solid #ff0300; 
} 
.rightbodyimg { 
float : right; 
margin-bottom : 5em; 
vertical-align : middle; 
position : relative; 
margin-right : 5em; 
margin-top : 20em; 
} 
#previewPane { 
border : 10px solid #ff0000; 
margin-right : 10px; 
text-align : center; 
vertical-align : middle; 
padding-top : 32px; 
height : 400px; 
height : 400px; 
height : 400px; 
width : 500px; 
float : left; 
} 
#previewPane img { 
max-height : inherit; 
float : left; 
margin-right : 3em; 
margin-bottom : 1.5em; 
margin-top : 0.5em; 
border : 1px solid; 
border-color : #ff0000; 
padding : 10px; 
border : 10px solid #ff0000; 
} 
#galleryContainer { 
float : left; 
height : 380px; 
height : 380px; 
height : 380px; 
width : 300px; 
width : 300px; 
width : 300px; 
border : 1px solid #bfb5a8; 
padding : 1px; 
padding-right : 50px; 
} 
#theImages img { 
border : 0; 
padding-top : 1px; 
width : 112px; 
} 
body { 
background-color : #3b3f3e; 
position : relative; 
width : 822px; 
margin-left : 10%; 
margin-right : 0; 
margin-top : 5px; 
} 



 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnailright{
position: relative;
z-index: 0;
}
.thumbnailright:hover{
background-color: transparent;
z-index: 50;
}
.thumbnailright span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnailright span img{ /*CSS for enlarged image*/
border-width: 0;
}
.thumbnailright:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -5px; /*position where enlarged image should offset horizontally */
	left: -830px;
	width: 600px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnailleft{
position: relative;
z-index: 0;
}
.thumbnailleft:hover{
background-color: transparent;
z-index: 50;
}
.thumbnailleft span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnailleft span img{ /*CSS for enlarged image*/
border-width: 0;
}
.thumbnailleft:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -5px; /*position where enlarged image should offset horizontally */
	right: 400px;
	width: 100px;
}