/*-----------------------------------------------------------------------------
Screen Home Style Sheet

website:   http://www.soulmates.uk.com
-----------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------*/
/* Page */
/*---------------------------------------------------------------------------*/

#page1
{
	width: 449px;
	height: 408px;
	float: left;
	background-image: url(../images/elements/page1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	background-color: #c7d6eb;
}

#page2
{
	width: 449px;
	height: 408px;
	float: left;
	background-image: url(../images/elements/page2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #e0e8f4;
}

#page3
{
	width: 898px;
	float: left;
	clear: left;
	background-image: url(../images/elements/page3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/*---------------------------------------------------------------------------*/
/* Login */
/*---------------------------------------------------------------------------*/

#login
{
	float: right;
	padding: 15px 15px 0 0;
}

#login div
{
	float: left;
	height: 28px;
	color: #4a65be;
	vertical-align: middle;
	font-size: 12px;
	line-height: 28px;
	padding-right: 5px;
}

#login div.button
{
	float: left;
	background-image: url(../images/elements/btn-login.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#login div.button a
{
	width: 63px;
	height: 28px;
	background-image: url(../images/elements/btn-login.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#login div.button a:hover { background-position: left -28px; }


/*---------------------------------------------------------------------------*/
/* Search */
/*---------------------------------------------------------------------------*/


#search
{
	width: 300px;
	height: 200px;
	clear: both;
	float: right;
	margin: 95px 82px 0 0;
	display: inline;
}

#search h2
{
	font-size: 23px;
	margin: 0;
}

#search p.intro
{
	color: #7C0971;
	font-size: 13px;
	font-style: italic;
}

.myForms
{
	padding: 10px 0 0 20px;
	font-size: 13px;
}

.myForms legend { display: none; }

.myForms fieldset p
{
	clear: left;
	width: 100%;
	padding-top: 8px;
}

.myForms label
{
	float: left;
	width: 75px;
	line-height: 20px;
	text-align: right;
	padding-right: 5px;
}

.myForms select
{
	margin-right: 2px;
	padding: 1px;
	border: 1px solid #ccc;
	background-color: white;
	width: 150px;
}

.myForms select.age
{
	width: auto;
}

.myForms p.submit
{
	padding: 12px 0 0 77px;
}

.myForms input#submitBtn
{
	width: 89px;
	height: 35px;
	background-image: url(../images/elements/btn-search.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;	
	border: none;
	background-color: #f1f4fa;

}

.myForms input#submitBtn:hover
{
	background-position: left -35px;
}


/*---------------------------------------------------------------------------*/
/* Features */
/*---------------------------------------------------------------------------*/

#features
{
	width: 293px;
	float: left;
	padding: 5px 10px 30px 57px;
}

#features h3
{
	font-size: 21px;
}

#features ul
{
	padding-top: 8px;	
}

#features li
{
	background-image: url(../images/elements/tick.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 3px 0 3px 33px;
	font-size: 18px;
	font-style: italic;
}

#features div.button
{
	margin: 14px 0 0 28px;
	background-image: url(../images/elements/btn-join.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#features div.button a
{
	width: 136px;
	height: 35px;
	background-image: url(../images/elements/btn-join.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#features div.button a:hover { background-position: left -35px; }



/*---------------------------------------------------------------------------*/
/* Members */
/*---------------------------------------------------------------------------*/

#members
{	
	width: 505px;
	float: left;
	padding: 5px 0 30px 24px;
}

#membersDetail
{
	width: 505px;
	float: left;
}

#members h3
{
	font-size: 21px;
	padding: 0 0 8px 12px;
}

#membersDetail a
{
	float: left;
	margin: 0 10px 20px 10px;
	display: inline;
	border: 1px solid #ddd;
	padding: 6px;
	background-color: #fff;
}

#membersDetail a:hover
{
	border: 1px solid #ae67a3;
}