body {
	background-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body, td, th {
	color: #ffffff;
}

h1 {
	color: #ffffff;
	}

h2 {
	color: #aa0114;
}

h3 {
	color: #fff8dc;
}

h4 {
	color: #ffcccc;
	font-weight:bold;
}

h5 {
	color: #fff8dc;
	margin:0 0 5px 0;
}

h6 {
	color: #ffcccc;
	font-size:70%;
}

p {
	font-size:70%;
	text-align:justify;
}

a {
	color: #ffffff;
	text-decoration:none;
}

form {
	background-color: #1A1A1A;
}

ul.slide{
	float:left;
	list-style-type:none;	
	padding:0px;
	width:100px;
}


/************* LAYOUT ***********/
#maincontainer {
width:800px;
margin:0 auto;
}

#header {
background-image:url(headerbg.jpg);
background-repeat:repeat-x;
height:100px;
border-left:1px solid #c2c2c2;
border-right:1px solid #c2c2c2;
border-bottom:1px solid #c2c2c2;
}

#header h2 {
margin:5px 5px 0 0;
padding:0px;
float:right;
font-family:Georgia, Times New Roman, Times, serif;
}

#header p {
margin:10px 5px 0 0;
padding:0px;
clear:right;
float:right;
text-align:right;
font-size:60%;
}

#content {
text-align:justify;
margin:1em;
margin:6% 0 auto auto;
padding:1em;
border:3px solid #ffffff;
}


/* index page only */
#index {
	height:400px;
	text-align:center;
	line-height:110px;
	margin:6% 0 auto auto;
	border:5px solid #ffffff;
}

.indexslide {
	float:left;
}


#index2 {
	text-align:center;
	line-height:110px;
	margin:6% 0 auto auto;
	border:3px solid #ffffff;
}

.enter {
text-align:center;
margin:2em 0 0 0;
}

.box {
border:1px solid #999999;
}

/* main page */
.top {
border:1px solid #999999;
float:left;
width:750px;
height:auto;
padding:5px;
}

.bottom {
border:1px solid #999999;
width:750px;
height:auto;
margin:230px 0 0 0;
padding:5px;
}

.left {
clear:both;
float:left;
width:200px;
height:auto;
padding:5px;
}

.right {
width:550px;
height:auto;
padding:5px;
}


/* pre-slideshow */

#mainborder {
	text-align:center;
	margin:6% 0 0 0;
	border:5px solid #ffffff;
}

img {
	border:none;
}

.thumbs {
	float:left;
	text-align:left;
	margin:0 0 0 10px;
}

.thumbs a{
text-decoration:none;
}

.holder {	/*for the outfits - enlarged images*/
	border:1px solid #ffffff;
	height:510px;
	width:365px;
	line-height:500px;
}

/* slideshows */

#lyall {
height:10px;
}

#lyall h2 {
margin:5px 5px 0 0;
padding:0px;
float:right;
font-family:Georgia, Times New Roman, Times, serif;
}

#slideshow {
	text-align:center;
	margin:6% 0 6% 0;
}

.slide {
	padding:15px;
	border:1px solid #ffffff;
}

/** NavBar **/
#navbar {
	float:right;
}

#navbar a {
	text-decoration:none;
	border:1px solid #ffffff;
	padding:5px;
	font-size:80%;
	font-weight:bold;
}

#navbar a:hover {
	background-color:#fff8dc;
	color: #000000;
}

/* media page */
.mtopleft {
border:1px solid #999999;
float:left;
width:350px;
height:auto;
padding:5px;
background-image:url(divbg3.jpg);
background-repeat:repeat-x;
}

.mleft {
border:1px solid #999999;
clear:both;
float:left;
width:350px;
height:auto;
margin:20px 0 0 0;
padding:5px;
background-image:url(divbg.jpg);
background-repeat:repeat-x;
}


.mtoprighta {
border:1px solid #999999;
width:375px;
height:auto;
margin: 0 0 0 375px;
padding:5px;
background-image:url(divbg3.jpg);
background-repeat:repeat-x;
}

.mtoprightb {
border:1px solid #999999;
width:375px;
height:auto;
margin: 0 0 0 375px;
padding:5px;
background-image:url(divbg3.jpg);
background-repeat:repeat-x;
}

.mright {
border:1px solid #999999;
width:375px;
height:auto;
margin:20px 0 0 375px;
padding:5px;
background-image:url(divbg2.jpg);
background-repeat:repeat-x;
}

.mcenter {
border:1px solid #999999;
width:375px;
height:auto;
margin:20px 0 0 200px;
padding:5px;
background-image:url(divbg3.jpg);
background-repeat:repeat-x;
}

.next {
height:400px;
}

