body {text-align: center;font: normal 11px sans-serif #fff;font-family:Courier;background:#000;color:#fff}

#container {margin: 0 auto; width: 967px;text-align: left;overflow: hidden;position: relative;}


/* LOGO ***********************************************************************/
/******************************************************************************/
#logo{margin:40px auto;width:350px;height:70px;text-align:center;}
#logo h1{font-size:40px;color:#fff;}




/* NAVBAR ***********************************************************************/
/******************************************************************************/

#topnavbar{float:left;width:965px;margin-top:10px;}
#topnavbar ul{padding:0;list-style-type:none;margin-left:0;font-size:20px;}
#topnavbar ul li{float:left;padding:3px 10px;margin:0 10px 0 0;}
#topnavbar ul li a{color:#fff;text-decoration:none;}

#topnavbar ul li:hover{background:#fff;}
#topnavbar ul li:hover a{color:#333;}

#themes{float:left;width:900px;font-size:12px;color:#fff;padding-left:10px;margin-top:10px;}
#themes a img{border:1px solid #333;;width:10px;height:10px;}
#themes a:active{border:1px solid #333;}

embed{float:left;border:1px solid #ccc;}


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

#rubik{width:650px;float:left;margin:30px 20px 10px 0;}
#facebooklinks{float:right;margin:30px 10px;width:220px;font-size:15px;}
#facebooklinks p{background:#333;;padding:2px 0 2px 5px;width:150px;}
#facebooklinks p a{color:#ddd;;text-decoration:none;}




#showcase_cont {
  float: left;
  margin: 118px 0 0 0;
  padding: 0 0 140px 0;
}


#portfolio {width: 968px;float: left;
}
#portfolio ul {list-style: none;padding:0;}	

#portfolio ul li{float: left;height:140px;margin:0;overflow:hidden;}

#portfolio ul li img{opacity:0.75;margin: 1px 1px 0 0;width: 241px;border:0;}
#portfolio ul li a{border:0;}

#portfolio ul li a:hover img {cursor: pointer;opacity:1;}


.separator2 {float: left;margin: 20px 0 0 0;width: 967px;height: 1px;display: block;background: url(images/separator2.png) top no-repeat;}




/* DETALLE DE CADA ITEM *******************************************************/
/******************************************************************************/



.works_cont {float:left;margin-top:80px;
}
.works_cont h1{color:#fff;float:left;margin:5px 0 0 0 ;width:960px;
               border-top:2px solid #333;padding:20px 20px 0 0;
}
.works_cont h2{float:left;width:960px;font-size:18px;color:#ddd;
               border-bottom:2px solid #333;padding:0 20px 20px 0;
}
.works_cont p{float:left;color:#fff;width:960px;margin:5px 0;}
.works_cont p a{color:#fff;text-decoration:none}
.works_cont p a:hover{color:#ccc;text-decoration:underline}



.goback {background: url(images/back-to-top.png) no-repeat;width: 227px; height: 21px;margin-top:12px; float: right; display: block;
  font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #aba6a6;padding: 6px 0 0 14px;text-decoration: none;}


.works_cont form{display:block;float:left;width:960px;margin-top:30px;}
#leftpart{width:300px;float:left;margin-top:0;margin-right:10px;}
.works_cont form label{width:110px;margin-bottom:8px;margin-top:5px;display:block;float:left;color:#999;}
.works_cont form input{display:block;float:right;margin-bottom:8px;}
.works_cont img{float:left;}

#textareadiv{width:540px;height:120px;float:left;margin:0;}
#textareadiv textarea{width:400px;height:120px;margin:0;}
#submitbutton{display:block;border:1px solid #ccc;float:right;padding:10px;}

#submitmessageSub{color:#fff;}

.fullcontact{float:left;width:270px;margin:40px 25px 40px 0;}
.fullcontact h1{display:block;font-size:16px;padding:2px;border:0;color:#ddd;}
.fullcontact h2{font-size:14px;border:0;padding:0;margin:5px 0 0 0;color:#999;}
.fullcontact p{margin:5px 0;color:#999;}
.fullcontact p a{color:#2ba7d1;margin-left:15px;}


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

#footer {
  float: left;
  width: 967px;
  display: block;
}

#footer p { margin-top:0;float: left;width:200px;margin-left:750px;}
#footer a{color: #ccc;}

a#mt {
  float: right;
  text-indent: -9999px;
  background: url(../images/mt.png) no-repeat;
  width: 241px;
  height: 43px;
  padding-right: 17px;
}