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;
}

body {
    font: 10.42px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #6b0300 url(12.2.bg.png) repeat-x;
}

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;
}

a {
    outline: none;
}

a:hover {
    text-decoration: none;
}

input {
    font-family: Arial, Helvetica, sans-serif;
}

img {
	vertical-align: top;
}

.clear:after {
    content: ' ';
    clear: both;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
}

.clear {
	zoom: 1;
}

.page {
	width: 1004px;
	margin: 0 auto;
}

.top {
	position: relative;
	background: url(12.2.bg.gif);
	margin: 6px 8px 0 9px;
	zoom: 1;
}

.top .tr {
	position: absolute;
	width: 9px;
	height: 9px;
	background: url(12.2.t-tr.gif) no-repeat;
	top: 0;
	right: 0;
}

.bubbles {
	position: absolute;
	width: 898px;
	height: 712px;
	background: url(12.2.bubbles.png) no-repeat;
	right: 13px;
	top: 71px;
}

* html .bubbles {
	background: none;
	filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=12.2.bubbles.png);
}

.top-inner {
	position: relative;
	background: url(12.2.girl.jpg) no-repeat;
	padding-bottom: 25px;
}

.top .t-bot {
	height: 14px;
	overflow: hidden;
	background: url(12.2.t-bot.png) no-repeat;
}

.title h1 {
	font-size: 17.36px;
	font-weight: bolder;
	color: #fdcbc9;
	padding: 10px 0 0 165px;
}

.title p {
	color: #f4e4b3;
	padding-left: 290px;
}

.title p span {
	font-size: 17.36px;
	font-weight: bolder;
	color: #c1141a;
}

.bookmark {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	font-family: Tahoma;
	color: #ac1217;
	text-decoration: none;
}

.bookmark:hover {
	text-decoration: underline;
}

.menu {
	text-align: right;
	padding: 10px 15px 5px 0;
}

.menu li {
	display: inline;
	padding-right: 15px;
}

.menu a {
	color: #e495f8;
	text-decoration: none;
}

.menu a:hover {
	text-decoration: underline;
}

.login {
	float: right;
	background: url(12.2.m-l.gif) no-repeat;
	padding-left: 11px;
	margin-right: 20px;
	width: 664px;
}

* html .login {
	display: inline;
}

.login .l-inner {
	background: url(12.2.m-r.gif) no-repeat 100% 0;
	padding-right: 11px;
}

.login .l-inner-2 {
	position: relative;
	background: url(12.2.m-c.gif) repeat-x;
	height: 25px;
	overflow: hidden;
	padding: 13px 5px 0;
}

.login form {
	position: relative;
	z-index: 1;
}

.login dt, .login dd {
	float: left;
}

.login dt {
	font-size: 8.33px;
	color: #f5edb4;
	text-transform: uppercase;
	padding: 3px 5px 0 0;
}

.login dd {
	padding-right: 15px;
}

.login .inp {
	width: 48px;
	height: 15px;
	background: url(12.2.inp-1.gif) no-repeat;
	border: 0 none;
	font-size: 10.42px;
}

.login .subm {
	position: absolute;
	left: 229px;
	top: -8px;
}

.login .subm input {
	position: relative;
	background: none;
	border: 0 none;
	color: #fff;
	text-transform: uppercase;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10.42px;
	cursor: pointer;
	z-index: 1;
width:25px;
height:25px;
}

.reg-lnk {
	position: absolute;
	right: 5px;
	top: 12px;
	color: #fff;
	text-decoration: none;
	z-index: 1;
}

.reg-lnk:hover {
	text-decoration: underline;
}

.t-l {
	float: left;
	width: 273px;
	padding: 274px 0 0 3px;
}

.t-l .reg {
	position: relative;
	background: url(12.2.reg.png) no-repeat;
	height: 220px;
	overflow: hidden;
	margin-bottom: 5px;
}

.t-l .reg h2 {
	font: bolder 17.36px arial;
	color: #fdfbec;
	text-align: center;
	padding: 12px 0 25px;
}

.t-l .reg p {
	font-family: arial;
	font-size: 12.5px;
	color: #fdfbec;
	text-align: center;
	padding: 0 15px;
	
}

