*{margin:0;padding:0;border:none;outline:none;}
a{text-decoration:none;}
hr{display:none;}
button{cursor:pointer;}
ul{list-style:none;}


body{
min-width:986px;
background:#000;
font:normal .8em/130% 'Trebuchet MS', Arial, sans-serif;
color:#fff;
}



/********************/
/*      HEADER      */
/********************/

#header{
min-width:986px;
height:375px;
background:#8f8f8f url('../img/header-bg.png') center top no-repeat;
}

.logo{
	position:absolute;
	top:110px;
	left:-1px;
	display:block;
	width:100%;
	text-align:center;
}
.logo h1{
margin:0px auto;
display:block;
width:960px;
height:261px;
padding:0px 13px;
overflow:hidden;
}
.logo h1 a{
display:block;
width:100%;
padding-top:300px;
background:url("../img/logo.png") center top no-repeat;
font:normal 0px/0px Arial;
color:#fff;
}
.logo p{
position:absolute;
z-index:1;
width:0px;
height:0px;
overflow:hidden;
}



/**********MENU*********/

#menu{
position:relative;
z-index:30;
margin:0px auto;
width:680px;
height:62px;
padding:0px 9px 0px 0px;
background:url("../img/menu-bg-r.png") right top no-repeat;
}
#menu ul{
display:block;
height:100%;
overflow:hidden;
padding:11px 12px 0px;
background:url("../img/menu-bg.png") left top no-repeat;
}
#menu ul li{
float:left;
margin-right:10px;
height:39px;
overflow:hidden;
}
#menu ul li a{
display:block;
padding:40px 20px 0px;
margin:9px 0px 0px;
font:normal 0px/0px Arial;
}
#menu ul li a.mnHome-en{
width:57px;
background: url("../img/mnHome-en.png") center top no-repeat;
}
#menu ul li a.mnAbout-en{
width:67px;
background: url("../img/mnAbout-en.png") center top no-repeat;
}
#menu ul li a.mnPortfolio-en{
width:105px;
background: url("../img/mnPortfolio-en.png") center top no-repeat;
}
#menu ul li a.mnPrices-en{
width:65px;
background: url("../img/mnPrices-en.png") center top no-repeat;
}
#menu ul li a.mnContact-en{
width:88px;
background: url("../img/mnContact-en.png") center top no-repeat;
}

#menu ul li a.mnHome-es{
width:60px;
background: url("../img/mnHome-es.png") center top no-repeat;
}
#menu ul li a.mnAbout-es{
width:89px;
background: url("../img/mnAbout-es.png") center top no-repeat;
}
#menu ul li a.mnPortfolio-es{
width:117px;
background: url("../img/mnPortfolio-es.png") center top no-repeat;
}
#menu ul li a.mnPrices-es{
width:80px;
background: url("../img/mnPrices-es.png") center top no-repeat;
}
#menu ul li a.mnContact-es{
width:101px;
background: url("../img/mnContact-es.png") center top no-repeat;
}

/* LavaLamp */
#menu ul.lavaLamp li.back {
background:url("../img/lava.png") no-repeat right;
width:20px;
height:39px;
position:absolute;
cursor:pointer;
}
#menu ul.lavaLamp li.back .left {
background:url("../img/lava.png") no-repeat top left;
height:39px;
margin-right:20px;
}
#menu ul.lavaLamp li a {
position:relative;
z-index:15;
}
.bgnone{
background-color:transparent;
}

/***********************/
/*        MAIN         */
/***********************/

#main{
min-width:986px;
min-height:389px;
border-top:1px solid #f25152;
border-bottom:1px solid #611b1b;
background:#000 url("../img/main-bg.png") left top repeat-x;
text-align:center;
}
#main .wrapper{
margin:45px auto 0px;
width:960px;
overflow:hidden;
text-align:left;
}
#main div.boxOne{
float:left;
width:350px;
min-height:207px;
overflow:hidden;
color:#fff;
font:normal 1em/180% Verdana;
margin-left:70px;
}
#main div.about{
float:left;
width:750px;
min-height:207px;
overflow:hidden;
color:#fff;
font:normal 1em/180% Verdana;
margin-left:100px;
text-align:justify;
}

#main div.boxThree{
float:left;
width:400px;
min-height:207px;
overflow:hidden;
color:#ffb6b6;
font:normal 1em/180% Verdana;
}
#main div.boxOne{
padding-right:50px;
}
#main div.boxThree{
padding-left:50px;
background:transparent url("../img/main-line.png") 14px 60px no-repeat;
}
#main h3{
display:block;
margin:0px 0px 35px;
font:bold 2.2em Corbel, 'Trebuchet MS', Arial;
text-transform:uppercase;
color:#fff;
}
#main h4{
font:bold 1.45em Corbel, 'Trebuchet MS', Arial;
color:#fff;
margin-bottom:1.5em;
text-transform:uppercase;
}
#main p,
#main ul,
#main dl{
margin-bottom:1.5em;
clear:both;
overflow:hidden;
}
#main ul li{
list-style:disc inside;
}
#main a{
color:#fff;
}
#main a:hover{
text-decoration:underline;
}
#main p.docIcon{
display:block;
width:100%;
text-align:right;
height:auto;
}
#main p.docIcon a{
display:block;
float:right;
padding:2px 20px 2px 2px;
background:#600 url("../img/icon-doc.png") right center no-repeat;
font-weight:bold;
border:1px solid #ffb6b6;
}



