body {
	margin: 0; padding: 0;
	background: #98c7f0 url(images/home-bg.gif) repeat-x top left;
}

a img { border: none; }

#wrap {
	width: 960px;
	margin: 0 auto;

}

h1.home-logo {
	width: 309px; height: 165px;
	margin: 0 0 0 25px;
	padding: 0;
	text-indent: -3000px;
	float: left;
} 
h1.home-logo a {
	width: 309px; height: 165px;
	background: url(images/home-logo.gif) no-repeat;
	display: block;
}

#member {
	width: 580px; height: 165px;
	float: right;
	margin: 0 0 0 0;
}
#member .nav {
	width: 580px; height: 30px;
	float: left;
	margin: 22px 0 0 0;
}
#member .nav a.become-member {
	width: 230px; height: 30px;
	background: url(images/login-becomemember.gif) no-repeat;
	float: left;
	text-indent: -3000px;
	margin: 0 0 0 69px;
}
#member .nav a.member-signin {
	width: 230px; height: 30px;
	background: url(images/membersignin.gif) no-repeat;
	float: left;
	text-indent: -3000px;
	margin: 0 0 0 69px;
}
#member .nav a.lost-password {
	width: 149px; height: 30px;
	background: url(images/login-lostpassword.gif) no-repeat;
	float: left;
	text-indent: -3000px;
	margin: 0 0 0 0;
}
form#login-form, form#forgot-form {
	width: 580px; height: 53px;
	background: url(images/login-bg.gif) repeat-x left center;
	margin:0 0 0 0; 
	padding: 0;
	float: left;
}
form#login-form fieldset, form#forgot-form fieldset {
	width: 580px; height: 53px;
	background: url(images/login-left.gif) no-repeat left center;
	border: none;
	margin: 0; padding: 0;
}
form#login-form fieldset input, form#register-form fieldset input, form#forgot-form fieldset input {
	border: none;
}
form-form fieldset label {
	width: 120px; height: 20px;
	font: 12px Arial, serif;
	color: #9e9e9e;
	
}
form#login-form fieldset input.username, form#login-form fieldset input.password, form#forgot-form fieldset input.username {
	width: 120px; height: 17px;
	background: url(images/field.gif) no-repeat;
	margin: 0 0 0 0;
	font: 12px Arial, serif;
	color: #9e9e9e;
	padding: 3px 5px 0 5px;
	float: left;
}
form#login-form fieldset input.login-button, form#forgot-form fieldset input.forgot-button {
	width: 97px; height: 33px;
	background: url(images/login-submit.gif) no-repeat;
	margin: 11px 0 0 0;
	border: none;
	float: left;
}
form#forgot-form fieldset input.forgot-button {
	background: url(images/request.png) no-repeat;
}
form#login-form fieldset .part, form#forgot-form fieldset .part {
	width: 140px;
	float: left;
	margin: 7px 5px 0 10px;
}
form#login-form fieldset span {
	width: 162px; height: 53px;
	background: url(images/login-right.gif) no-repeat center right;
	float: right;
}
form#login-form fieldset span a {
	width: 149px; height: 23px;
	background: url(images/openid.gif) no-repeat;
	margin: 16px 0 0 0;
	display: block;
	text-indent: -3000px;
}

form#register-form {
	width: 580px; height: 107px
	float: right;
	margin: 0 10px 6px 0;
	padding: 0;
	background: url(images/home-registerbg.gif) no-repeat;
	float: left;
}
form#register-form fieldset {
	width: 570px; height: 102px;
	border: none;
	margin: 5px 0 0 10px; 
	padding: 0;
}
form#register-form fieldset input.username, form#register-form fieldset input.password, form#register-form fieldset input.password2, form#register-form fieldset input.displayname, form#register-form fieldset input.entercode, form#register-form fieldset input.email, form#register-form fieldset input.entercode {
	width: 120px; height: 17px;
	background: url(images/field.gif) no-repeat;
	margin: 0 0 0 0;
	font: 12px Arial, serif;
	color: #9e9e9e;
	padding: 3px 5px 0 5px;
	float: left;
}
form#register-form fieldset input.create-account {
	width: 128px; height: 33px;
	background: url(images/register-createaccount.gif) no-repeat;
	margin: 15px 10px 0 6px;
	border: none;
	float: right;
}
form#register-form fieldset .column .part label, form#login-form fieldset .part label, form#forgot-form fieldset .part label {
	width: 120px; height: 20px;
	font: 12px Arial, serif;
	color: #9e9e9e;
	
}
form#forgot-form .right {
	width: 162px; height: 53px;
	background: url(images/login-right.gif) no-repeat center right;
	float: right;
}
form#register-form fieldset .column {
	width: 140px;
	float: left;
}
form#register-form fieldset .column .part {
	width: 140px;
	float: left;
	margin: 7px 5px 0 10px;
}
form#register-form fieldset .column .part img {
	float: right;
	position: relative;
	margin: 0 -80px 0 0;
}


