/*begin header*/
#header {
	height: 265px;
}
#sunrays {
	height: 184px;
}
#sunrays {
	background-repeat: no-repeat;
	background-image: url(../imgs/sunrays_fixed.jpg);
	width: 904px;
	margin: 0 auto;
	left: 14px;
}
#hills-top{
	background-image: url(../imgs/hill.png);
	background-repeat: repeat-x;
	height: 127px;
	top: -63px;
}
#hills-bottom {
	height: 18px;
}
/*end header*/
/*begin masthead*/
#masthead {
	top: -277px;
}
#red-dog {
	background-image: url(../imgs/home_sprite.png);
	background-position: 0 0;
	width: 198px;
	height: 203px;
	left: 48px;
}
#orange-dog {
	background-image: url(../imgs/home_sprite.png);
	background-position: 0 -204px;
	width: 129px;
	height: 126px;
	top: 85px;
	left: 556px;
}
#beta {
	background-image: url(../imgs/beta.png);
	width: 65px;
	height: 22px;
	top: 20px;
	left: 615px;
}
#gray-car {
	background-image: url(../imgs/home_sprite.png);
	background-position: -130px -247px;
	width: 55px;
	height: 33px;
	top: 69px;
	left: 658px;
}
#join-now {
	width: 250px;
	left: 712px;
	top: -52px;
	cursor: pointer;
}
#join-now a {
	background-image: url(../imgs/violet_bg.png);
	color: #FFFFFF;
	font-size: 1.80em;
	line-height: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	height: 36px;
	padding-left: 4px;
	padding-top: 11px;
	font-weight: normal;
}
#family-greeting {
	font-size: 0.6em;
}
#join-now a > span {
	background-image: url(../imgs/main_sprite.png);
	background-position: -60px 0;
l	background-repeat: no-repeat;
	height: 21px;
	width: 21px;
	float: right;
	margin: 6px 6px 0 0;
}
#twitter {
	background-image: url(../imgs/home_sprite.png);
	background-position: -130px -204px;
	margin: 0 1px 0 2px;
}
#facebook {
	background-image: url(../imgs/home_sprite.png);
	background-position: -147px -204px;
	margin: 0 2px;
}
#sign {
	position: absolute;
	width: 216px;
	top: 97px;
	left: 255px;
	/*display: none; /*for now*/
}
#sign > b, #sign > b *, #sign > i, #sign > i * {
	display: block;
}
#sign > b {
	background-image: url(../imgs/home_sprite.png);
	background-position: -164px -204px;
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
}
#sign > b > b {
	background-image: url(../imgs/background_colors.png);
	background-position: 0 -75px;
	border-top: 3px solid #FFFFFF;
	height: 7px;
	margin: 0 10px;
}
#sign > b > i {
	background-image: url(../imgs/home_sprite.png);
	background-position: -174px -204px;
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
	position: absolute;
	right: 0;
	top: 0;
}
#sign-inner {
	color: #FFFFFF;
	text-transform: uppercase;
	background-image: url(../imgs/background_colors.png);
	/*background-repeat: repeat-x;*/ /*by default the backround should repeat to cover the entire element*/
	background-position: 0 -75px;
	border-width: 0 3px 0 3px;
	border-style: solid;
	border-color: #ffffff;
	/*height: 42px;*/  /*see above note*/
	text-align: center;
	line-height: 0.86em;
	letter-spacing: 0.05em;
	font-size: 1.08em;
	font-weight: bold;
}
#sign-inner a{
	text-decoration: none;
	color: #FFFFFF;
	vertical-align: middle;
	display: inline-block;
	margin: 3px 0 0 4px;
}
#sign > i {
	background-image: url(../imgs/home_sprite.png);
	background-position: -164px -214px;
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
}
#sign > i > i {
	background-image: url(../imgs/background_colors.png);
	background-position: 0 -75px;
	border-bottom: 3px solid #FFFFFF;
	margin: 0 10px;
	height: 7px;
}
#sign > i > b {
	background-image: url(../imgs/home_sprite.png);
	background-position: -174px -214px;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}
