h2 {				padding: 				0px;
					margin: 				0px;
					text-align: 			left;	}

#portfoliocolom{
					text-align: 			center;		
					width: 					1000px;
					height: 				535px;
					top: 					0px;
					margin-left: 			auto;
					margin-right: 			auto;	}																


#portmain{
					margin-left: 			auto;
					margin-right: 			auto;
					padding-top: 			15px;
					width:					665px;
					height:					500px;	}

#portmain ul{
					list-style: 			none;
					margin: 				0px;
					padding: 				0px;
}

#portmain li{
					float: 					left;
					padding:				0px;
					padding-left:			4px;
					padding-right:			4px;
					display:			 	block;	}

#portmain img.scene{
					border: 				0px solid #000; 
					width:					112px; 
					height:					320px;
					padding-left: 			0px;
					padding-right: 			0px;	}
					
#portmain img.spot{
					width:					8px;
					height:					7px;
					padding-right: 			10px;	}
															
#portmain img.linez{
					margin-top: 			8px;
					width:					8px; 
					height:					305px;  
					background-image: 		url('http://www.jarbrain.com/elements/buttons/dots-vert_one.jpg');
					background-repeat: 		repeat-y;	
					background-position:	center top;	}					

.list{				padding-top: 			10px; 
					height: 				20px; 
					font-size: 				0.9em;	}
					
.list a{ 			
					text-decoration:		none;
					color:					#fff;
					text-decoration: 		underline;	
					color:					#999999;	}

.list a:hover{ 		text-decoration:		none;
					color:					#2460bf;		}

#box1{
					position:				absolute;
					padding-left: 			215px;  }

.mask1{
					position:				relative;
					width:					1000px;
					height:					500px;
					overflow:				hidden; }

#portfolioshowcase{
					color:					#fff;
					margin-top: 			15px;
					width:					8000px;
					height:					375px;  }

#portfolioshowcase ul{
					list-style: 			none;
					margin: 				0px;
					padding: 				0px;	}

#portfolioshowcase li{
					float: 					left;
					padding:				0px;
					padding-left:			10px;
					display:			 	block;	}

#portfolioshowcase a{
					text-decoration: 		none;
					color: 					#fff;	}

#portfolioshowcase a:hover{
					text-decoration: 		none;
					color: 					#3366cc;	}					

#portfolioshowcase img.thumb{
					border: 				0px solid #555; 
					width:					550px; 
					height:					320px;  }

#portfolioshowcase img.linez{
					margin-top: 			6px;
					width:					8px; 
					height:					313px;  
					background-image: 		url('http://www.jarbrain.com/elements/buttons/dots-vert_one.jpg');
					background-repeat: 		repeat-y;	
					background-position:	center top;	}

#portfolioshowcase img.shortz{
					margin-top: 			55px;
					width:					8px; 
					height:					215px;  
					background-image: 		url('http://www.jarbrain.com/elements/buttons/dots-vert_one.jpg');
					background-repeat: 		repeat-y;	
					background-position:	center top;	}					
					
.project{
					padding-left: 			7px;
					float: 					left;   }
					
.projectphoto{
					padding-left: 			15px;
					float: 					left;   }					

.client{
					font-size: 				0.8em;
					padding-left: 			7px;
					float: 					left;
					color:					#999999;	}		

.studio{
					font-size: 				0.8em;
					padding-left: 			20px;
					float: 					left;
					color:					#999999;	}	

.textarea{
					width: 					200px;
					color: 					#ffffff;	}
										
#maskleft{ 
					position:				absolute;
					top: 					15px;
					left: 					0px;	}

#maskright{ 
					position:				absolute;
					top: 					15px;
					right: 					0px;   }
					
/*-------------------------------------------------------------------------------------
 'List All Projects' section 				 ------------------------------------------
-------------------------------------------------------------------------------------*/
#containermain {	
					background-image: 		url('http://www.jarbrain.com/elements/backgrounds/background_sky.jpg');
					background-repeat: 		no-repeat;	
					background-position:	center top;
					top: 					0px;
					width: 					454px;
					height:					835px;
					padding: 				15px;
					margin-left: 			auto;
					margin-right: 			auto;
					margin-bottom: 			10px;	}
					
#containerlist {	
					top: 					10px;
					width: 					300px;
					margin-left: 			auto;
					margin-right: 			auto; 	
					height:					760px;}
	
.projectleft{
					padding-bottom: 		10px;	
					color: 					#000;	}		
					
#projectleft{
					float: 					left;
					padding-bottom: 		15px;
					color: 					#000;
					font-size: 				0.85em;		}
						
#projectleft ul{	
					list-style: 			none;
					margin: 				0px;
					padding: 				5px;
					padding-bottom: 		10px;
					padding-right: 			25px;	}	
									
#projectleft li.title{
					padding-bottom: 		1px;	}
					
#projectleft li{	
					display:			 	block;
					padding-bottom: 		3px;	}	
					
#projectleft img.photo{
					padding-top:			4px;
					padding-left: 			4px;
					padding-bottom: 		0px;	}			
		
#projectleft a{
					color:					#000;	
					text-decoration: 		none;	}		
		
#projectleft	 a:hover{
					color:					#fff;	}		
					
.minilist{
					width: 					320px;
					height: 				20px;
					color:					#fff;	
					padding-bottom: 		0px;	}			
	
.minilist ul{
					margin: 				0px;
					padding: 				0px;	}						

.minilist ul li{
					padding:				0px;
					padding-left: 			1.2px;
					padding-right: 			1.2px;	
					float: 					left;
					display:			 	inline;	
					font-size: 				0.8em; 	}
					
.minilist ul li.title{	
					color:					#000;		
					padding: 	  			0px;
					padding-right: 	  		5px;	
					float: 					left;
					font-size: 				1em;	}
					
.minilist ul li.spaceone{	padding-left: 	  		45px;	}	
.minilist ul li.spacetwo{	padding-left: 	  		61px;	}	
.minilist ul li.spacethree{	padding-left: 	  		12px;	}
.minilist ul li.spacefour{	padding-left: 	  		45px;	}	
									
.photogallery{
					padding-top:			50px;
					width: 					560px;
					height: 				225px; 	}					
					
			.photogallery ul{
					list-style: 			none;
					margin: 				0px;
					padding: 				0px;	}
			
			.photogallery li{
					display:			 	block;
					padding:				10px;
					margin: 				0px;	
					margin-top:				8px;	}
			
			.photogallery img{
					width: 					100px;
					height: 				98px;
					border: 				none;	}
					
/*-------------------------------------------------------------------------------------
 Popup window section 				 ------------------------------------------
-------------------------------------------------------------------------------------*/
#quicktimearea {
					background-image: 		url('http://jarbrain.com/elements/buttons/quicktime-bottom.jpg');
					background-repeat: 		repeat-y;	
					background-position:	left bottom;	
					width: 					650px;
					height: 				430px;	}

#logomini {
					padding-top: 			6px;
					padding-left: 			10px;	}
					
#logomini a{
					padding-top: 			4px;
					padding-right: 			15px;
					float: 					right;
					color: 					#000;
					font-weight:			bold;	}

#logomini a:hover{
					color: 					#2460bf;	}

#logomini a#small4x3{
					padding-top: 			4px;
					padding-right: 			178px;
					float: 					right;
					color: 					#000;
					font-weight:			bold;	}

#title{
					color: 					#000;	
					padding-left: 			10px;
					margin-bottom:			100px;	}