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

/* ---------------- Projects Style  START */
.projects_menu_stripe {
	height: 100%;
	width: 950px;
	background-color: #FFFFFF;
	padding-right: 30px;
	padding-left: 30px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}

.projects_menu {
	height: 15px;
	width: 630px;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:10px;
	
	clear:none;
	float:left;	
}

#projects_title_box {
	height: auto;
	width: auto;
	margin-top: 30px;
}

/* ---------------- Projects Style  END */
/*--------------------------------------------------------*/
/* ---------------- Projects Grid Style  START */

.projects_menu_buts_up {
	height: auto;
	width: 310px;
	margin-right: 10px;
	clear: none;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 15px;
	color: #111111;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
}

.projects_menu_buts_up_general {
	height: auto;
	width: 230px;
	margin-right: 10px;
	clear: none;
	float: left;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 15px;
	color: #111111;
	text-decoration: none;
	text-align: left;
	font-weight: bold;

}

#projects_menulist_wrapper {
	height: 100%;
	width: 950px;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	background-color: #E5E5E5;
	margin-left: auto;
	margin-right: auto;	
	overflow: hidden;
	
}

.projects_menulist_collumn {
	height: 100%;
	width: 150px;
	margin-right: 10px;
	clear: none;
	float: left;	
}

.projects_menulist_collumn_general {
	height: 100%;
	width: 230px;
	margin-right: 10px;
	clear: none;
	float: left;	
}


.projects_menuthumb_wrapper {
	height: 100%;
	width: 960px;
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 20px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	background-color: #E5E5E5;
}

.background_empty_pattern {
	height: auto;
	width: auto;
	overflow: hidden;
	background-image: url(http://www.luisporem.com/global_images/arrows/background_empty_pattern.jpg);
	background-repeat: repeat;
}

/* ---------------- Projects Grid Style  END */
/*--------------------------------------------------------*/
/* ---------------- Projects Thumbs Style  START */
.proj_thumbs {
	height: 215px;
	width: 200px;
	clear: none;
	float: left;
	margin: 5px;
	padding: 15px;
	background-color: #FFF;
	overflow: hidden;
	
}

.years_thumbs {
	height: 245px;
	width: 230px;
	clear: none;
	float: left;
	margin: 5px;
	overflow: hidden;
	
}

.proj_related {
	height: 130px;
	width: 130px;
	clear: none;
	float: left;
	padding: 10px;
	background-color: #FFF;
	overflow: hidden;
	margin: 5px;
}

#projects_relatedlist_wrapper {
	height: 100%;
	width: 640px;
	clear: none;
	float: left;
	top: 0px;
	right: 0px;
	margin-top: -10px;
	margin-right: -10px;
	margin-bottom: 0px;
	margin-left: -10px;
	padding: 5px;
}

/* ---------------- Projects Thumbs Style  END */
/*--------------------------------------------------------*/
/* ---------------- Projects View Style  START */

#projects_wrapper {
	height: 100%;
	width: 950px;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	
}

#projects_box_content {
	height: 450px;
	width: 950px;
	
}


/* ---------------- Projects View Style  END */

/* info stipes */

.info_stripe_project {
	height: 100%;
	width: 950px;
	background-color: #FFFFFF;
	padding-right: 30px;
	padding-left: 30px;
	overflow:hidden;
	margin-right: auto;
	margin-left: auto;
}

.info_stripe_previous_project{
	height: 15px;
	width: 790px;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:10px;
	clear:none;
	float:left;
}

.info_stripe_previous_project_end{
	height: 15px;
	width: 150px;
	margin-top:15px;
	margin-bottom:15px;
	clear:none;
	float:left;
}