/* 1_Home.css style sheet for layout 1_Home.aspx */
/*----------------------- HOME BASE & CANVAS -------------------------*/
#dfhomestage{width: 1004px; margin: 0 auto; position: relative; margin-top: 27px;}

#dfcontentarea  {clear: both; width: 1004px; position: relative; background-image: none; margin-top: -25px; padding: 0 0 0 0; _height: 400px; min-height: 400px;}
#dfhomemainarea	{clear: both; width: 1015px; height: 472px; margin: 0 auto; background-image: url(/App_Themes/Default/Images/bg_understage.png); background-repeat: no-repeat;}
.dfstagepush    {margin: 0 0 0 2px;}
h1				{font-size: 14px; color: #8FCEDC; padding: 0; margin: 0; font-weight: normal;}
h3				{font-size: 16px;}

/*----------------------- HOME AREA -------------------------*/
.dfhometitleloc		{position: relative; width: 1019px; clear: both; margin: 0px auto;}
.dfhometitleloc	div	{position: absolute; top: -20px; right: 35px;}
.dfcontentlefthome	{float: left; width: 475px; min-height:200px; _height:200px;}

.dfcontentrighthome	{float: left; width: 475px; min-height:200px; _height:200px;}
.dfcontentspacer	{float: left; width: 15px;}
.dfcontentspacerhome{float: left; width: 25px;}

/*-- CONTENT BLOCKS --*/
.HomeTitleStyle, .HomeTitledEdit, HomeTitleMStyle, HomeTitleMdEdit {font-family: Trebuchet MS, Arial; font-weight:normal;}
.HomeTitleStyle p, .HomeTitledEdit p, .HomeTitleMStyle p, .HomeTitleMdEdit p, .HomeTagStyle p, .HomeTagEdit p {margin: 0; padding: 0;}

/*----------------------- HOME TITLE CB -------------------------*/
.HomeTitleStyle, .HomeTitledEdit {font-size: 26px; line-height: 28px; color:#314C70;}

/*----------------------- HOME MID TITLE CB -------------------------*/
.HomeTitleMStyle, .HomeTitleMdEdit {font-size: 22px; line-height: 28px; color:#007DA1;}

/*----------------------- HOME TAG CB -------------------------*/
.HomeTagStyle, .HomeTagEdit {font-size: 20px; color:#007DA1; line-height: 22px; color:#007DA1;}


.btnslide01 {position: absolute; top: 270px; left: 330px; z-index: 25000;}
.btnslide02 {position: absolute; top: 270px; left: 495px; z-index: 25001;}
.btnslide01B {position: absolute; top: 262px; left: 52px; z-index: 25000;}
.btnslide02B {position: absolute; top: 303px; left: 52px; z-index: 25001;}
.btnslide01C {position: absolute; top: 264px; right: 80px; z-index: 25000;}
.btnslide01D {position: absolute; top: 262px; left: 184px; z-index: 25000;}
.imgslide01 {z-index: 20000;}

/**************/
/* SCROLLABLE */
/**************/

#scroll {
	position:relative;
	overflow:hidden;
	width:1010px;
	height:472px;
}
 
#tools {
	width:9999em;
	position:absolute;
	height:304px;
}
 
.tool 
{
    overflow:hidden;
	float:left;
	width:1010px;
	height:472px;
	text-align:center;
}
 
.details {
	font-size:18px;
	color:#555;
	background-color:transparent;
}
 
 
#thumbs {
	background:url(/App_Themes/Default/images/home-navimg.png) no-repeat;
	width:490px;
	height:74px;
	position:absolute;
	top:304px;
}
 
.t {
	padding:0 !important;
	border:0 !important;
}
 
.t a {
	background:transparent url(/App_Themes/Default/images/home-navimg.png) no-repeat scroll;
	display:block;
	width:116px;
	float:left;
	height:74px;
	cursor:pointer;
}
 
.t a.active {
	cursor:default !important;
}
 
.navi {
	margin-left:255px;
	_margin-left:255px;
}

/* CSS sprite for the navigation */
#t0 	   { background-position:0 -74px; }
#t0.active { background-position:0 0 !important; }
#t0:hover  { background-position:0 -148px; }
#t0:active { background-position:0 -216px; }
 
#t1			{ background-position:-256px -74px; }
#t1:hover 	{ background-position:-256px -148px; }
#t1:active	{ background-position:-256px -216px; }
#t1.active	{ background-position:-256px 0 !important; }
 
#t2			{ background-position:-377px -74px; }
#t2:hover 	{ background-position:-377px -148px; }
#t2:active	{ background-position:-377px -216px; }
#t2.active	{ background-position:-377px 0 !important; }
 
#t3			{ background-position:-498px -74px; }
#t3:hover 	{ background-position:-498px -148px; }
#t3:active	{ background-position:-498px -216px; }
#t3.active	{ background-position:-498px 0 !important; }
 
#t4			{ background-position:-619px -74px; }
#t4:hover 	{ background-position:-619px -148px; }
#t4:active	{ background-position:-619px -216px; }
#t4.active	{ background-position:-619px 0 !important; }