body {
  min-width: 960px;
  background: #fafafa;
  color: #333;
  font-size: 11px;
  height: auto;
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

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

a:hover {
  text-decoration: underline;
}


/* Containers
----------------------------------------------------------------------------------------------------*/

.contain_header {
	margin-top:10px;
	width:100%;
	background-color:#fafafa;
}


.container_header {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  height:750px;
  padding-top: 10px;
  background-color: #fafafa;
}


.container_header a {
  color: #865b08;
  text-decoration: none;
}

.container_header a:hover {
	color:#C30;
  text-decoration: underline;
}


.contain_bio {
width:100%;
background-color:#1a1a11;
  background-image:url(../img/texture_dark.gif);
  background-repeat:repeat;
}

.container_bio {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  height:1070px;
  padding-top: 160px;
  background-color: #1a1a11;
  background-image:url(../img/texture_dark.gif);
  background-repeat:repeat;
}

#menu {
	width:100%;
	height:auto; 
    position:absolute;
	z-index: 200;
	}
	
	
	#menuelements {
		
		width: 120px;
  		height:30px;
		margin-left: auto;
 		margin-right: auto;
		}
		
		
	.mphoto {
	margin-top:-35px;
	display: block;
	width: 40px;
	height: 35px;
	background: url('../img/m_photography.png') bottom;
	text-indent: -99999px;
	margin-left:-50px;
	}

	.mphoto:hover {
	background-position: 0 0;
	}

		
	.millus {
	margin-top:-35px;
	display: block;
	width: 40px;
	height: 35px;
	background: url('../img/m_illustration.png') bottom;
	text-indent: -99999px;
	margin-left:-5px;
	}

	.millus:hover {
	background-position: 0 0;
	}
	
	.mdesign {
	margin-top:-35px;
	display: block;
	width: 40px;
	height: 35px;
	background: url('../img/m_design.png') bottom;
	text-indent: -99999px;
	margin-left:40px;
	}

	.mdesign:hover {
	background-position: 0 0;
	}
	
	.mvideo {
	margin-top:-35px;
	display: block;
	width: 40px;
	height: 35px;
	background: url('../img/m_video.png') bottom;
	text-indent: -99999px;
	margin-left:85px;
	}

	.mvideo:hover {
	background-position: 0 0;
	}

	
	.mabout {
	display: block;
	width: 40px;
	height: 35px;
	background: url('../img/m_aboutme.png') bottom;
	text-indent: -99999px;
	margin-left:130px;
}

	.mabout:hover {
	background-position: 0 0;
}
	
/* Header
----------------------------------------------------------------------------------------------------*/

.chg_language {
	background-color:#09C;
	position:absolute;
	width:40px;
	height:35px;
	margin-top:-10px;
	margin-left:910px;
	z-index:250;
	}

.lang {
	display: block;
	width: 40px;
	height: 35px;
	
	background: url('../img/lan_eng.gif') bottom;
	text-indent: -99999px;
}
.lang:hover {
	background-position: 0 0;
}




.title {
	
  position:absolute;
  margin-left: 10px;
  width: 900px;
  height:280px;
  background-image: url(../img/luisbelo.gif);
}



.news {
		background-color:transparent;
		position: absolute;
		margin: 300px 10px 0 10px;
		width: 460px;
		height:310px;
		background-image: url(../img/news.gif);
		background-repeat:no-repeat;
		padding-top:70px;
}


.news h1 {
	text-align:left;
	font-family: 'LeagueGothicRegular';
	text-transform:uppercase;
	font-size:18px;
    font-weight: normal;
    font-style: normal;
	color: #888;
}

.news h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:10px;
	color:#999;
	font-style:italic;
	font-weight:normal;
	margin-right:10px;
}

.news_headline {
  position: absolute;
  margin: 300px 10px 0 570px;
  width: 380px;
  height:310px;
  font-family:Georgia, "Times New Roman", Times, serif;
  padding-top:70px;
}


.news_headline p{
font-size:14px;
font-style:italic;
}


.news_headline h1{
	text-align:left;
	font-family: 'LeagueGothicRegular';
	text-transform:uppercase;
	font-size:26px;
    font-weight: normal;
    font-style: normal;
	color: #333;
}


.news_headline h2{
font-size:14px;
text-align:right;
font-weight:normal;
color:#888;

}