.nextpage {
font-size:80%;
color:#ffcccc;
}

.nextpagenorm {
font-size:80%;
}

/* outfits hoverover */

.holder {	/*for the outfits - enlarged images*/
	border:1px solid #ffffff;
	height:500px;
	width:365px;
	line-height:500px;
	margin:10px 0 0 400px;
}

.holderedit {	/*for the outfits - enlarged images*/
	height:600px;
	width:365px;
	line-height:600px;
	margin:10px 0 0 400px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail img{
margin:5px 0 0 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
text-align:center;
width:370px;
background-color: #000000;
padding: 5px;
left: -1000px;
border: 1px solid #ffffff;
visibility: hidden;
color: #fff8dc;
text-decoration: none;
}

.thumbnail span p{
text-align:justify;
margin:10px 0 0 0;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
height:450px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
position:absolute;
left: 200px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span.one{ /*CSS for enlarged image on hover*/
left:380px;
top:-70px;
}

.thumbnail:hover span.two{ /*CSS for enlarged image on hover*/
left:380px;
top:-182px;
}

.thumbnail:hover span.three{ /*CSS for enlarged image on hover*/
left:380px;
top:-294px;
}

.thumbnail:hover span.four{ /*CSS for enlarged image on hover*/
left:380px;
top:-406px;
}

.thumbnail:hover span.five{ /*CSS for enlarged image on hover*/
left:380px;
top:-518px;
}

.thumbnail:hover span.six{ /*CSS for enlarged image on hover*/
left:380px;
top:-630px;
}

.thumbnail:hover span.seven{ /*CSS for enlarged image on hover*/
left:380px;
top:-742px;
}

.thumbnail:hover span.eight{ /*CSS for enlarged image on hover*/
left:380px;
top:-854px;
}

.thumbnail:hover span.nine{ /*CSS for enlarged image on hover*/
left:286px;
top:-70px;
}

.thumbnail:hover span.ten{ /*CSS for enlarged image on hover*/
left:286px;
top:-182px;
}

.thumbnail:hover span.eleven{ /*CSS for enlarged image on hover*/
left:286px;
top:-294px;
}

.thumbnail:hover span.twelve{ /*CSS for enlarged image on hover*/
left:286px;
top:-406px;
}

.thumbnail:hover span.thirteen{ /*CSS for enlarged image on hover*/
left:286px;
top:-518px;
}

.thumbnail:hover span.fourteen{ /*CSS for enlarged image on hover*/
left:286px;
top:-630px;
}

.thumbnail:hover span.fifteen{ /*CSS for enlarged image on hover*/
left:286px;
top:-742px;
}

.thumbnail:hover span.sixteen{ /*CSS for enlarged image on hover*/
left:286px;
top:-854px;
}

.thumbnail:hover span.seventeen{ /*CSS for enlarged image on hover*/
left:192px;
top:-70px;
}

.thumbnail:hover span.eighteen{ /*CSS for enlarged image on hover*/
left:192px;
top:-182px;
}

.thumbnail:hover span.nineteen{ /*CSS for enlarged image on hover*/
left:192px;
top:-294px;
}

.thumbnail:hover span.twenty{ /*CSS for enlarged image on hover*/
left:192px;
top:-406px;
}

.thumbnail:hover span.twentyone{ /*CSS for enlarged image on hover*/
left:192px;
top:-518px;
}

.thumbnail:hover span.twentytwo{ /*CSS for enlarged image on hover*/
left:192px;
top:-630px;
}

.thumbnail:hover span.twentythree{ /*CSS for enlarged image on hover*/
left:192px;
top:-742px;
}

.thumbnail:hover span.twentyfour{ /*CSS for enlarged image on hover*/
left:192px;
top:-854px;
}

.thumbnail:hover span.twentyfive{ /*CSS for enlarged image on hover*/
left:98px;
top:-70px;
}

.thumbnail:hover span.twentysix{ /*CSS for enlarged image on hover*/
left:98px;
top:-182px;
}

.thumbnail:hover span.twentyseven{ /*CSS for enlarged image on hover*/
left:98px;
top:-294px;
}

.thumbnail:hover span.twentyeight{ /*CSS for enlarged image on hover*/
left:98px;
top:-406px;
}

.thumbnail:hover span.twentynine{ /*CSS for enlarged image on hover*/
left:98px;
top:-518px;
}

.thumbnail:hover span.thirty{ /*CSS for enlarged image on hover*/
left:98px;
top:-630px;
}

.thumbnail:hover span.thirtyone{ /*CSS for enlarged image on hover*/
left:98px;
top:-742px;
}

.thumbnail:hover span.thirtytwo{ /*CSS for enlarged image on hover*/
left:98px;
top:-854px;
}