#forgot form#forgot-form fieldset input.username {
	float: left;
}

#forgot form#forgot-form fieldset input.username {
	float: left;
}

#slideshow {
	width: 580px; height: 258px;
	float: right;
	background: #98c7f0;
	margin: 15px 10px 0 0;
	overflow: hidden;

}
#slideshow ul#pics {
	width: 580px; height: 258px;
	margin: 0; padding: 0;
	list-style: none;
}
#slideshow ul#pics li {
	width: 580px; height: 258px;
	float: left;
}
#slideshow ul#pics li#slide1 {
	background: url(images/slideshow1.jpg) no-repeat;
}
#slideshow ul#pics li#slide2 {
	background: #FFF;
}
#slideshow ul.navigation {
	width: 125px; height: 19px;
	margin: 0; padding: 0;
	list-style: none;
	font: bold 14px Arial, serif;
	float: left;
	z-index: 0;
	position: relative;
	margin: -17px 0 0 0;
}
#slideshow ul.navigation li {
	float: left;
}
#slideshow ul.navigation li a {
	color: #FFF;
	text-decoration: none;
	padding: 0 5px;
	background: url(images/home-slideshow-navbg.gif) no-repeat top right;
}
#slideshow ul.navigation li a.last {
	background: url(images/home-slideshow-navlast.gif) no-repeat top right;
}
#slideshow ul.navigation li a:hover {
	background-position: right bottom;
}
#slideshow ul.navigation li a.active {
	background-position: right bottom;
}

.left-box {
	width: 340px;
	float: left;
	margin: 15px 0 0 10px;
}
.left-box .top {
	width: 340px; height: 35px;
	background: url(images/home-leftboxtop.gif) no-repeat top left;
	float: left;
}
.left-box .top h2 {
	margin: 10px 0 0 10px; 
	padding: 0;
	font: bold 16px Arial, serif;
	color: #FFF;
}
.left-box .content {
	width: 340px;
	background: #eaeaea url(images/home-leftboxbg.gif) repeat-y top left;
	float: left;
}
.left-box .content .royal, .left-box .content .bahamas {
	width: 289px; height: 98px;
	background: url(images/home-leftbox-box.gif) no-repeat;
	margin: 8px 0 0 14px;
	font: 11px Arial, serif;
	color: #4181e3;
	padding: 0 10px;
}
.left-box .content .royal span {
	
}
.left-box .content .bahamas span {
	padding-top: 10px;
	float: left;
}
.left-box .content .royal a img, .left-box .content .bahamas a img {
	border: 3px solid #98c7f0;
	float: left;
}
.left-box .content .royal a img {
	margin: 3px 10px 0 23px;
}
.left-box .content .bahamas a img {
	margin: -5px 5px 0 0;
}
.left-box .content .royal a, .left-box .content .bahamas a {
	color: #ab0836;
	font-weight: bold;
	text-decoration: none;
}
.left-box .bottom {
	width: 340px; height: 11px;
	background: url(images/home-leftbox-bottom.gif) no-repeat;
	float: left;
}

.left-box .content .tweet-left {
	width: 307px; height: 74px;
	background: url(images/home-leftbox-tweetbg.gif) no-repeat top left;
	margin: 0 0 0 15px;	
}