/* Bio and Social
----------------------------------------------------------------------------------------------------*/

.about_accordion {
  position: absolute;
  margin: 0 10px 0 10px;
  width: 540px;
  height:360px;
  z-index:5;
  line-height:1.4em;
}

.about {
  position: absolute;
  margin: 0 0 0 570px;
  height:360px;
  width: 380px;
}

.about p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-style:italic;
color:#ccc;
padding:0 0 0 15px;
line-height:1.2em;
}


.share {
  position: absolute;
  margin: 980px 10px 0 10px;
 width: 940px;
  height:40px;
  border-top:#330 2px dotted;
padding-top:15px;
}

.share h1 {
	font-family: 'LeagueGothicRegular';
	text-transform:uppercase;
	font-size:42px;
    font-weight: normal;
    font-style: normal;
	color:#ccc;
}


.sharefacebook{
	display: block;
	width: 43px;
	height: 43px;
	background: url(../img/sharefacebook.png) bottom;
	text-indent: -99999px;
	margin: -49px 0 0 130px;
}

.sharefacebook:hover {
	background-position: 0 0;
}

.sharegoogle{
	display: block;
	width: 43px;
	height: 43px;
	background: url(../img/sharegoogle.png) bottom;
	text-indent: -99999px;
	margin: -43px 0 0 188px;
}

.sharegoogle:hover {
	background-position: 0 0;
}

.sharetwitter{
	display: block;
	width: 43px;
	height: 43px;
	background: url(../img/sharetwitter.png) bottom;
	text-indent: -99999px;
	margin: -43px 0 0 246px;
}
.sharetwitter:hover {
	background-position: 0 0;
}

.sharestumble{
	display: block;
	width: 43px;
	height: 43px;
	background: url(../img/sharestumble.png) bottom;
	text-indent: -99999px;
	margin: -43px 0 0 304px;
}
.sharestumble:hover {
	background-position: 0 0;
}

.sharetumblr{
	display: block;
	width: 43px;
	height: 43px;
	background: url(../img/sharetumblr.png) bottom;
	text-indent: -99999px;
	margin: -43px 0 0 362px;
}
.sharetumblr:hover {
	background-position: 0 0;
}

.sharedigg{
	display: block;
	width: 43px;
	height: 43px;
	background: url(../img/sharedigg.png) bottom;
	text-indent: -99999px;
	margin: -43px 0 0 420px;
}
.sharedigg:hover {
	background-position: 0 0;
}

.sharedelicious{
	display: block;
	width: 43px;
	height: 43px;
	background: url(../img/sharedelicious.png) bottom;
	text-indent: -99999px;
	margin: -43px 0 0 478px;
}

.sharedelicious:hover {
	background-position: 0 0;
}


.sharecopyright{
	display: block;
	width: 30px;
	height: 28px;
	margin: -28px 0 0 620px;
}

.sharetopo{
	display: block;
	width: 150px;
	height: 43px;
	margin: -46px 0 0 790px;
	text-align:right;
	line-height:1.6em;
}

.sharetopo a {
	background-color:#000;
}

.sharetopo a:hover {
	background-color:#930;
	text-decoration:none;
	}


.newsletter {
  background-image:url(../img/texture_dark_ac.gif);
  background-repeat:repeat;
  position: absolute;
  margin: 365px 0 0 570px;
  height:265px;
  width: 350px;
  padding: 15px 15px 0 15px;
line-height:1.4em;
 
}

.newsletter h1 {
font-family: 'LeagueGothicRegular';
	text-transform:uppercase;
	font-size:22px;
    font-weight: normal;
    font-style: normal;
	color:#fff;
	line-height:normal;
}

.newsletter p {
color:#a59d96;
}







/*FORM */


.fcmessage {
	font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
	width:270px;
	height:160px;
	}


.fcontact
{
	font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
	width:160px;
	height:22px;
}

.fbutton
{
clear:both; background-color: #4f3617; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:11px; font-weight: bold; height: 25px; line-height: 25px; margin: 5px 0 10px 0; padding: 0 14px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}


.fbutton:hover {background-color:#763d07;}


textarea {
    resize: none;
	overflow: auto;
}











/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}


.clearfix:before,
.clearfix:after,
.container_header:before,
.container_header:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_header:after {
  clear: both;
}


.clearfix,
.container_header {
  zoom: 1;
}