/* Donal McInery Stonemasonery CSS Document */
* { margin:0px; padding:0px; }
body {
 margin:0;
 padding:60px 0 0 0;
 font-family:Tahoma, sans-serif, Arial;
 font-size:12px;
 background-color:#000000;
 line-height:16px;
}

#container {
 width:950px;
 margin:0 auto;
 background:#FFFFFF url(images/background.gif) repeat-y;
 color:#000000;
 padding:15px 0 15px 0;
 overflow:hidden
}

#preview {
 float:left;
 width:448px;
 margin-left:7px;
}

html>body #preview { margin-left:15px }

#content {
 float:left;
 width:405px;
 margin-left:6px;
}

html>body #content { margin-left:5px }

#menu {
 float:left;
 width:39px;
 list-style:none
}

#menu li.home, #menu li.home a {
 width:38px;
 height:71px;
 display:block;
 text-indent:-10000px;
 background:url(images/homepage.gif) no-repeat left;
}

#menu li.home a:hover {
 text-indent:-10000px;
 background:url(images/homepage-hov.gif) no-repeat;
}

#menu li.about, #menu li.about a {
 width:38px;
 height:73px;
 display:block;
 text-indent:-1000px;
 background:url(images/aboutus.gif) no-repeat left;
}

#menu li.about a:hover {
 text-indent:-1000px;
 background:url(images/aboutus-hov.gif) no-repeat left;
}

#menu li.services, #menu li.services a {
 width:38px;
 height:61px;
 display:block;
 text-indent:-1000px;
 background:url(images/services.gif) no-repeat left;
}

#menu li.services a:hover {
 text-indent:-1000px;
 background:url(images/services-hov.gif) no-repeat left;
}

#menu li.gallery, #menu li.gallery a {
 width:38px;
 height:58px;
 display:block;
 text-indent:-1000px;
 background:url(images/gallery.gif) no-repeat left;
}

#menu li.gallery a:hover {
 text-indent:-1000px;
 background:url(images/gallery-hov.gif) no-repeat left;
}

#menu li.projects, #menu li.projects a {
 width:38px;
 height:65px;
 display:block;
 text-indent:-1000px;
 background:url(images/projects.gif) no-repeat left;
}

#menu li.projects a:hover {
 text-indent:-1000px;
 background:url(images/projects-hov.gif) no-repeat left;
}

#menu li.contact, #menu li.contact a {
 width:38px;
 height:74px;
 display:block;
 text-indent:-1000px;
 background:url(images/contactus.gif) no-repeat left;
}

#menu li.contact a:hover {
 text-indent:-1000px;
 background:url(images/contactus-hov.gif) no-repeat left;
}


#menu li.stone, #menu li.stone a {
 width:38px;
 height:74px;
 display:block;
 text-indent:-1000px;
 background:url(images/stonesupply.gif) no-repeat left;
}

#menu li.stone a:hover {
 text-indent:-1000px;
 background:url(images/stonesupply-hov.gif) no-repeat left;
}

p { padding:15px 5px 0px 5px; }
p.copyright { padding:50px 5px 0px 5px }

#gallery {
 float:left;
 width:847px;
 margin-left:10px;
 margin-right:6px;
}

html>body #gallery { margin:0px 11px 0px 15px; }