/*  File: home.css       */
/* 2011-10-11 update : new css for tabs : begins on line 312, ends on line 357 */

/* begin home page elements */

#home_page {
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#home_page #outer_wrap {
	background: url("../img/home_page/outer_wrap_bg.png") no-repeat 50% 0;
	position: relative;
}

#home_page #main {
	height: 510px;
	position: relative;
}


/* begin home page bg elements */

#home_bg .home_bg_img {
	background-repeat: no-repeat;
	background-position: 50% 0;
	display: none;
	height: 850px;
	left: 0;
	position: absolute;
	width: 100%;
}
#home_bg #home_bg_img_1 {
	/*display: block;*/
}


/* begin main util link elements */

#main_util_links {
	height: 25px;
	padding: 18px 0 0;
}
#main_util_links .links {
	float: right;
}
#main_util_links a {
	display: block;
	float: left;
	margin: 0 0 0 7px;
}
#main_util_links a img {
	display: block;
}


/* begin main slideshow elements */

#main_slideshow .slideshow_wrapper {
	height: 302px;
	overflow: hidden;
	position: relative;
}

#main_slideshow .slideshow_wrapper .slideshow {
	height: 302px;
	overflow: hidden;
	position: relative;
	width: 982px;
	display:none;
}
#main_slideshow .slideshow_wrapper .slideshow .slides {
	position: absolute;
	width: 20000em;
}
#main_slideshow .slideshow_wrapper .slideshow .slides .slide {
	float: left;
	height: 180px;
	padding:2px 320px 0 0;
	position: relative;
	width: 672px;
}

#main_slideshow .slideshow_wrapper .navi {
	bottom: 40px;
	display: block;
	left: 40px;
	position: absolute;
}
#main_slideshow .slideshow_wrapper .navi a {
	background: url('../img/slideshow_sprite.png') no-repeat 0 0;
	cursor: pointer;
	display: block;
	float: left;
	height: 13px;
	margin: 0 6px 0 0;
	width: 13px;
}
#main_slideshow .slideshow_wrapper .navi a:hover,
#main_slideshow .slideshow_wrapper .navi a.active {
	background-position: -20px 0;
}

#main_slideshow .slideshow_wrapper .navi #nav_item_0 {
	background-position: 0 -20px;
}
#main_slideshow .slideshow_wrapper .navi #nav_item_0:hover,
#main_slideshow .slideshow_wrapper .navi #nav_item_0.active {
	background-position: -20px -20px;
}

#main_slideshow .slideshow_wrapper .navi #nav_item_1 {
	background-position: 0 -40px;
}
#main_slideshow .slideshow_wrapper .navi #nav_item_1:hover,
#main_slideshow .slideshow_wrapper .navi #nav_item_1.active {
	background-position: -20px -40px;
}

#main_slideshow .slideshow_wrapper .navi #nav_item_2 {
	background-position: 0 -60px;
}
#main_slideshow .slideshow_wrapper .navi #nav_item_2:hover,
#main_slideshow .slideshow_wrapper .navi #nav_item_2.active {
	background-position: -20px -60px;
}

#main_slideshow .slideshow_wrapper .slide_nav a {
	display: none;
}


/* begin main explore elements */

#main_explore {
	height: 122px;
	position: relative;
}

#main_explore a {
	border-bottom: 1px dotted #888;
}

#main_explore a.no_border {
	border: none;
}

#main_explore h2 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3;
}
#main_explore h3,
#main_explore h4,
#main_explore h5,
#main_explore h6 {
	font-weight: bold;
	line-height: 1.3;
}

#main_explore blockquote,
#main_explore table,
#main_explore form,
#main_explore p,
#main_explore ol,
#main_explore ul {
	line-height: 1.3;
	margin: .5em 0;
}

#main_explore ol li {
	list-style-type: decimal;
	margin: .5em 0 .5em 2em;
}
#main_explore ul li {
	list-style-type: disc;
	margin: .5em 0 .5em 2em;
}

#main_explore h2 + p,
#main_explore h3 + p,
#main_explore h4 + p,
#main_explore h5 + p,
#main_explore h6 + p,
#main_explore :first-child {
	margin-top: 0;
}

/* begin explore block elements */

#main_explore .explore_block {
	background: #000;
	background: rgba(0,0,0,0.5);
	border: 1px solid #fff;
	border-color: rgba(255,255,255,0.75);
	float: left;
	height: 120px;
	width: 318px;
	overflow: hidden;
	position: absolute;
	top: 0;
}
#main_explore .open_box {
	background: #000;
	background: rgba(0,0,0,0.9);
}
#main_explore #explore_homes {
	left: 0;
}
#main_explore #explore_businesses {
	left: 331px;
}
#main_explore #explore_power_plants {
	left: 662px;
}

#main_explore .explore_teaser {
	cursor: pointer;
	height: 160px;
}
#main_explore .explore_teaser .title {
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	padding: 0 9px;
	text-align: right;
	text-transform: uppercase;
}
#main_explore #explore_homes .explore_teaser .title {
	background: #a2ad00;
}
#main_explore #explore_businesses .explore_teaser .title {
	background: #e37c00;
}
#main_explore #explore_power_plants .explore_teaser .title {
	background: #729bc7;
}

#main_explore .explore_teaser .body {
	height: 82px;
	padding: 10px;
	position: relative;
}
#main_explore .explore_teaser .body img.label {
	bottom: 10px;
	display: block;
	position: absolute;
	right: 10px;
}