.left-box .content .tweet-left a img {
	width: 40px; height: 40px;
	margin: 17px 0 0 12px;
	float: left;
}
.left-box .content .tweet-left p {
	/*width: 240px;
	float: right;
	font: bold 12px Arial, serif;
	color: #FFF;*/
	width: 240px;
	float:right;
	font: bold 11px Arial, serif;
	color: #FFF;
	padding: 2px 0 0 0;
	margin: 0 auto;
}

.left-box .content .tweet-left p span {
	display: block;
	font-weight: normal;
}
.left-box .content .tweet-right {
	width: 307px; height: 74px;
	background: url(images/home-leftbox-tweetbg.gif) no-repeat bottom left;
	margin: 8px 0 0 15px;
}
.left-box .content .tweet-right a img {
	width: 40px; height: 40px;
	margin: 17px 12px 0 0;
	float: right;
}
.left-box .content .tweet-right p {
	width: 240px;
	float: left;
	font: bold 12px Arial, serif;
	color: #FFF;
	margin: 3px 0 0 5px;
}
.left-box .content .tweet-right p span {
	display: block;
	font-weight: normal;
}

#why-join {
	width: 580px; height: 288px;
	background: url(images/home-whyjoinbg.gif) no-repeat;
	float: right;
	margin: 15px 10px 0 0;
}

#why-join ul.why {
	list-style: none;
	width: 580px;
	float: left;
	margin: 5px 0 0 5px;
	padding: 0;
}
#why-join ul.why li {
	width: 166px; height: 38px;
	float: left;
	margin: 0 17px 3px 10px;
	text-align: center;
}
#why-join ul.why li a {
	width: 166px; height: 38px;
	display: block;
	font: bold 14px Arial, serif;
	text-decoration: none;
	color: #4181e3;
	line-height: 38px;
	background: url(images/home-whyjoin-thingbg.gif) no-repeat top left;
}
#why-join ul.why li a:hover {
	background-position: bottom left;
	color: #FFF;
}
#why-join ul.why li a.isactive {
	background-position: bottom left;
	color: #FFF;
}
#why-join .info {
	width: 295px; height: 180px;
	float: right;
	position: relative;
	margin: 17px 20px 0 0;
}
#why-join .info h3 {
	font: bold 18px Arial, serif;
	color: #4181e3;
	margin: 0; padding: 0;
}
#why-join .info p {
	padding: 5px 3px;
	margin: 0;
	color: #FFF;
	font: bold 11px Arial, serif;
}

ul#footer {
	width: 940px; height: 51px;
	margin: 19px 0 15px 10px;
	background: url(images/footerbg.gif) repeat-x top left;
	float: left;
	padding: 0;
	list-style: none;
}
ul#footer li {
	height: 51px;
	float: left;
	color: #4181e3;
	font: bold 12px Arial, serif;
	margin: 0 10px;
	line-height: 51px;
}
ul#footer li.first {
	background: url(images/footer-left.gif) no-repeat top left;
	margin-left: 0;
	padding-left: 80px;

}
ul#footer li.last {
	width: 17px; height: 51px;
	background: url(images/footer-right.gif) no-repeat top left;
	float: right;
	margin-right: 0;
}
ul#footer li a {
	color: #4181e3;
	line-height: 51px;
	text-decoration: none;
}
#takePoll{
background-color: #33CCFF;
}
#takePoll p.question{
font-size: 14px;
font-weight: bold;
color: #dd6923;
}
#slideshow img.pics {  
   width:570px;  height:250px;
   border: 4px solid #4181e3;
	/*width="581" height="258"*/	
} 
 
.pics img {  
    padding: 15px;  

    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 

/*invite code request */
.invite{  float:left; margin: 1px 0 0 0;}
.invite a.thickbox {
    border: 1px solid #B3DBFE;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	color:#333333;
	background: #cccccc;

	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:2px;
	width:auto;
	height:18px;
	cursor:pointer;
}
a.registerbutton{ float:left; margin: 1px 0 0 0;}
a.registerbutton:hover {
    border: 1px solid #4690d6;
	color:#ffffff;
    text-decoration: none;
	background: #4690d6;
}