/* CSS Document */

body {
font-size: 16px;
font-size: 62.5%;  /* 16px × 62.5% = 10px set 1em to 10px*/
font-family: Trebuchet MS;
text-decoration: none;
word-spacing: normal;
text-align: left;
background:url(../img/anya-background.png) #1D1C18;
}


#container {
width: 960px;
margin: 0 auto;
border: 1px solid #21211D;
background: url(../img/body-gradient2.jpg) left repeat-y;
}

#header {
height: 189px;
background:url(../img/anya-header3.jpg) center no-repeat;
}

#header h1 {

}

#header h1 a {
text-indent: -9999px;
display: block;
width: 355px;
height: 165px;
}

#content {
background:url(../img/anya-body3.jpg) top no-repeat;
min-height: 533px;
*position: relative
}

#footer {
height: 4em;
line-height: 4em;
background-color: #4F4F4F;
text-align: center;
color: white;
font-size: 1.2em;
}

#footer ul li {
display: inline;
padding: 0 10px 0 0;
}

#nav {
width: 200px;
font-size: 1.5em;
height: 500px;
float: left;
font-weight:bold;
font-style:italic;
*position: absolute;
*left:0;
*right: 0;
}

#nav ul {
list-style: none;
color: white;
padding: 10px 0 0 10px;
width: 140px;
}

#nav ul li {
padding: 5px 0;
text-indent: -9000px;
}

#nav ul a {
display: block;
*zoom: 1;
}

#nav ul a:link, #nav ul a:visited {
text-decoration:none;
color: white;

}

/*#nav ul a:link.on, #nav a:visited.on {
color: #DF2874;
background: url(../img/leaf-on4.png) right center no-repeat;
cursor: default;
}

#nav ul a:hover {
color: #EF77AF;
background: url(../img/leaf-hover.png) right center no-repeat;
}*/


/*about*/

#nav ul li#about a {
background: url(../img/nav.png) no-repeat 0px 0px;
_background: url(../6img/nav.gif) no-repeat 0px 0px;
}

#nav ul li#about a:hover {
background: url(../img/nav.png) no-repeat -140px 0;
_background: url(../6img/nav.gif) no-repeat -140px 0;
}

#nav ul li#about a.on {
background: url(../img/nav.png) no-repeat -280px 0;
_background: url(../6img/nav.gif) no-repeat -280px 0;
}


/*gallery*/
#nav ul li#gallery a {
background: url(../img/nav.png) no-repeat 0px -25px;
_background: url(../6img/nav.gif) no-repeat 0px -25px;
}

#nav ul li#gallery a:hover {
background: url(../img/nav.png) no-repeat -140px -25px;
_background: url(../6img/nav.gif) no-repeat -140px -25px;
}

#nav ul li#gallery a.on {
background: url(../img/nav.png) no-repeat -280px -25px;
_background: url(../6img/nav.gif) no-repeat -280px -25px;
}

/*events*/
#nav ul li#events a {
background: url(../img/nav.png) no-repeat 0px -51px;
_background: url(../6img/nav.gif) no-repeat 0px -51px;
}

#nav ul li#events a:hover {
background: url(../img/nav.png) no-repeat -140px -51px;
background: url(../6img/nav.gif) no-repeat -140px -51px;
}

#nav ul li#events a.on {
background: url(../img/nav.png) no-repeat -280px -51px;
_background: url(../6img/nav.gif) no-repeat -280px -51px;
}
/*classes*/
#nav ul li#classes a {
background: url(../img/nav.png) no-repeat 0px -75px;
_background: url(../6img/nav.gif) no-repeat 0px -75px;
}

#nav ul li#classes a:hover {
background: url(../img/nav.png) no-repeat -140px -75px;
_background: url(../6img/nav.gif) no-repeat -140px -75px;
}

#nav ul li#classes a.on {
background: url(../img/nav.png) no-repeat -280px -75px;
_background: url(../6img/nav.gif) no-repeat -280px -75px;

}
/*hire*/
#nav ul li#hire a {
background: url(../img/nav.png) no-repeat 0px -101px;
_background: url(../6img/nav.gif) no-repeat 0px -101px;
}

#nav ul li#hire a:hover {
background: url(../img/nav.png) no-repeat -140px -101px;
_background: url(../6img/nav.gif) no-repeat -140px -101px;
}

#nav ul li#hire a.on {
background: url(../img/nav.png) no-repeat -280px -101px;
_background: url(../6img/nav.gif) no-repeat -280px -101px;
}
/*contact*/
#nav ul li#contact a {
background: url(../img/nav.png) no-repeat 0px -127px;
_background: url(../6img/nav.gif) no-repeat 0px -127px;
}

#nav ul li#contact a:hover {
background: url(../img/nav.png) no-repeat -140px -127px;
_background: url(../6img/nav.gif) no-repeat -140px -127px;
}

#nav ul li#contact a.on {
background: url(../img/nav.png) no-repeat -280px -127px;
_background: url(../6img/nav.gif) no-repeat -280px -127px;
}
/*links*/
#nav ul li#links a {
background: url(../img/nav.png) no-repeat 0px -151px;
_background: url(../6img/nav.gif) no-repeat 0px -151px;
}

#nav ul li#links a:hover {
background: url(../img/nav.png) no-repeat -140px -151px;
_background: url(../6img/nav.gif) no-repeat -140px -151px;
}

#nav ul li#links a.on {
background: url(../img/nav.png) no-repeat -280px -151px;
_background: url(../6img/nav.gif) no-repeat -280px -151px;
}


#textbox {
margin: 0 auto;
width: 500px;
min-height: 500px;
font-size: 1.2em;
line-height: 1.2em;
}

#textbox h1 {
text-indent: -9999px;
height: 33px;
}

#textbox h2 {
color: #EF77AF;
padding-bottom: 5px;
text-align: center;
}

#textbox h3 {
color: #DF7DC6;
}

.top {
height: 50px;
background:url(../img/top-box.png) center no-repeat;
}

.middle {
background:url(../img/box-middle.png) center repeat-y;
overflow: auto;
padding: 5px 40px;
color: #4F4F4F;
_zoom: 1;

}

.bottom {
height: 50px;
background:url(../img/bottom-box.png) center no-repeat;
}


.middle p {
padding: 0 0 10px 0;
}

.middle ul {
padding: 0 0 10px 5px;
list-style:inside;
list-style-type:disc;
}


.spamspan {
color: #DF2874;
}
#footer .spamspan {
font-size: 1.5em;
}

.half {
width: 200px;
float: left;
padding: 0 5px;
}

table {
width:99%;
border:0;
}

table h2 {
padding: 0;
margin: 0;
text-align: left
}

td {
width: 33%;
padding-top: 10px;
}

a:link {
color: #DF2874;
}

a:visited {
color: #DF7DC6;
}

.colholder {
overflow:auto;
}