body { background-color: white; margin: 0; padding: 0; text-decoration: none;}
ul { padding: 0; }
p { text-indent: 0px; }
q { font-variant: small-caps; background-color: #ecf2ec; width: auto; margin-left: 25px; padding: 0.5em 0.5em 0.5em 1em; display: block; }
a { text-decoration: none; display:inline-block}
img { text-decoration: none;}
h1 { font-size: 14px; font-weight: 100}

/*Special Function Tags*/

.logo h2 { color: gray; font-size: 50px; font-family: "arial"; font-weight: 200; font-variant: small-caps; text-decoration: none; letter-spacing: 0.5px; margin: 0; padding: 0px 0 0px; border-bottom: 1px dotted #707070; <!--- background: url("img/dazeddorothyshoes1.gif") ---> left no-repeat; }
.logo h2 a:hover { color: red; }
.logo h2 a:link {color: #707070; text-decoration: none; }
.logo h2 a:active {color: black; }

.nav a { color: #707070; font-size: 11px; text-decoration: none; text-transform: uppercase; text-indent: 5px; width: 840px; height: auto; margin: 0; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; }
.footer a { color: red; }
.nav li {display: inline;margin: 0;padding: 0;list-style-type: none;}
.nav a {width: 840px;display: block;padding: 0.2em 0; font-size: 0.8em; text-decoration: none; text-transform: uppercase; color: #707070;border-bottom: 1px dotted #707070;}
.nav a:hover {color: red; font-size: 1em; }
.content h2 { color: #f00; font-size: 15px; font-family: arial; font-weight: 100; font-variant: small-caps; text-decoration: none; padding-left: 0px; }

.gallerycontainer{
position: relative; margin-left: 10px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}


/*Main Tags*/

#container { width: 840px; height: auto; margin: 0 auto auto; padding-top: 5px; text-decoration: none;}
#container1 { width: 840px; height: auto; margin: 0 auto auto; padding-top: 0px; text-decoration: none;}

.logo { background-color: white; text-align: right; width: 840px; height: auto; text-decoration: none;}
.nav { background-color: white; text-align: left; width: 840px; height: auto; margin: 0; padding: 0; text-decoration: none;}
.header { width: 840px; margin: 0; padding: 10px 0 0; text-decoration: none;}
.content { color: #8c8c8c; font-size: 12px; font-family: helvetica; font-weight: normal; font-style: normal; line-height: 150%; text-decoration: none; text-align: justify; text-indent: 0px; width: 810px; margin: 0; padding: 5px 0px 5px 0px; height: auto; }
.contenttable { text-decoration: none; width: 840px; height: 840px; }


.shopherebutton a
{
display: block;
width: 280px;
height: 59px;
background: url("img/shophere.jpg") no-repeat 0 0;
}

.shopherebutton a:hover
{
background: url("img/shopherehover.jpg") no-repeat 0 0;
}


.viewitembutton a
{
display: block;
width: 46px;
height: 25px;
background: url("img/view-button.jpg") no-repeat 0 0;
}

.viewitembutton a:hover
{
background: url("img/view-button-hover.jpg") no-repeat 0 0;
}


.bespokebutton a
{
display: block;
width: 132px;
height: 56px;
background: url("img/dazeddorothybespoke.jpg") no-repeat 0 0;
}

.bespokebutton a:hover
{
background: url("img/dazeddorothybespokehover.jpg") no-repeat 0 0;
}


.weddingbutton a
{
display: block;
width: 134px;
height: 56px;
background: url("img/dazeddorothywedding.jpg") no-repeat 0 0;
}

.weddingbutton a:hover
{
background: url("img/dazeddorothyweddinghover.jpg") no-repeat 0 0;
}


.revampbutton a
{
display: block;
width: 132px;
height: 56px;
background: url("img/dazeddorothyrevamp.jpg") no-repeat 0 0;
}

.revampbutton a:hover
{
background: url("img/dazeddorothyrevamphover.jpg") no-repeat 0 0;
}


.partybutton a
{
display: block;
width: 400px;
height: 70px;
background: url("img/dazeddorothyparty.jpg") no-repeat 0 0;
}

.partybutton a:hover
{
background: url("img/dazeddorothypartyhover.jpg") no-repeat 0 0;
}


.stockistbutton a
{
display: block;
width: 280px;
height: 59px;
background: url("img/dazeddorothystockists.jpg") no-repeat 0 0;
}

.stockistbutton a:hover
{
background: url("img/dazeddorothystockistshover.jpg") no-repeat 0 0;
}


.eventsbutton a
{
display: block;
width: 400px;
height: 70px;
background: url("img/dazeddorothyevents.jpg") no-repeat 0 0;
}

.eventsbutton a:hover
{
background: url("img/dazeddorothyeventshover.jpg") no-repeat 0 0;
}


.pressbutton a
{
display: block;
width: 280px;
height: 59px;
background: url("img/dazeddorothypressbutton.jpg") no-repeat 0 0;
}

.pressbutton a:hover
{
background: url("img/dazeddorothypressbuttonhover.jpg") no-repeat 0 0;
}


.eventsbuttonsm a
{
display: block;
width: 280px;
height: 59px;
background: url("img/dazeddorothyeventsm.jpg") no-repeat 0 0;
}

.eventsbuttonsm a:hover
{
background: url("img/dazeddorothyeventsmhover.jpg") no-repeat 0 0;
}


.tlcbutton a
{
display: block;
width: 400px;
height: 79px;
background: url("img/dazeddorothycare.jpg") no-repeat 0 0;
}

.tlcbutton a:hover
{
background: url("img/dazeddorothycarehover.jpg") no-repeat 0 0;
}


.contactformbutton a
{
display: block;
width: 140px;
height: 59px;
background: url("img/dazed-dorothy-contact-form-button-small.jpg") no-repeat 0 0;
}

.contactformbutton a:hover
{
background: url("img/dazed-dorothy-contact-form-button-smallhover.jpg") no-repeat 0 0;
}


.mailinglistbutton a
{
display: block;
width: 140px;
height: 140px;
background: url("img/dazeddorothymailinglist.jpg") no-repeat 0 0;
}

.mailinglistbutton a:hover
{
background: url("img/dazeddorothymailinglisthover.jpg") no-repeat 0 0;
}


.blogbutton a
{
display: block;
width: 140px;
height: 59px;
background: url("img/dazed-dorothy-blog-button-small.jpg") no-repeat 0 0;
}

.blogbutton a:hover
{
background: url("img/dazed-dorothy-blog-button-small-hover.jpg") no-repeat 0 0;
}


.facebookbutton a
{
display: block;
width: 140px;
height: 140px;
background: url("img/dazeddorothyfacebook.jpg") no-repeat 0 0;
}

.facebookbutton a:hover
{
background: url("img/dazeddorothyfacebookhover.jpg") no-repeat 0 0;
}

a img {border: none; }

.footer { color: gray; font-size: 11px; text-decoration: none; padding-top: 10px; border-top: 1px dotted #707070; }