/*----------------------------------------------
	HOME.CSS
	Author:		Engage Interactive


----------------------------------------------*/

h2 {
	padding-left:0;
	font-size:23px;
	margin-bottom:10px;
}

#holder {
	width:940px;
	overflow:hidden;
}

#panels {
	float:right;
	width:300px;
}

.left_panel {
	margin-right:4px;
}

/*-------------------------------
	FIND US PANEL
-------------------------------*/

#find_us {
	clear:both;
	position:relative;
	width:290px;
	padding:4px;
	height:101px;
	border:1px solid #e2e2e2;
	background:#FFF;
	border-radius:10px;
	/* Border radius*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#find_us a {
	position:absolute;
	z-index:100;
	background:#FFF;
	top:50%;
	margin-top:-8px;
	width:14px;
	height:16px;
	text-indent:-5000px;
	background:url(/assets/images/home/findus/left_arrow.gif);
}

#find_us a#find_prev {
	left:20px;
}

#find_us a#find_next {
	right:20px;
	background:url(/assets/images/home/findus/right_arrow.gif);
}

#find_us span {
	position:absolute;
	z-index:100;
	color:#666;
	top:10px;
	left:12px;
	font-weight:bold;
	font-style:italic;
}


#find_us ul {
	position:relative;
	z-index:50;
	width:290px;
	height:101px;
	overflow:hidden;
	border-radius:7px;
	/* Border radius*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

#find_us ul li {
	display:none;
	color:#FFF;
	padding:10px;
	width:270px;
	height:81px;
	position:absolute;
	left:0;
	top:0;
	border-radius:7px;
	/* Border radius*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}


/*-------------------------------
	SLIDESHOW
-------------------------------*/

#slideshow {
	position:relative;
	float:left;
	width:610px;
	padding:4px;
	height:253px;
	border:1px solid #e2e2e2;
	background:#FFF;
	border-radius:10px;
	overflow:hidden;
	/* Border radius*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#s_timer {
	position:absolute;
	left:100px;
	bottom:14px;
	width:80px;
	height:4px;
	margin-top:-2px;
	border-radius:2px;
	overflow:hidden;
	background:rgba(255,255,255,0.4);
	z-index:100;
	/* Border radius*/
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

#s_timer span {
	display:block;
	width:0;
	height:4px;
	border-radius:2px;
	background:rgba(255,255,255,0.8);
	/* Border radius*/
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

#slideshow span.corner {
	position:absolute;
	top:4px;
	width:6px;
	height:253px;
	background-image:url(/assets/images/home/corners.png);
	z-index:100;
}

#slideshow span.left {
	left:4px;
	background-position:100% 0;
}

#slideshow span.right {
	right:4px;
	background-position:0 0;
}

#s_window {
	position:relative;
	width:610px;
	height:253px;
	overflow:hidden;
}

#s_slider {
	position:absolute;
	left:0;
	top:0;
	width:9999px;
	z-index:20;
}

#s_slider .s_content {
	position:relative;
	float:left;
	width:594px;
	height:253px;
	padding-right:16px;
	margin-right:4px;
	background:url(/assets/images/home/slideshow_bg.jpg) 0 0 no-repeat;
	border-radius:6px;
	overflow:hidden;
	/* Border radius*/
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.s_content p {
}

#s_slider span.image {
	float:left;
	display:block;
	width:284px;
	height:253px;
	margin-right:16px;
	border-radius:6px 0 0 6px;
	/* Border radius*/
	-moz-border-radius:6px 0 0 6px;
	-webkit-border-radius:6px 0 0 6px;
}

#s_slider h2 {
	float:left;
	width:294px;
	padding-top:10px;
	font-style:italic;
	font-weight:normal;
}

#s_slider .more {
	position:absolute;
	right:16px;
	top:209px;
	/*bottom:16px;*/
	display:block;
	width:144px;
	height:34px;
	background:url(/assets/images/home/more_button.png);
	text-indent:-5000px;
}

#s_nav {
	position:absolute;
	right:15px;
	top:15px;
	z-index:100;
}

#s_nav li {
	float:left;
}

#s_nav li a {
	display:block;
	width:21px;
	height:21px;
	text-indent:-5000px;
	background:url(/assets/images/home/slideshow_nav.png) 0 0 no-repeat;
}

#s_nav li a.disabled,
#s_nav li a.disabled:hover {
	cursor:default;
}

#s_nav li.prev {
	margin-right:6px;
}

#s_nav li.next a {
	background-position:100% 0;
}

#s_nav li.prev a:hover {
	background-position:0 -21px;
}

#s_nav li.next a:hover {
	background-position:100% -21px;
}

#slideshow_thumbs {
	position:relative;
	width:892px;
	height:133px;
	padding:4px 23px 4px;
	margin-top:20px;
	border:1px solid #e2e2e2;
	background:#FFF;
	border-radius:10px;
	/* Border radius*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

}

#slideshow_thumbs div {
	position:relative;
	width:892px;
	height:133px;
	overflow:hidden;
}

#slideshow_thumbs ul {
	position:absolute;
	padding-left:14px;
	left:0;
	top:0;
	width:9999px;
	height:133px;
	background:#37312c; 
}

#slideshow_thumbs li {
	float:left;
	width:103px;
	padding-top:13px;
	height:120px;
	margin:0 20px;
}

#slideshow_thumbs li a {
	display:block;
	width:103px;
	height:103px;
	color:#999;
	text-align:center;
	opacity:0.4;
}

#slideshow_thumbs li a.active,
#slideshow_thumbs li a:hover {
	text-decoration:none;
	color:#111;
	opacity:1;
	
}

#slideshow_thumbs div ul li a img {
	margin-bottom:4px;
}

#slideshow_thumbs .thumbs_scroll {
	position:absolute;
	top:4px;
	display:block;
	width:19px;
	height:133px;
	background-color:#b2b2b2;
	background-image:url(/assets/images/home/thumbs_scroll.png);
	text-indent:-5000px;
	z-index:100;
}

#slideshow_thumbs .thumbs_scroll:hover {
	background-color:#CCC;
}

#slideshow_thumbs .disabled {
	cursor:default;
}

#thumbs_left {
	left:4px;
	background-position:0 0;
	border-radius:6px 0 0 6px;
	/* Border radius*/
	-moz-border-radius:6px 0 0 6px;
	-webkit-border-radius:6px 0 0 6px;
}

#thumbs_right {
	right:4px;
	background-position:100% 0;
	border-radius:0 6px 6px 0;
	/* Border radius*/
	-moz-border-radius:0 6px 6px 0;
	-webkit-border-radius:0 6px 6px 0;
}