/*
	Friends Alive
	http://www.friends-alive.com/
	
	Designed by Systemagic
	http://www.systemagic.co.uk/
*/

* {
	border: none;
	margin: 0px;
	padding: 0px;
	outline: none;
	text-decoration: none;
	font-style: normal;
}

:focus {
	outline: 0;
}

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

a:hover, a:focus {
	text-decoration: underline;
}

body {
	background: url(/images/background.jpg) repeat-x #FFF;
	color: #5a757c;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px;
	cursor: default;
	padding: 0px 10px 30px 10px;
}

.right button, .right .button {
	line-height: 28px;
	height: 30px;
	padding: 0px 10px;
	background: url(/images/button.jpg) repeat-x top left;
	color: #FFF;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

.right button:hover, .right .button:hover, .right button:focus, .right .button:focus {
	background-position: center left;
}

.right button:active, .right .button:active {
	background-position: bottom left;
}

h1 span {
	visibility: hidden;
}

h2 {
	font-weight: normal;
	color: #a1499c;
	display: block;
	margin-bottom: -15px;
	margin-top: 20px;
}

input {
	color: #606e72;
}

ul, ol, dl {
	list-style: none;
}

.document {
	width: 930px;
	margin: 0px auto;
}

.header {
	width: 930px;
	height: 130px;
	position: relative;
}

.header .logo {
	position: absolute;
	left: 0px;
}

.header ul {
	width: 586px;
	height: 50px;
	overflow: hidden;
	background: url(/images/menu-background.jpg) no-repeat;
	position: absolute;
	right: 0px;
	top: 45px;
}

.header li {
	float: left;
}

.header li a {
	display: block;
	padding: 0px 25px;
	color: #FFF;
	line-height: 50px;
	font-size: 15px;
	background: url(/images/menu-item.png) no-repeat top left;
	*background: none;
}

.header li:first-child a {
	background-position: top right;
	margin-left: 1px;
}

.header li a:hover {
	background-position: bottom left;
	text-decoration: none;
	*text-decoration: underline;
}

.header li:first-child a:hover {
	background-position: bottom right;
}

.content {
	width: 930px;
	overflow: hidden;
}

.content .left {
	width: 250px;
	float: left;
}

.content .left .search {
	background: url(/images/search.jpg) no-repeat;
	height: 80px;
	width: 250px;
	overflow: hidden;
	position: relative;
}

.content .left .search h1 {
	font-size: 1em;
}

.content .left .search input {
	position: absolute;
	bottom: 11px;
	left: 11px;
	background: url(/images/search-box.jpg) no-repeat;
	width: 190px;
	line-height: 20px;
	height: 20px;
	padding: 5px;
}

.content .left .search input.empty {
	color: #9F9F9F;
	font-style: italic;
}

.content .left .search button {
	height: 30px;
	width: 30px;
	background: url(/images/search-button.jpg) no-repeat top left;
	cursor: pointer;
	position: absolute;
	bottom: 11px;
	right: 11px;
}

.content .left .search button span {
	visibility: hidden;
}

.content .left .search button:hover {
	background-position: center left;
}

.content .left .search button:active {
	background-position: bottom left;
}

.content .left .section {
	margin-top: 10px;
}

.content .left .section-body {
	background: #FFF;
	border: 1px solid #bdcbd0;
	border-top: none;
	
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;

	-khtml-border-bottom-left-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
	padding: 10px;
}

.content .left .section h1 {
	background: url(/images/section-header.png) no-repeat;
	height: 40px;
	width: 250px;
	color: #FFF;
	font-size: 1.1em;
	line-height: 40px;
	font-weight: normal;
	padding: 0px 10px;
}

.content .left .section-body li a {
	border-bottom: 1px solid #cdd7db;
	padding: 5px;
	display: block;
	color: #606e72;
}

.content .left .section-body li a:hover {
	text-decoration: none;
	background: #d8e9f4;
}

.content .right {
	width: 670px;
	*width: 660px;
	float: right;
}

.content .right .section {
	background: #FFF;
	border: 1px solid #bdcbd0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	padding: 30px;
}

.content .right .section h1 {
	font-weight: normal;
	font-size: 1.8em;
	color: #00a9ee;
	margin-bottom: 10px;
}

.content .right .section h1 strong {
	color: #a1499c;
	font-weight: normal;
}

.content .right .section p {
	margin-top: 20px;
	line-height: 1.6em;
}

.forum-header {
	height: 40px;
	width: 670px;
	background: url(/images/forum-header.png) no-repeat;
	text-align: center;
	padding: 20px;
	line-height: 20px;
}

.forum-heading {
	width: 930px;
	height: 12px;
	background: url(/images/forum-heading.png) no-repeat;
	padding: 18px;
	margin-top: 20px;
}

.forum-heading h1 span {
	visibility: hidden;
}

.forum-category {
	width: 928px;
	background: #FFF;
	border: 1px solid #bdcbd0;
	border-top: none;
	
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;

	-khtml-border-bottom-left-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
	overflow: hidden;
}

.forum-category table {
	width: 929px;
	margin-bottom: -1px;
}

.forum-category tr td {
	border-bottom: 1px solid #d3dce0;
	border-right: 1px solid #d3dce0;
	padding: 20px;
	text-align: center;
}

.forum-category tr td h1 {
	font-weight: normal;
	font-size: 1.5em;
	color: #a1499c;
	font-weight: normal;
}

.forum-category tr td h1 a {
	color: #00a9ee;
}

.forum-title {
	width: 487px;
	text-align: left !important;
}

.forum-last-post {
	width: 177px;
	padding: 10px !important;
}

.footer {
	margin-top: 10px;
	position: relative;
	width: 870px;
	overflow: hidden;
	background: #FFF;
	border: 1px solid #bdcbd0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	padding: 30px;
}

.footer div {
	width: 150px;
	margin-right: 20px;
	float: left;
}

.footer a {
	display: block;
	color: #5a757c;
}

.footer a.inline {
	display: inline;
	color: #a1499c;
}

.footer h1 {
	line-height: 25px;
	font-size: 1em;
}

.footer small {
	font-size: 1em;
	color: #909090;
}

.footer .friends-alive h1 {
	background: url(/images/footer-friends-alive.jpg) no-repeat;
}

.footer .forum h1 {
	background: url(/images/footer-forum.jpg) no-repeat;
}

.footer .contact h1 {
	background: url(/images/footer-contact.jpg) no-repeat;
}

.footer .copyright {
	width: 320px;
	text-align: right;
	position: absolute;
	bottom: 30px;
	right: 30px;
	margin-right: 0px;
}

.events {
	padding: 0px 10px 30px 10px;
	position: relative;
}
	
.events-header {
	text-align: center;
	overflow: hidden;
	display: block;
}

.events-header h1 {
	font-size: 14px;
	color: #545d65;
	display: inline;
	line-height: normal;
}

.events ul {
	margin-top: 20px;
}

.events li {
	padding: 10px 5px;
	margin: 0px -5px;
	border-bottom: 1px solid #D6D6D6;
	overflow: hidden;
}

.events li div {
	height: 50px;
	width: 50px;
	float: left;
	border: 1px solid #00A9EE;
	text-align: center;
	margin: 6px 10px 0px 0px;
}

.events li small {
	display: block;
	background: #00A9EE;
	color: #FFF;
	padding: 2px;
}

.events li p {
	margin: 0px;
	padding: 0px;
}

.events li big {
	display: block;
	line-height: 34px;
	font-size: 24px;
	color: #0073A4;
}

.events li h1 {
	font-size: 18px !important;
	margin-top: 10px;
	margin-bottom: 0px !important;
}

#events-map {
	width: 700px;
	height: 300px;
	margin-top: 30px;
}