#main_explore .explore_detail {
	display: none;
	height: 295px;
	position: relative;
	width: 548px;
}
#main_explore #explore_homes .explore_detail {
	border-top: 5px solid #a2ad00;
}
#main_explore #explore_businesses .explore_detail {
	border-top: 5px solid #e37c00;
}
#main_explore #explore_power_plants .explore_detail {
	border-top: 5px solid #729bc7;
}

#main_explore .explore_detail .detail_top {
	height: 227px;
	padding: 0 28px 0 0;
	overflow: hidden;
}
#main_explore .explore_detail .detail_top .top_left {
	float: left;
	padding: 10px;
	width: 225px;
}
#main_explore .explore_detail .detail_top .top_right {
	float: left;
	padding: 10px 0;
	width: 275px;
}

#main_explore .explore_detail .detail_bottom {
	height: 68px;
	overflow: hidden;
}
#main_explore #explore_homes .explore_detail .detail_bottom {
	background: #a2ad00;
	background: rgba(162,173,0,0.5);
}
#main_explore #explore_businesses .explore_detail .detail_bottom {
	background: #e37c00;
	background: rgba(227,124,0,0.5);
}
#main_explore #explore_power_plants .explore_detail .detail_bottom {
	background: #729bc7;
	background: rgba(114,155,199,0.5);
}
#main_explore .explore_detail .close {
	background: url('../img/home_page/explore/close.png') no-repeat 0 0;
	border: none;
	cursor: pointer;
	display: block;
	height: 18px;
	padding: 0;
	position: absolute;
	right: 5px;
	text-indent: -999em;
	top: 5px;
	width: 18px;
}

/* new css for tabs */
#main_explore #explore_businesses.has_tabs .explore_detail {
	border: none;
	height: 315px;
	padding: 2px;
	width: 544px;
}
#main_explore .tabs {
	height: 21px;
	overflow: hidden;
	padding-top:3px;
}
#main_explore .tabs a {
	background-color: #545353;
	color: #fff;
	display: block;
	height: 19px;
	line-height: 19px;
	font-weight: bold;
	margin-top: 2px;
	padding-top: 0;
	padding-bottom: 4px;
	text-align: center;
	text-transform: uppercase;
}
#main_explore .tabs a.on {
	background: #d47317;
	margin-top: 0;
	padding-top: 2px;
}
#main_explore .tabbed_content {
	border: 1px solid #d47317;
	clear: both;
	position: relative;
}
#main_explore .tabbed_content.off {
	display: none;
}
#main_explore .has_tabs .explore_detail .detail_top {
	padding-right: 22px;
}
#main_explore .has_tabs .explore_detail .close {
	top: 3px;
	right: 3px;
}
/* end new css for tabs */


/* begin overlay thumb elements */

#main_explore .medium_thumb .enlarge_thumb_wrap,
#main_explore .medium_thumb .video_thumb_wrap {
	height: 122px;
	width: 220px;
}
#main_explore .medium_thumb .enlarge_thumb_wrap .mask,
#main_explore .medium_thumb .video_thumb_wrap .mask {
	left: 88px;
	top: 39px;
}


/* begin main social elements */

#main_social {
	height: 28px;
	overflow: hidden;
	padding: 11px 0 0;
}

/* begin social ticker elements */

#social_ticker {
	background: #666;
	/*background: rgba(102,102,102,0.5);*/
	border: 1px solid #fff;
	border-color: rgba(255,255,255,0.5);
	float: left;
	height: 26px;
	overflow: hidden;
	position: relative;
	width: 798px;
}

#social_ticker .ticker_nav {
	float: left;
	height: 26px;
	width: 24px;
}
#social_ticker .ticker_nav a {
	background: url('../img/ticker_sprite.png') no-repeat 6px 5px;
	cursor: pointer;
	display: block;
	height: 13px;
	width: 24px;
}
#social_ticker .ticker_nav a.next {
	background-position: 6px -18px;
}
#social_ticker .ticker {
	float: left;
	height: 26px;
	overflow: hidden;
	position: relative;
	width: 774px;
}
#social_ticker .ticker .items {
	position: absolute;
	height: 20000em;
	width: 774px;
}
#social_ticker .ticker .items .item {
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	position: relative;
	width: 774px;
}
#social_ticker .ticker .items .item a {
	border-bottom: 1px dotted #888;
}


/* 
This has been moved to layout.css. The content is appearing in footer on all pages.

begin social follow us elements 

#social_follow_us {
	background: #666;
	background: rgba(102,102,102,0.5);
	border: 1px solid #fff;
	border-color: rgba(255,255,255,0.5);
	float: right;
	font-size: .9em;	
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	padding: 0 7px;
	text-transform: uppercase;
	width: 160px;
}
#social_follow_us h6 {
	float: left;
	margin: 0 6px 0 0;
}
#social_follow_us a.icon {
	background: url('../img/social_sprite.png') no-repeat 0 4px;
	display: block;
	float: left;
	height: 18px;
	margin: 0 6px 0 0;
	padding: 4px 0 0;
	text-indent: -999em;
	width: 18px;
}
#social_follow_us a.facebook {
	background-position: 0 4px;
}
#social_follow_us a.twitter {
	background-position: -20px 4px;
}
#social_follow_us a.youtube {
	background-position: -40px 4px;
}
#social_follow_us a.blog {
	background-position: -60px 4px;
	margin: 0;
}*/


/* begin footer elements */

#home_page #footer {
	padding-left: 0;
}
#home_page #footer_nav {
	width: 764px;
}