body{
	background: #2ca1ae url(../images/bg.gif) repeat-x top center; 
	text-align: center;
	margin: 0px;
	font-family: "Trebuchet MS", Helvetica, Myriad Pro, Arial;
	font-size: 14px;
}

img{
	border: 0px;
}

a{
	color: black;
}

input {
	font-family:"Trebuchet MS",Helvetica,Myriad Pro,Arial;
	height:20px;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	width:200px;
	font-size: 11px;
	border: 1px solid black;
}

input[id="input-captcha"] {
	position: relative;
	top: -18px;
	width: 40px;
	text-align: center;
}

input[id="input-email"] {
	margin-left: 12px;
}

input[id="input-movil"] {
	margin-left: 16px;
}

div#captcha{
	margin-bottom: -15px;
}

textarea[id="mensaje"]{
	font-family:"Trebuchet MS",Helvetica,Myriad Pro,Arial;
	margin-left:45px;
	font-size: 11px;
	width:400px;
	height:100px;
	margin-top:10px;
	border: 1px solid black;
}

label{
	color: white;
	font-size: 11px;
}

form{
	text-align: left;
}

#form-div{
	margin-left: 50px;
	text-align: left;
}

#footer{
	display: none;
}

#portofolio {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	margin-bottom: 0px;
}

#header{
	height: 600px;
	position: relative;
	left: -20px;
}

#home_logo{
	display:none;
	position:absolute;
	right:25px;
	top:55px;
	color: white;
	font-size: 10px;
	font-family: Verdana;
	text-transform: uppercase;
}

#home_logo a{
	color: white;
	font-size: 10px;
	text-decoration: none;
}

#player {
	position:absolute;
	left:48px;
	top:80px;
	width:489px;
	height:334px;
	background: url(../images/portofolio_03.png) no-repeat;
	text-align: left;
}

#innerplayer{
	z-index: 999;
	position: relative;
	margin-left: 13px;
	margin-top: 15px;
}

#shapshot{
	z-index: 999; 
	width: 443px; 
	height: 281px;
	border-right: 1px solid #DDDDDD;
}

#awesome{
	z-index: 998; 
}

#arrow_prev {
	position:absolute;
	left:-9px;
	top:190px;
	width:58px;
	height:97px;
	background: url(../images/portofolio_10.png) no-repeat;
}

#arrow_next {
	position:absolute;
	left:535px;
	top:190px;
	width:64px;
	height:97px;
	background: url(../images/portofolio_11.png) no-repeat;
}

#logo, #logo a {
	position:absolute;
	left:590px;
	top:80px;
	width:309px;
	height:334px;
	background: url(../images/portofolio_05.png) no-repeat;
	font-size: 0px;
}



#menu{
	position: absolute;
	left: -130px;
	height: 50px;
	font-size: 0px;
}

#home {
	position:absolute;
	left:174px;
	top:500px;
	width:148px;
	height:50px;
	background: url(../images/portofolio_16.png) no-repeat;
}


#otherjobs {
	position:absolute;
	left:340px;
	top:500px;
	width:197px;
	height:50px;
	background: url(../images/portofolio_18.png) no-repeat;
}


#blog {
	position:absolute;
	left:556px;
	top:500px;
	width:90px;
	height:50px;
	background: url(../images/portofolio_20.png) no-repeat;
}


#contact {
	position:absolute;
	left:777px;
	top:500px;
	width:128px;
	height:50px;
	background: url(../images/portofolio_23.png) no-repeat;
}


#about {
	position:absolute;
	left:923px;
	top:500px;
	width:107px;
	height:50px;
	background: url(../images/portofolio_25.png) no-repeat;
}

#content{
	position: relative;
	margin-left: 50px;
}

.projects{
	position: relative;
}

.projects.shapshot{
	z-index: 999; 
	width: 443px; 
	height: 281px;
	background: url(../images/blank_preview.png) no-repeat;
}

.projects.shapshot.inner{
	z-index: 999; 
	padding-top: 30px;
	padding-left: 18px;
	width: 403px;
	height: 210px;
}

.projects.details{
	left:500px;
	position:absolute;
	text-align:left;
	top:5px;
	width:400px;
}

#menu_projects{
	left: 385px;
	position: absolute;
	text-align: right;
	top: -60px;
}

#menu_projects h4 a{
	margin-right: 10px; 
	text-decoration: none;
	color: black;
}

#menu_projects h4 a:hover{
	margin-right: 10px; 
	text-decoration: underline;
	color: white;
}

#bottom {
	position:relative;
	left:0px;
	height: 165px;
	font-size: 0px;
	background-color: #000000;
	margin-top: 60px;
	width: 100%;
}

#bottom-inner{
	position:relative;
	text-align: center;
	width: 850px;
	background-color: #000000;
}

#contactmetitle {
	position:absolute;
	left:-1px;
	top:30px;
	width:154px;
	height:29px;
	background: url(../images/portofolio_32.png) no-repeat -1px;
}


#aboutmetitle {
	position:absolute;
	right: 0px;
	top:30px;
	width:128px;
	height:29px;
	background: url(../images/portofolio_35.png) no-repeat;
}

#contactmedetails {
	position:absolute;
	left:-1px;
	top:60px;
	width:363px;
	height:54px;
	background: url(../images/portofolio_37.png) no-repeat -1px 1px;
}

#aboutmedetails {
	position:absolute;
	right: 0px;
	top:60px;
	width:486px;
	height:70px;
	/*background: url(../images/portofolio_38.png) no-repeat;*/
}

#curriculum{
	position: absolute;
	text-align: right;
	padding-top: 110px; 
}

#sociales{
	z-index: 999; 
	color: white; 
	padding-top: 125px; 
	padding-left: 20px; 
	text-align: left;
	position: absolute;
	left: -15px;
}

#sociales a{
	color: black;
}

.social{
	width: 32px;
	height: 32px;
	position: absolute;
}

.social.rss{
	background: url(../images/sociales/rss_32.png) no-repeat;
	left: 35px;
}

.social.facebook{
	background: url(../images/sociales/facebook_32.png) no-repeat;
	left: 70px;
}

.social.twitter{
	background: url(../images/sociales/twitter_32.png) no-repeat;
	left: 105px;
}

.social.linkedin{
	background: url(../images/sociales/linkedin_32.png) no-repeat;
	left: 140px;
}

.social.flickr{
	background: url(../images/sociales/flickr_32.png) no-repeat;
	left: 175px;
}

.social.youtube{
	background: url(../images/sociales/youtube_32.png) no-repeat;
	left: 210px;
}

.social.vimeo{
	background: url(../images/sociales/vimeo_32.png) no-repeat;
	left: 245px;
}