.a, .a:visited {color:#000;}
#container {position:relative; left: 50px; width:600px; height:700px; background:#888; border:1px solid #000;}
#container p {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:250px; margin:0; padding:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; font-weight: bold; font-size: 1.7em; letter-spacing:1px; line-height:1.7em; z-index:1;}
#container span.small {font-size: 12px}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 21px; position:relative; cursor:default;}
/*first page*/
a.slidea {background-image:url(../images/tomsilveriH1n.jpg); background-position: 50% 25%}
a.slideb {background-image:url(../images/tomsilveriH2n.jpg); background-position: 40% 60%}
a.slidec {background-image:url(../images/tomsilveriH3n.jpg); background-position: 50% 60%}
a.slided {background-image:url(../images/tomsilveriH15.jpg); background-position: 85% 75%}
a.slidee {background-image:url(../images/tomsilveriH5n.jpg); background-position: 50% 50%}
a.slidef {background-image:url(../images/tomsilveriH6n.jpg); background-position: 60% 30%}
a.slideg {background-image:url(../images/tomsilveriH4n.jpg); background-position: 40% 20%}
a.slideh {background-image:url(../images/tomsilveriH8n.jpg); background-position: 70% 30%}
a.slidei {background-image:url(../images/tomsilveriV2n.jpg); background-position: 70% 60%}
a.slidej {background-image:url(../images/tomsilveriV1n.jpg); background-position: 50% 60%}
/*second page*/
a.slidek {background-image:url(../images/tomsilveriH11.jpg); background-position: 70% 60%}
a.slidel {background-image:url(../images/tomsilveriV3n.jpg); background-position: 50% 40%}
a.slidem {background-image:url(../images/tomsilveriH10.jpg); background-position: 50% 60%}
a.sliden {background-image:url(../images/tomsilveriH7n.jpg); background-position: 50% 50%}
a.slideo {background-image:url(../images/tomsilveriH12.jpg); background-position: 50% 30%}
a.slidep {background-image:url(../images/tomsilveriH13.jpg); background-position: 60% 30%}
a.slideq {background-image:url(../images/tomsilveriH9n.jpg); background-position: 40% 40%}
a.slider {background-image:url(../images/tomsilveriV11.jpg); background-position: 70% 70%}
a.slides {background-image:url(../images/tomsilveriH16.jpg); background-position: 30% 30%}
a.slidet {background-image:url(../images/tomsilveriH17.jpg); background-position: 50% 60%}
/*third page*/
a.slideu {background-image:url(../images/tomsilveriH21.jpg); background-position: 70% 60%}
a.slidev {background-image:url(../images/tomsilveriH20.jpg); background-position: 8% 60%}
a.slidew {background-image:url(../images/tomsilveriV14.jpg); background-position: 50% 50%}
a.slidex {background-image:url(../images/tomsilveriH19.jpg); background-position: 40% 60%}
a.slidey {background-image:url(../images/tomsilveriH14.jpg); background-position: 85% 60%}
a.slidez {background-image:url(../images/tomsilveriH18.jpg); background-position: 8% 60%}
a.slideaa {background-image:url(../images/tomsilveriV12.jpg); background-position: 50% 60%}
a.slideab {background-image:url(../images/tomsilveriV13.jpg); background-position: 40% 8%}
a.slideac {background-image:url(../images/tomsilveriH22.jpg); background-position: 30% 30%}
/*end of pages*/

a.gallery span {visibility:hidden; display:block; position:absolute; width:580px; height:500px; top:189px; left:9px; color:black; background:#ccc; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, lucida grande, verdana, sans-serif; font-size:1.3em; letter-spacing:1px; cursor:default;}
/*first page */
a.slidea span {left:-13px; top:180px;}
a.slideb span {left:-132px; top:180px;}
a.slidec span {left:-251px; top:180px;}
a.slided span {left:-370px; top:180px;}
a.slidee span {left:-489px; top:180px;}
a.slidef span {left:-13px; top:89px;}
a.slideg span {left:-132px; top:89px;}
a.slideh span {left:-251px; top:89px;}
a.slidei span {left:-370px; top:89px;}
a.slidej span {left:-489px; top:89px;}
/*second page*/
a.slidek span {left:-13px; top:180px;}
a.slidel span {left:-132px; top:180px;}
a.slidem span {left:-251px; top:180px;}
a.sliden span {left:-370px; top:180px;}
a.slideo span {left:-489px; top:180px;}
a.slidep span {left:-13px; top:89px;}
a.slideq span {left:-132px; top:89px;}
a.slider span {left:-251px; top:89px;}
a.slides span {left:-370px; top:89px;}
a.slidet span {left:-489px; top:89px;}
/*third page*/
a.slideu span {left:-13px; top:180px;}
a.slidev span {left:-132px; top:180px;}
a.slidew span {left:-251px; top:180px;}
a.slidex span {left:-370px; top:180px;}
a.slidey span {left:-489px; top:180px;}
a.slidez span {left:-13px; top:89px;}
a.slideaa span {left:-132px; top:89px;}
a.slideab span {left:-251px; top:89px;}
a.slideac span {left:-370px; top:89px;}
/*end pages*/
a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}
/*structure */
div#navwrap {
	width:700px;
	margin: 0 auto;
	border: 1px solid gray;
	padding: 0 12px;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
color:black;
}