#sign-post {
	background-image: url(../imgs/sign_post.png);
	background-repeat: repeat-y;
	height: 30px;
	width: 6px;
	position: absolute;
	left: 103px;
}
/*end masthead*/
/*begin login*/
#login {
	left: 748px;
	top: 21px;
}
#login-username input {
	background-image: url(../imgs/home_sprite.png);
	background-position: 0 -331px;
}
#login-password input {
	background-image: url(../imgs/home_sprite.png);
	background-position: 0 -366px;
}
.login-text {
	margin: 0 0 15px;
	width: 214px;
	height: 34px;
}
.login-text input {
	margin: 0 0 5px;
	width: 202px;
	padding: 6px;
	height: 22px;
	font-size: 1.2em;
}
#login-button {
	margin-top: 0px;
	width: 104px;
}
#login-button button {
	letter-spacing: 0.01em;
	height: 26px;
}
#login-button {
margin-right: -5px !important;
}

#login-button button {
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-family:Georgia;
font-size:1em;
height:40px !important;
letter-spacing:0.01em;
line-height:1.7em;
padding:0;
text-transform:uppercase;
width:90px !important;
float:left;
}

.button.pink {
background:url(../imgs/button_left_pink.png) no-repeat scroll 0 0;
margin-top: -5px !important
}
#login .button.pink .right {
background:url(../imgs/button_right_pink.png) no-repeat scroll 0 0 transparent;
}
.button.pink button {
background:url(../imgs/button_middle_pink.png) repeat-x scroll 0 1px;
font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
}

#join-now a {
background: none repeat scroll 0 0 #A2006D;
background-image: url(../imgs/join_middle.png) !important;
}

.joinBottom {
background:url(../imgs/join_bottom.png) no-repeat scroll -1px -1px transparent;
display:block;
height:16px;
width:250px;
margin-top:-5px;
}

#sign b {
background:url(../imgs/sign_top.png) no-repeat scroll 0 0 transparent;
height:10px;
width:220px;
top:1px;
position:relative;
z-index:99;
}
#sign i {
background:url(../imgs/sign_bottom.png) no-repeat;
height:11px;
width:220px;
position:relative;
top:-1px;
z-index:99;
}

#sign-inner {
background-image: url(../imgs/sign_middle.png) !important;
background-position: 0;
}
/*end login*/
/*begin content*/
#content-inner {
	height: 298px;
	overflow: hidden;
}
.slide {
	position: absolute;
	width: 827px;
	visibility: hidden;
}		
#content-nav {
	background-color: #ffffff;
	height: 37px;
	text-align: center;
}
#content-nav-top {
	height: 1px;
	margin: 0 52px 9px;
	border: none;
	background-color: #D9E5C3;
}
#content-nav-left, #content-nav-right, #content-nav-dots {
	display: inline-block;
	position: relative;
	background-repeat: no-repeat;
}
#content-nav-left {
	background-image: url(../imgs/home_sprite.png);
	background-position: -130px -225px;
	width: 21px;
	height: 21px;
	cursor: pointer;
	top: 1px;
	left: -1px;
}
#content-nav-right {
	background-image: url(../imgs/home_sprite.png);
	background-position: -152px -225px;
	width: 21px;
	height: 21px;
	cursor: pointer;
	top: 1px;
	left: 2px;
}
#content-nav-dots {
	top: -5px;
}
#content-nav-dots > * {
	display: block;
	width: 6px;
	height: 7px;
	background-image: url(../imgs/home_sprite.png);
	background-position: -174px -225px;
	background-repeat: no-repeat;
	margin: 0 2px 0 3px;
	cursor: pointer;
	float: left;
}
/*end content*/
/*begin slider layouts*/
.slide > div {
	font-size: 0.85em;
	line-height: 1.47em;
	text-align: justify;
}
.slide h1 {
	margin: 12px 0 0.32em;
	text-align: left;
}
.layout-2col h3 {
	font-size: 1.3em;
	margin: 0 0 0.1em;
	text-transform: uppercase;
	text-align: left;
}
.layout-2col img {
	float: left;
	margin-right: 23px;
}
.layout-2col > div {
	width: 324px;
	float: left;
}
.layout-2col div.col1 {
	margin-right: 20px;
}
.layout-1col1vid > div {
	float: left;
	width: 359px;
}
.layout-1col1vid > object {
	float: right;
}
.layout-1col1vid > img {
	float: right;
}
.layout-1col > div {
	width: 669px;
	float: left;
}
.layout-1col > img {
	float: right;
	margin-left: 23px;
}
/*end slider layouts*/
/*begin footer*/
#worm {
	position: relative;
	width: 964px;
	margin: 0 auto;
}
#worm div {
	background-image: url(../imgs/home_sprite.png);
	background-repeat: no-repeat;
	background-position: -130px -281px;
	height: 48px;
	width: 56px;
	position: absolute;
	left: 899px;
	top: -54px;
}
/*end footer*/