.t-l .reg a {
	position: absolute;
	left: 109px;
	top: 147px;
	display: block;
	width: 156px;
	height: 39px;
	background: url(12.2.join.png) no-repeat;
	z-index: 1;
	font: bolder 17.36px arial;
	color: #9c7838;
	text-align: center;
	padding-top: 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.find {
	height: 179px;
	background: url(12.2.find.png) no-repeat;
	overflow: hidden;
}

.find h2 {
	font: bolder 17.36px arial;
	color: #fdfbec;
	text-align: center;
	padding: 13px 0 20px;
}

.find dt, .find dd {
	float: left;
	font-size: 13.89px;
	color: #fff;
	padding-right: 5px;
}

.find form {
	position: relative;
	z-index: 1;
}

.find .inp {
	width: 32px;
	height: 15px;
	background: url(12.2.inp-2.gif) no-repeat;
	border: 0 none;
	padding: 3px 0;
	font-size: 11px;
	text-align: center;
}

.gender dd {
	font-size: 12.5px;
}

.age {
	padding-left: 9px;
}

.gender {
	padding: 7px 0 0 32px; 
}

.find .subm {
	padding: 18px 0 0 108px;
}

.find .subm input {
	width: 156px;
	height: 57px;
	background: url(12.2.subm.png) no-repeat;
	font: bolder 17.36px Arial;
	color: #d66ebc;
	text-transform: uppercase;
	border: 0 none;
	cursor: pointer;
}

.t-r {
	position: relative;
	float: left;
	width: 698px;
	background: url(12.2.t-r.png) repeat-x;
}

.t-r .tr, .t-r .tl {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0;
	overflow: hidden;
}

.t-r .tl {
	background: url(12.2.tr-tl.gif) no-repeat;
	left: 0;
}

.t-r .tr {
	background: url(12.2.tr-tr.gif) no-repeat;
	right: 0;
}

.t-r h2 {
	color: #fff;
	padding: 15px 0 25px 57px;
}

.t-r .h2-1 {
	color: #ac1217;
}

.t-r-inner {
	position: relative;
	z-index: 1;
}

.left-menu {
	float: left;
	width: 80px;
	padding: 40px 0 0 10px;
}

.left-menu li {
	padding-bottom: 3px;
}

.left-menu a {
	font-family: Arial;
	color: #fff;
	text-decoration: none;
}

.gallery {
	margin-left: 143px;
}

.gallery li {
	float: left;
	width: 135px;
}

.gallery li img {
	border: 1px solid #fff;
}

.gallery li p {
	font-family: Arial;
	color: #fff;
	text-align: center;
	padding: 5px 5px 5px 0;
}

.trans {
	float: left;
	width: 280px;
	padding: 10px 0 0 45px;
}

.trans img {
	float: left;
	margin-right: 10px;
}

.trans h2 {
	font: bolder 17.36px Arial;
	padding: 0 0 10px;
}

.trans h2 a {
	color: #ffb3b3;
}

.trans p {
	font-family: Arial;
	padding-bottom: 14px;
}

.trans p a {
	color: #fff;
}

.trans a {
	text-decoration: none;
}

.que {
	float: left;
	width: 280px;
	padding: 10px 0 0 25px;
}

.que img {
	float: left;
	margin-right: 10px;
}

.que h2 {
	font: bolder 17.36px Arial;
	padding: 0 0 10px;
}

.que h2 a {
	color: #ffb3b3;
}

.que p {
	font-family: Arial;
	padding-bottom: 14px;
}

.que p a {
	color: #fff;
}

.que a {
	text-decoration: none;
}

.bottom {
	padding-top: 25px;
}

.block {
	position: relative;
	background: url(12.2.bl-bg.gif);
	padding-top: 12px;
}

.block .tl, .block .tr, .block .bl, .block .br {
	position: absolute;
	width: 5px;
	height: 5px;
	overflow: hidden;
}

.block .tl {
	top: 0;
	left: 0;
	background: url(12.2.tl.gif) no-repeat;
}

.block .tr {
	top: 0;
	right: 0;
	background: url(12.2.tr.gif) no-repeat;
}

.block .bl {
	bottom: 0;
	left: 0;
	background: url(12.2.bl.gif) no-repeat;
}

.block .br {
	bottom: 0;
	right: 0;
	background: url(12.2.br.gif) no-repeat;
}

.block {
	zoom: 1;
}

.b-l {
	float: left;
	width: 244px;
	margin: 0 23px 0 5px;
}

.b-l h2 {
	font-weight: bolder;
	color: #d2b78e;
	padding-bottom: 6px;
}

.b-l p {
	font-size: 11.29px;
	color: #e9e9e9;
	padding: 0 15px 12px;
}

.b-c {
	float: left;
	width: 340px;
}

.b-c h2 {
	font-size: 11.81px;
	color: #ff8d1e;
	padding-bottom: 15px;
}

.b-c dt {
	color: #ff8d1e;
	padding-bottom: 8px;
}

.b-c dd {
	color: #fff;
	padding-bottom: 8px;
}

.b-c dd p {
	padding: 0 10px 10px;
}

.b-r {
	float: right;
	width: 324px;
	margin-right: 40px;
}

.b-r h2 {
	font-weight: bolder;
	color: #d2b78e;
	padding: 0 23px 6px 0;
	text-align: right;
}

.b-r dl {
	color: #fff;
	padding: 0 10px;
}

.b-r dt, .b-r dd {
	padding-bottom: 10px;
}