hr {
background-color:gray;
height: 2px;
width:600px; 
position:relative; 
left:35px;
padding:0;
margin:0;
}
div#rule {
width:600px;
position:relative; 
top:-5px; 
left: 15px;
padding: 10px 0;
margin:0;
}
/*menu */
.tabs {
width: 600px;
overflow: hidden;
position:relative;
left: 10px;
}

.tabs ul{
margin: 0;
padding: 0; /*offset of tabs relative to browser left edge*/
clear:both;
list-style-type: none;
}

.tabs li{
display: inline;
margin: 0;
}

.tabs li a {
font-family: Lucida Sans, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: .9em;
font-weight: normal;
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.tabs li a:visited{
color: white;
}

.tabs li a:hover, .tabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color:#FF0033;
}
/*image subs */
div#top h1 span {
display:none;
}
div#top h1.welc {
background-image:url(../graphics/welcome.gif);
background-repeat:no-repeat;
background-position: 75% 15%;
float:left;
clear:none;
width:131px;
height:29px;
padding:0 0 0 16px;
margin:0;
}
div#top h1.contact {
background-image:url(../graphics/contactus.gif);
background-repeat:no-repeat;
background-position: 75% 15%;
float:left;
clear:none;
width:155px;
height:28px;
padding:0 0 0 16px;
margin:0;
}

div#top h1.toms {
background-image:url(../graphics/mygrandfather.gif);
background-repeat:no-repeat;
background-position: 75% 15%;
float:left;
clear:none;
width:193px;
height:29px;
padding:0 0 0 16px;
margin:0;
}
div#right h2 span {
display:none;
}
div#right h2.ts {
background-image:url(../graphics/silveriheritage.gif);
background-repeat:no-repeat;
width:254px;
height:24px;
margin:0;
padding:0;
}
div#left h2 span {
display:none;
}
div#left h2.ts {
background-image:url(../graphics/freeestimatesfullyinsured.gif);
background-repeat:no-repeat;
width:230px;
height:24px;
margin:0;
padding:0;
}

/* end subs */
div#top {
width:100%; 
padding: 10px 0 0 0;
display:inline;
}
div#navwrap p {
padding:9px 14px 0 12px; 
margin:0;
}
div#top p.w {
padding: 4px 14px 0 12px;
}
div#left p.t, div#right p.t {
width:92%;
padding: 8px 0 0 0;
margin:0;
}
div#top img.rightside {
float:right;
clear:none;
padding: 4px;
border: 1px solid gray;
display:inline;
margin: 2px 16px 4px 6px;
}
div#top img.leftside {
float:left;
clear:none;
padding: 4px;
border: 1px solid gray;
display:inline;
margin: 2px 8px 4px 13px;
}
span.em {
font-style:italic;
font-weight:bold;
}
div#spacer {
margin:0;
padding:0;
}
div#left {
width:42%; 
float:left; 
clear:both;
padding: 2px 0px;
margin: 10px 0 0 49px;
display:inline;
border: 1px solid gray;
border-width: 0 1px 0 0;
}
div#right {
width:42%; 
float:right; 
clear:none;
padding: 2px 0px;
margin: 10px 49px 0 0;
display:inline;
}

div#footer {
clear:both; 
width:90%;
position:relative; 
left: 16px;
font-size: .8em;
padding: 8px 0;
margin:0;
color: gray;
}
div.text {
width: 630px; 
position:relative; 
left:35px; 
margin:0; 
padding:0;
display:inline-block;
}
div.text2 {
padding-top: 10px;
}
span.red {
color:red;
font-weight:bold;
}
div#footer a {
color:gray;
}
div#footer a:hover {
color:black;
}
div#footer span {
padding: 0 0 0 32px;
}
div#footer span.textp {
padding: 0 0 0 36px;
}
div#right h2 span, div#left h2.ts span {
display:none;
}
div#right h2.ts2 {
background-image:url(../graphics/freestimates.gif);
background-repeat:no-repeat;
}
div#navwrap img.leftT {
float:left; 
clear:both;
display:inline;
}
div#navwrap img.rightT {
float:right; 
clear:none;
display:inline;
}
div#navwrap img.rightT2, div#navwrap img.rightT3 {
float:right; 
clear:none;
border: 1px solid gray;
display:inline;
margin: 12px 0 2px 8px;
padding:4px;
}
div#navwrap img.rightT3 {
margin: 12px 0 2px 4px;
}
