/* 23_SolutionAddons.css style sheet for layout 23_SolutionAddons.aspx */

#dfinteriorheaderProject{width: 1010px; margin: 0 auto; position: relative; background-image: url(/App_Themes/Default/Images/bg_stage.png); background-repeat: no-repeat; margin-top: 12px;}

/* project image col */	
#dfprojectimagecol			{float: left; width: 469px; position:relative;}
#dfprojectimagecol	div		{padding: 0 0 0 0;}

#dfprojectgallerybuttons	{float: right; padding: 0 15px 0 0; margin-top: -15px; position:relative; z-index: 10;}
#dfprojectgallerybuttons div{float: left; padding: 0 0 0 5px;}
#dfprojectcontentarea		{clear: both; padding: 0; margin: 35px 0 0 8px;}

/* project details col  */
#dfprojectdetailscol		{float: left; width: 535px; position:relative;}
#dfprojectdetailscol div, #dfprojectdetailscol h1, #dfprojectdetailscol h2 {padding: 0 0 0 24px;}
#dfprojectdetailscol h1		{font-size: 28px; color: #ffffff; text-transform: none; padding-top: 8px;}
#dfprojectdetailscol h2		{font-size: 13px; color: #8FCEDC; text-transform: uppercase; padding-top: 155px;}
#dfprojectdetailscol .header{clear: both; padding: 0; height: 385px; width: 485px;}

.dfprojectlabel				{font-size: 22px; color: #314C70; font-weight: normal;}
.dfprojecttinylabel, .dfprojecttinylabelcol{font-size: 13px; color: #007DA1; font-weight: normal; line-height: 20px;}
.dfprojecttinytxt, .dfprojecttinytxtcol{font-size: 13px; color: #314C70; font-weight: normal; line-height: 20px;}
.dfsharethisdivide			{font-size: 16px; color: #314C70; font-weight: normal; margin-top: 3px;}
.dfprojectlineright			{margin: 0 20px 0 20px;}
.dfprojectlineleft			{margin: 0 0 0 4px;}

/* project list  */
.dfprojectfull		{padding: 25px 0 0 0;}	
.dfprojecttinylabelcol, .dfprojecttinytxtcol{float: left; width: 150px;}
.dfprojectdesc		{font-size: 12px; color:#ffffff; font-weight:normal; line-height: 16px; margin-top: 8px;}
.dfprojectnavservices	{font-size: 10px; color:#008BAC; font-weight:normal; line-height: 16px; margin-top: 9px;}

a.dfprojecturl			{color: #8FCEDC; font-size: 16px; text-decoration: none; padding: 2px 0 0 20px;}
a.dfprojecturl:hover	{color: #ffffff;}

#ProjectGalleryContainer{width:469px; height:446px; position:relative; z-index: 1;}
#ProjectGalleryIMG{width:469px; height:446px; position:absolute;left:6px; right:0px; top:6px; bottom:0px; opacity:1;}
#ProjectGalleryMask{width:469px; height:446px; position:absolute; left:0px; right:0px;}


/* // Easy Slider */

/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */


	#slider ul{
		margin:0;
		padding:0;
		list-style:none;
    }

	#slider, #slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		margin:0;
		padding:0;
		width:469px;
		height:446px;
		overflow:hidden; 
		}	
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:38px;
		height:36px;
		position:absolute;
		left:380px;
		top:425px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:420px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:38px;
		height:36px;
		background:url(/App_Themes/Default/Images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(/App_Themes/Default/Images/btn_next.png) no-repeat 0 0;	
		}	
		
	
	
/* // Easy Slider */