.map-details {
	font-size: 14px !important;
	margin-top: -5px !important;
}

.events-none {
	margin-top: 30px;
	text-align: center;
}

.events-gallery {
	margin-top: 20px;
	overflow: hidden;
	padding: 5px;
}

.events-gallery li {
	height: 150px;
	width: 150px;
	overflow: hidden;
	float: left;
	margin: 0px 10px 10px 0px;
}

.events-gallery li img {
	margin-left: -75px;
}

.events-gallery li:hover {
	outline: 2px solid #a11616;
}

.next-month {
	*margin-top: -18px;
}

.result {
	padding-bottom: 10px;
	border-bottom: 1px solid #D6D6D6;
	margin-bottom: 10px;
}

div.moneyshot {
	overflow: hidden;
	margin-bottom: 20px;
}

div.alan-robertson {
	margin-left: 33px;
	float: left;
}

div.headline {
	width: 562px;
	height: 100px;
	float: left;
	padding: 10px 170px 0px 0px;
	margin: 0px 0px 0px 30px;
	background: url(/images/headline.jpg) no-repeat;
}

div.headline h1 {
	font-weight: normal;
	color: #15a0c0;
	visibility: hidden;
}

div.steps {
	overflow: hidden;
	background: url(/images/steps.png) no-repeat;
	height: 184px;
}

