@charset "UTF-8";
/* CSS Document */

/*Browser reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*Body specifications*/
body {
background-image:url('images/tile2.gif');
background-repeat:repeat;
	background-color:#F0F0F0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:2.1em;
}
img {
   behavior: url("pngbehavior.htc");
}
#total{
margin:0px auto;
width:730px;
border:none;
display:block;
}
li {
list-style-image:url('images/spade.gif');
list-style-position:inside;
line-height:1.6em;
}

a:link {
text-decoration:underline;
color:#000099;
}
a:visited {
text-decoration:underline;
color:#000099;
}
a:hover {
text-decoration:none;
}
#header {
margin:0 auto;
padding:0;
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:22px;
font-weight:bold;
color:#000099;
line-height:2em;
}
h2 {font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
color:#CC6600;
line-height:2em;
}
/*Begin Navigation Rollovers*/
#navigation {
margin:0 auto;
padding:0 0 0 4px;
width: 709px;
height:30px;
background-image: url('images/dirtbg.jpg');
}

#navigation a.home {
z-index:5;
float:left;
width:101px;
height:30px;
background:url('images/home.gif') no-repeat top left;
}
#navigation a.home:hover {
background:url('images/home.gif') no-repeat bottom left;
}
#navigation a.about {
z-index:5;
float:left;
width:101px;
height:30px;
background:url('images/about.gif') no-repeat top left;
}
#navigation a.about:hover {
background:url('images/about.gif') no-repeat bottom left;
}
#navigation a.nails {
z-index:5;
float:left;
width:101px;
height:30px;
background:url('images/nails.gif') no-repeat top left;
}
#navigation a.nails:hover {
background:url('images/nails.gif') no-repeat bottom left;
}
#navigation a.services {
z-index:5;
float:left;
width:101px;
height:30px;
background:url('images/services.gif') no-repeat top left;
}
#navigation a.services:hover {
background:url('images/services.gif') no-repeat bottom left;
}
#navigation a.products {
z-index:5;
float:left;
width:101px;
height:30px;
background:url('images/products.gif') no-repeat top left;
}
#navigation a.products:hover {
background:url('images/products.gif') no-repeat bottom left;
}
#navigation a.specials {
z-index:5;
float:left;
width:101px;
height:30px;
background:url('images/specials.gif') no-repeat top left;
}
#navigation a.specials:hover {
background:url('images/specials.gif') no-repeat bottom left;
}
#navigation a.contact {
z-index:5;
float:left;
width:101px;
height:30px;
background:url('images/contact.gif') no-repeat top left;
}
#navigation a.contact:hover {
background:url('images/contact.gif') no-repeat bottom left;
}



#wrapper {
padding:0;
margin:0 0 0 9px;
width:713px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background-color:#fff;
}

#pagecontent {margin:0 auto;
padding:15px 15px;
}
#left{float:left;
width:437px;
margin:0 auto;
background-image:url('images/flowerback.jpg');
background-position:bottom right;
background-repeat:no-repeat;
padding:0 0 130px 0;

}
#right {
float:right;
width:225px;
margin:0 0 0 9px;
border-left:1px solid #CCCCCC;
height:100%;
padding:0 0 0 9px;
}
.clear{
clear:both;
}

.articlemenu{
font-size:80%;
}
.treats {
font-weight:bold;
font-style:italic;
color:000099;}
/*Begin Table styling*/
#tablemess{
margin:0 auto;
}
#lefttable {
float:left;
border:2px solid #eeeeee;
border-right:1px solid #eeeeee;
padding-right:6px;
font-size:85%;
}
#righttable {
float:left;
border:2px solid #eeeeee;
border-left:3px solid #eeeeee;
font-size:85%;

}
#righttable td {
padding:0 8px 0 15px;
}
#righttable th {
padding:0 0 0 7px;
}
#lefttable td {
padding:0 8px 0 15px;
}
#lefttable th {
padding:0 0 0 7px;
}

.main {
font-size:110%;
font-weight:bold;
font-style:italic;
margin:6px;
background-color:#eeeeee;
}
.secondary {
font-weight:bold;
text-decoration:underline;
}
.price {
text-align:right;
}
#products td {padding:12px;}
/*Begin Footer*/
#footer{
font-size:80%;
text-align:right;
margin: 10px 5px 0 0;
}