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

body{
	margin-top: 0px;
	margin-bottom:0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #D8DBF3;
}

.Franklin{
	font-family:'MTFranklinGothicW01-Xtr';
}

#Main{
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	background-image: url(../Imagenes/background.png);
	background-repeat:no-repeat;
	background-position:center;
}

#Top_bar{
	margin-top: 0;
	z-index:50;
	position:fixed;
	width: 100%;
	height: 70px;
	background-image: url(../Imagenes/top_bar.png);
	background-repeat:repeat-x;
	box-shadow: 0px 5px 30px #000;
}

#Top_bar_area{
	width: 60%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#Home_icon{
	float:left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width:50px;
	height:50px;
	background-image:url(../Imagenes/home_icon.png);
}

#Home_icon:hover{
	background-image:url(../Imagenes/home_icon_over2.png);
}

#Bar_social{
	float:right;
	width: 220px;
	height: 36px;
	display:inline-block;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#facebook_top{
	float:left;
	width: 36px;
	height: 36px;
	margin-left:8px;
	background-image:url(../Imagenes/fb_top.png);
}

#facebook_top:hover{
	background-image:url(../Imagenes/fb_top_over.png);
}

#twitter_top{
	float:left;
	width: 36px;
	height: 36px;
	margin-left:8px;
	background-image:url(../Imagenes/tw_top.png);
}

#twitter_top:hover{
	background-image:url(../Imagenes/tw_top_over.png);
}

#linkedin_top{
	float:left;
	width: 36px;
	height: 36px;
	margin-left:8px;
	background-image:url(../Imagenes/in_top.png);
}

#linkedin_top:hover{
	background-image:url(../Imagenes/in_top_over.png);
}

#pinterest_top{
	float:left;
	width: 36px;
	height: 36px;
	margin-left:8px;
	background-image:url(../Imagenes/p_top.png);
}

#pinterest_top:hover{
	background-image:url(../Imagenes/p_top_over.png);
}

#youtube_top{
	float:left;
	width: 36px;
	height: 36px;
	margin-left:8px;
	background-image:url(../Imagenes/yt_top.png);
}

#youtube_top:hover{
	background-image:url(../Imagenes/yt_top_over.png);
}

#Content{
	float:left;
	margin-top: 80px;
	width: 100%;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}

#Menu{
	margin-top: 84px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

#Menu_2{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#Menu_2 img{
	width: 100%;
	height:auto;
}

#ArturoValdez{
	width: 100%;
	height: auto;
	margin-bottom: 10%;
}

#Pages_menu{
	width: 100%;
	height: 150px;
	margin-bottom: auto;
	padding-left: 5px;
}

.Menu_home{
	width:50%;
	height:50px;
	background-image:url(../Imagenes/home.png);
	background-repeat:no-repeat;
	margin-top:auto;
}

.Menu_home:hover{
	background-image:url(../Imagenes/home_over.png);
}

.Menu_about{
	width:50%;
	height:50px;
	background-image:url(../Imagenes/about.png);
	background-repeat:no-repeat;
}

.Menu_about:hover{
	background-image:url(../Imagenes/about_over.png);
}

.Menu_projects{
	width:50%;
	height:50px;
	background-image:url(../Imagenes/projects.png);
	background-repeat:no-repeat;
}

.Menu_projects:hover{
	background-image:url(../Imagenes/projects_over.png);
}

.Menu_artwork{
	width:50%;
	height:50px;
	background-image:url(../Imagenes/artwork.png);
	background-repeat:no-repeat;
}

.Menu_artwork:hover{
	background-image:url(../Imagenes/artwork_over.png);
}

.Menu_contact{
	width:50%;
	height:50px;
	background-image:url(../Imagenes/contact.png);
	background-repeat:no-repeat;
}

.Menu_contact:hover{
	background-image:url(../Imagenes/contact_over.png);
}

#Banner{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

#Banner img{
	width: 100%;
	height: auto;
}

#slideshow {
    position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#Recent_work{
	float:left;
	margin-top:400px;
	margin-bottom:auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}

#About_content{
	margin-top: 10px;
	margin-bottom: 40px;
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	min-height: 480px;
	height: auto !important;
	height: 480px;
	margin-top: 30px;
}

#About_Text{
	float:left;
	width: 595px;
	height: 480px;
}

#About_description{
	width: 100%;
	height: 390px;
}

#About_image{
	float:left;
	width: 285px;
	height: 480px;
}

#Tile{
	width: 100%;
	height: 70px;
	margin-bottom: auto;
}

#Project{
	width: 100%;
	height: 300px;
	margin-bottom: auto;
}

#Project:hover{
	background-color: #CCC;
}

#Project_image{
	width:100%;
	height: auto;
	float:right;
}

#Project_text{
	width:100%;
	height: auto;
	float:left;
}

.Project_text_title{
	width:100%;
	height:47%;
}

.Project_text_description{
	width:100%;
	height:53%;
}

#Artwork_area{
	margin-top: 10px;
	margin-bottom: 40px;
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	min-height: 480px;
	height: auto !important;
	height: 480px;
	display:inline-table;
}

.Artwork_Image{
	width: 281px;
	height: 158px;
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 15px;
	background-color: #000;
}

.Artwork_Image img {
    width: 100%;
    height: auto;
}

#Contact_description{
	width: 100%;
	height: 100px;
	margin-top: 5px;
}

#Contact_links{
	width: 100%;
	height: 50px;
	margin-top: 5px;
}

#Footer{
	float:left;
	margin-bottom: 0;
	width: 100%;
	height: 80px;
	background-image: url(../Imagenes/footer_bar.png);
	background-repeat:repeat-x;
}

#Footer_content{
	width: 370px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#Footer_logo{
	width: 75px;
	height: 60px;
	float:left;
	margin-top: 10px;
}

#Footer_copyright{
	width: 295px;
	height: 45px;
	margin-top: 33px;
	float:left;
}