div.step1 {
	float: left;
	width: 182px;
	padding: 20px 40px;
	color: #FFF;
	font-size: 18px;
	line-height: 25px;
}

div.step2 {
	float: left;
	width: 300px;
	padding: 30px 40px;
	color: #e8d2e7;
}

div.step2 h1 {
	font-size: 16px;
	background: url(/images/have-your-experienced.jpg) no-repeat;
}

div.step2 ul {
	margin-top: 10px;
	list-style: inside;
}

div.step3 {
	float: left;
	width: 228px;
	padding: 30px;
	margin-top: 35px;
	background: url(/images/sign-up-today.jpg) no-repeat center top;
	text-align: center;
}

div.step3 p {
	position: relative;
	top: 10px;
	color: #a64ea1;
}

div.step3 a {
	position: relative;
	top: 20px;
}

div.step3 h1 {
	display: none;
}

div.advice-box {
	background: url(/images/advice.jpg) no-repeat;
	width: 264px;
	height: 120px;
	padding: 15px;
	float: left;
	margin: 0px 10px 10px 0px;
}

div.advice-box h1 a {
	color: #FFF !important;
}

div.advice-box p {
	margin-top: -5px !important;
	color: #FFF !important;
}



#moneyshot {
	background: url(/images/home.jpg) no-repeat bottom left;
	width: 880px;
	height: 260px;
	margin: 0px auto;
	position: relative;
}

#moneyshot img {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 0;
}

#moneyshot h1 {
	background: url(/images/homesprite.jpg) no-repeat;
	height: 34px;
	width: 329px;
	position: absolute;
	top: 48px;
	left: 38px;
	text-indent: -1000px;
	overflow: hidden;
}

#moneyshot p {
	width: 349px;
	position: absolute;
	top: 85px;
	left: 38px;
	line-height: 24px;
	font-size: 15px;
	color: #478EB6;
}

#moneyshot ul {
	width: 460px;
	height: 60px;
	position: absolute;
	top: 175px;
	left: 38px;
	z-index: 10;
}

#moneyshot li {
	background: url(/images/question.png) no-repeat top left;
	height: 30px;
	line-height: 25px;
	width: 200px;
	float: left;
	padding-left: 30px;
	color: #0D6FA7;
}

#signup {
	background: url(/images/signup.jpg) no-repeat bottom left;
	height: 180px;
	width: 880px;
	margin: 0px auto;
	overflow: hidden;
}

#signup div.section.join {
	background: #FDF5CF;
	border: 1px solid #DEDDBD;
	float: left;
	width: 365px;
	height: 90px;
	margin: 20px 0px 0px 25px;
	padding: 20px;
	color: #858069;
	position: relative;
}

#signup div.join h2 {
	color: #705E45;
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

#signup div.join h2 strong {
	color: #025889;
}

#signup div.join a {
	color: #003366;
	font-weight: bold;
}

#signup div.join p {
	margin-bottom: 10px;
}

#signup div.join img {
	position: absolute;
	bottom: 10px;
	right: 15px;
}

#signup div.section.help {
	float: right;
	width: 345px;
	height: 40px;
	margin: 20px 25px 0px 0px;
	position: relative;
	padding: 90px 20px 0px;
	text-align: center;
	font-size: 13px;
	text-align: center;
}

#signup div.help h2 {
	background: url(/images/homesprite.jpg) no-repeat 0px -34px;
	height: 61px;
	width: 268px;
	position: absolute;
	top: 0px;
	left: 65px;
	text-indent: -1000px;
	overflow: hidden;
}

#reasons {
	width: 880px;
	height: 155px;
	margin: 50px auto 20px;
}

#reasons div.section h3 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 22px;
	color: #025889;
	padding-left: 50px;
	margin-top: 8px;
}

#reasons div.section p {
	margin-bottom: 20px;
}

#reasons div.benefits {
	background: url(/images/tick.jpg) no-repeat top left;
	width: 370px;
	margin-left: 40px;
	float: left;
}

#reasons div.secure {
	background: url(/images/lock.jpg) no-repeat top left;
	width: 370px;
	margin-right: 40px;
	float: right;
}

#reasons div.secure h3 {
	font-weight: normal;
}