/******** HOME *********/

#home div.boxTwo{
width:275px;
padding:0px 20px 0px 25px;
}
/*skills*/
#home div.homeSkills p{
font-size:.9em;
}
#home div.homeSkills ul.li-rules li{ 
list-style: none; 
}
#home div.homeSkills ul.li-rules li:before { 
content: "»";
margin-right:10px;
}
/*availability*/
#home div.homeFree p{
display:inline;
font:normal 1.2em/200% Verdana;
}
#home div.homeFree strong{
font:bold 1.45em Corbel, 'Trebuchet MS', Arial;
}
#home div.homeFree img{
float:right;
}



/******** ABOUT ********/

#about div{
float:left;
width:270px;
overflow:hidden;
}
#about dl dt{
display:block;
width:100%;
border-bottom:1px solid #ffb6b6;
font-weight:bold;
}



/****** PORTFOLIO ******/

#portfolio{
display:block;
}
#portfolio div{
float:left;
margin-left:12px;
width:271px;
min-height:268px;
padding:13px 17px;
overflow:hidden;
background:url("../img/workbox.png") left top no-repeat;
}
#portfolio div:first-child{
margin:0px;
}
#portfolio h4{
margin:0px;
}
#portfolio h4 a{
display:inline;
padding-right:15px;
background:url("../img/xlinks.png") right center no-repeat;
color:#fff;
}
#portfolio h4 a:hover{
text-decoration:underline;
}
#portfolio p{
margin:0px;
}
#portfolio img{
width:270px;
height:184px;
margin:10px 0px;
border:1px solid #000;
}
#portfolio img:hover{
border:1px solid #fff;
}





/******* CONTACT *******/

#main #contact{
display:block;
padding-top:30px;
padding-left:300px;
padding-bottom:20px;
}
#contact form{
display:block;
overflow:hidden;
}
#contact fieldset{
float:left;
display:block;
width:270px;
min-height:220px;
color:#fff;
font:normal 1em/180% Verdana;
}
#contact fieldset.data{
padding-right:50px;
}
#contact fieldset.textbox{
padding:0px 20px;
}
#contact fieldset.buttons{
padding-left:50px;
}
#contact fieldset p{
position:relative;
margin-bottom:.7em;
display:block;
width:270px;
overflow:hidden;
}
#contact fieldset label{
display:block;
width:100%;
height:1.8em;
}
#contact fieldset input,
#contact fieldset textarea,
#contact fieldset span{
display:block;
width:266px;
height:20px;
padding-top:3px;
border:2px solid;
background:transparent url("../img/form-bg.png") repeat;
color:#fff;
}
#contact fieldset span{
height:23px;
padding-top:0px;
position:relative;
overflow:hidden;
}
#contact fieldset select{
display:block;
width:300px;
height:23px;
padding:3px 0px;
border:none;
background:transparent url("../img/form-source.png") 243px top no-repeat;
color:#fff;
}
#contact fieldset select option{
background:#600;
color:#fff;
}
#contact fieldset select option[selected="selected"]{
color:#fff;
}
#contact fieldset textarea{
height:196px;
overflow:auto;
border-color:#5b0001 #9d1717 #b61d1d #4d0000;
}
#contact fieldset input.name,
#contact fieldset input.att-file{
border-color:#5b0001 #e02727 #e02727 #5b0001;
}
#contact fieldset input.email,
#contact fieldset input.att-img{
border-color:#4d0000 #cd2222 #cd2222 #4d0000;
}
#contact fieldset input.company,
#contact fieldset span{
border-color:#400000 #b61d1d #b61d1d #400000;
}
#contact fieldset input.website{
border-color:#360000 #9d1717 #9d1717 #360000;
}

#contact fieldset button {
margin:33px auto 0px;
display:block;
width:80px;
height:23px;
padding:0px;
border:3px solid;
border-color:#222 #000 #000 #222;
background:#111;
font:normal .8em/10px Arial;
vertical-align:middle;
color:#fff;
text-transform:uppercase;
}
#contact fieldset button:hover {
border-color:#000 #171717 #171717 #000;
background:#0e0e0e;
color:#ccc;
}
#contact fieldset button:active {
color:#fff;
}
em.error {
position:absolute;
right:0px;
top:0px;
display:block;
padding-left:15px;
background:url("../img/error.png") no-repeat left center;
color:#000;
}
#contact fieldset input.error,
#contact fieldset textarea.error{
border:2px solid #000;
}
em.success {
position:absolute;
right:0px;
top:0px;
display:block;
padding-left:15px;
background:url("../img/ok.png") no-repeat left center;
color:#000;
}


/***********************/
/*       FOOTER        */
/***********************/

#footer{
margin:0px auto;
width:800px;
height:64px;
}
#footer a{
color:#bc0001;
}
#footer a:hover{
text-decoration:underline;
}
#footer ul{
display:block;
width:100%;
font:normal .8em/64px 'Arial';
color:#c8c8c8;
}
#footer ul li{
display:block;
width:49%;
}
#footer ul li.f-left{
float:left;
text-align:left;
}
#footer ul li.f-right{
float:right;
text-align:right;
}