
#portfolio {
	position:relative;
	width:100%;
	height:443px;
}
#red-section {
	width:200px;
	height:403px;
	float:left;
	background:#CC0001;
	color:#fff;
	padding:20px;
	font-size:13px;
	line-height:30px;
}
#red-section p {
	margin:10px 0;
	padding:0;
}
#red-section a {
	color:#fff;
	font-weight:normal;
}
	
	
	#slider {
		
		width:510px !important;
		height:443px;
		position: relative;
		float:left;
		
	
	
		
	}	

  
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;

			
	
}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:510px;
		height:415px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:29px;
		height:29px;
		position:absolute;
		left:610px;
		top:539px;
		z-index:1;
		
		}	
		
	#nextBtn, #slider1next{ 
		left:650px;
		top:539px;
		
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		position:absolute;
		top:382px;
		left:240px;
		width:512px;
		}
	ol#controls li{
		
		float:left;
		list-style:none;
		text-indent:-3000px;
		
		
		}
	ol#controls li a {
		float:left;
	text-indent:-3000px;
		display:block;
		
		color:#555;
		text-decoration:none;
		}
	ol#controls li.current a {
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	height:45px;
		
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	#slider p {
		display:block;
		position:absolute;
		width:500px;
		top:182px;
		left:37px;
	}
	
	#controls1, #controls1 a {
		background:url(../images/homeTitleBG1small.jpg) no-repeat;
		width:64px;
		height:49px;
		display:block;
	}


#controls2, #controls2 a {
		background:url(../images/homeTitleBG2small.jpg) no-repeat;
		width:64px;
		height:49px;
		display:block;
	}

#controls3, #controls3 a {
		background:url(../images/homeTitleBG3small.jpg) no-repeat;
		width:64px;
		height:49px;
		display:block;
	}

#controls4, #controls4 a {
		background:url(../images/homeTitleBG4small.jpg) no-repeat;
		width:64px;
		height:49px;
		display:block;
	}

#controls5, #controls5 a {
		background:url(../images/homeTitleBG5small.jpg) no-repeat;
		width:64px;
		height:49px;
		display:block;
	}

#controls6, #controls6 a {
		background:url(../images/homeTitleBG6small.jpg) no-repeat;
		width:64px;
		height:49px;
		display:block;
	}

#controls7, #controls7 a {
		background:url(../images/homeTitleBG7small.jpg) no-repeat;
		width:63px;
		height:49px;
		display:block;
	}

#controls8, #controls8 a {
		background:url(../images/homeTitleBG8small.jpg) no-repeat;
		width:63px;
		height:49px;
		display:block;
	}
	#more-info {
		float:left;
	}

