body
{
	background: #E4D9C7 url(../images/bg.jpg) top center no-repeat;
	color: #4D4840;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	font: normal 0.9em "Trebuchet MS", verdana, arial; 
}

/*
**** global styles
*/

a { text-decoration: underline; color: #7c1028; }
a:hover { text-decoration: none; }
img { border: 0; }
input
{
	border: solid 1px #8AB5E6;
	color: #686353;
}
input.submit { cursor: pointer; border: 0; background: url(../images/btn-submit.gif); height: 22px; width: 55px; color: #fff; font-size: 0.75em; }
.r { float: right; }
.l { float: left; }
p.hr { margin: 10px 0; padding: 5px 0; border-top: solid 1px #D9CAB1; }
p.b { clear: both; }

.clearUl 
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.r { float: right; }
.ri {text-align: right; }
.l { float: left }


h1,h2
{
	margin: 0;
	padding: 5px 0;
}
h1 { font: normal 2em "Trebuchet MS", verdana, arial; color: #7C1028; }
h2 { font: normal 1.5em "Trebuchet MS", verdana, arial; color: #7C1028; }
h3 { font: normal 1.3em "Trebuchet MS", verdana, arial; color: #7C1028; }

ol span { display: block; font-size: 0.8em; color: #333; }
/* end */

#mainBox
{
	width: 855px;
	margin: auto;
	overflow: hidden;
	padding: 10px;
	font-size: 1em;
}

#topBox { height: 193px; position: relative; }
#topBox h1 a { position: absolute; top: 37px; left: 12px; width: 220px; height: 46px; display: block; text-indent: -3000em; }
#topBox fieldset { color: #fff; position: absolute; top: 142px; left: 75px; margin: 0; padding: 0; border: 0; width: 685px; }
#topBox fieldset input.text { color: #526266; font: normal 0.8em "Trebuchet MS", verdana, arial; border: 0; background: transparent; width: 450px; margin: 0 20px; }

#adBox { text-align: center; }

#containerBox
{
	overflow: auto;
	text-align: justify;
}

#lettersBox 
{
	margin: 5px 0;
	text-align: center;
	padding: 6px 0;
	color: #000;
	background: url(../images/bg-letter.gif);
	height: 17px;
}
#lettersBox a { font-weight: bold; }

#infoBox
{
	float: right;
	width: 217px;
}

#sexBox { background: url(../images/bg-box-small.gif) no-repeat; height: 41px; padding: 15px 20px; }
#popularBox { background: url(../images/bg-box-big.gif) no-repeat; height: 173px; padding: 10px 20px 0 20px; overflow: hidden; margin: 10px 0; }
#popularBox p { padding: 4px 0; margin: 0; }

#contentBox { width: 615px; padding: 0 10px; }

#footerBox { font-size: 0.9em; clear: both; background: #fff url(../images/bg-bottom.jpg) top center no-repeat; padding: 20px 0 100px 0; }
#footerBox div.wrapper { width: 855px; margin: auto; }