@charset "utf-8";
/* CSS Document */

body
{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
	min-height:100%;
	background-image:url(/images/bg-line-titler.gif);
	background-repeat:repeat-y;
}


#wrapper
{
	width:100%;
	min-height:100%;
	height:100%;
	background-color:#FFF;	
}
#wrapper2{
	width:1150px;
}
p{ }

#logo
{
	background-image:url(../images/dispirito-logo.gif);
	width:400px;
	height:94px;
	margin-left:25px;
	margin-top:0px;
	background-color:#FFF;
	padding-top:3px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#navigation
{
	width:85px;
	height:600px;
	float:left;
	line-height:28px;
	padding-top:10px;
	border-right:1px solid #000000
	/*border-bottom:1px solid #000000;*/
}

#navigation a
{
	text-decoration:none;
	clear:both;
	display:block;
	margin-left:10px;
	margin-top:2px;
	font-size:14px;
}

#panel
{
	width:680px;
	height:204px;
	/*background-color:#aed46d;*/
	float:left;
	
}

#panel-portfolio
{
	height:auto;
	width:630px;
	float:left;
	border-bottom:1px solid #000000; /* border for portfolio, main area*/
	/*padding-right:400px;*/
	margin-bottom:-15px;
	padding-left:5px;
	/*margin-right:0;*/
}
#panel-portfolio img
{

	margin-left:-5px;


}
#panel-clients
{

	height:auto;
	width:66%;
	float:left;
	border-bottom:1px solid #000000; /* border for portfolio, main area*/
	/* padding:12px;*/


}

#panel-portfolio img{ margin-bottom:-16px; }

.clientImage{
	border:1px solid #000000;
	border-bottom:none;
	border-left:none;	
}

.clientsPanelImage{ margin-bottom:-1px; }

a
{
	color:#000000;
	text-decoration:underline;
}

a:hover{ color:#a5cb65; }
#quote{
	color:#7B3F00;
	margin-top:15px;
	clear:both;
	width:520px;

}

#quote2{
	color:#7B3F00;
	margin-top:15px;
	clear:both;
	width:490px;

}

.selectedLink
{ 
	color:#a5cb65; 
	text-decoration:none;
}

#line
{
	width:100%;
	border-top:1px solid #000000; /* Border for main line, not portfolio*/
	position:absolute;
	left:0;
	z-index:100;
	top:300px;

}

#textLogo
{
	 /* background-image:url(../images/text-logo.gif); */
	background-repeat:no-repeat;
	width:235px;
	height:58px;
	float:left;
	margin-top:140px;
	margin-left:15px;
}

#content
{
	width:630px;
	padding:10px;
	float:left;
	z-index:0;
	/*clear:both;*/
}
#contentPf {

}
#contentHome
{
	width:850px;
	padding:10px;
	float:left;
	z-index:0;
	/*clear:both;*/
}

h1
{
	font-size:18px;
	line-height:22px;
	margin-top:3px;
	font-weight:normal;
}

#submenu
{
	width:85px;
	/*height:800px;*/
	float:left;
	line-height:28px;
	padding-top:10px;
	margin-top:0px;
	border-right:1px solid #000000;
	/*border-top:1px solid #000000;*/
	
}

#submenu a
{
	text-decoration:none;
	clear:both;
	display:block;
	margin-left:10px;
	margin-top:2px;
	font-size:14px;
	font-weight:normal;


}

#middle-column
{
	width:230px;
	padding:5px;
	/*margin-bottom:-20px;*/
	/*height:100%;*/
	height:800px;
	float:left;
	line-height:30px;
	padding-top:0px;
	border-right:1px solid #000000;
	background-color:#FFFFFF;
}

#middle-column a
{
	text-decoration:none;
	clear:both;
	/*display:block;*/
	/*margin-left:10px;*/
	margin-top:2px;
	font-size:14px;
	line-height:14px;

}

#middle-column-data
{
	overflow:auto;
	height:580px;
	width:229px;
	line-height:14px;
	padding-left:6px;

	
}

#logoMiddle{margin-left:10px;}

.arrow
{
	position:absolute;
	margin-right:1px;
	left:318px;
	/*top:316px;*/
}


#homeStep img {margin-right:10px;}
#homeStep a {position:absolute;margin-top:-1px;}

.homeProjects{
	float:left;
	width:155px;
	padding:2px;
	padding-left:0px;
	margin:8px;
	margin-left:0px;
	font-size:14px;
	line-height:14px;
	height:250px;
}
.homeBoxes{
	width:150px;
	height:150px;
	border:1px solid #000000;
	margin:2px;
	margin-left:0px;
	text-align:center;
	line-height:11px;
}
#numberStepDiv{
	padding:20px;
	position:absolute;
	padding-left:15px;
	margin-bottom:15px;
	clear:both;
	margin-left:-10px;
		margin-top:-18px;
}
.numberStep{
	display:block;
	width:17px;
	height:17px;
	background-color:#CCCCCC;
	color:#FFFFFF;
	margin-right:5px;
	float:left;
	text-align:center;
	text-decoration:none;
	line-height:17px;
	margin-top:5px;
}
.numberStep:hover{
color:#000000;}
.numberStepSelected{
	display:block;
	width:17px;
	height:17px;
	background-color:#a5cb65;
	color:#000000;
	margin-right:5px;
	float:left;
	text-align:center;
	text-decoration:none;
	line-height:17px;
	margin-top:5px;
}
.numberStepSelected:hover{
	color:#FFFFFF;
}

/* used on portfolio*/
#lineExtend{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	width:60%;
	z-index:1000;
	background-color:#000;
	position:absolute;
	right:0px;
	left:40%;
	z-index:-10;
	

}
#lineExtend2{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	float:left;
	width:60%;
	height:1px;
	position:absolute;
	top:285px;
	left:0px;
	margin-left:40%;
	z-index:-10;
}
/* used on clients*/
#lineExtend3{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	float:left;
	width:64%;
	height:1px;
	position:absolute;
	top:301px;
	left:0px;
	margin-left:36%;
	z-index:-10;
}
.clientImage2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}