/* CSS Document */


/* geral */
* { margin: 0; padding: 0; font:1em helvetica, arial, sans-serif; color:#f6f6e8; text-align: left; }
a{text-decoration: none}

img{ border:0;}
body { text-align: center; background: #101112; }
#global { width: 100%; height: 100% ;}
#colorbar_top{ background: black; height: 8px;}
#colorbar_detail{ width: 1180px; height: 8px; margin: 0px auto; background: url(../img/colorbar.gif) no-repeat;}
#colorbar_bottom {background: black; height: 10px;}
#main_index { width: 1180px; height:auto; margin: 0px auto;}
#main{ width: 1180px; height:auto; margin: 0px auto;}
label {display: none}
input, textarea { padding: 10px 13px; background-color: #0d0c0b; border: 1px solid black; }

/* main_header */
#main_header{ width: 100%; height:150px; color: red;}
#logo {	width: 140px; height:34px; margin-top: 60px; display: block; float:left;}
#logo h1,h2{ display:none;}
#menu{ width: 500px; height:22px; margin-top: 60px; float:right;}

/* main_content */

#main_content{ width: 100%; height:auto; background: }
#menu ul{display:inline }
#menu ul li{ float: right; display:block; width: auto; }
#menu ul li a{ font-weight:bolder; font-size: 1.2em; background-color: none; color:#f6f6e8; margin-left:25px; text-decoration: none; letter-spacing: -0.02em; padding: 5px 10px 7px 10px;}
#menu ul li a:hover { background-color: black;}
#menu ul li span{ background-color: black; font-weight:bolder; font-size: 1.2em; background-color: none; color:#f6f6e8; margin-left:25px; text-decoration: none; letter-spacing: -0.02em; padding: 5px 10px 7px 10px;}

/*internal*/
#content_allworks h3, #content_contact h3 {display: none;}
#tittle_allworks{margin: 20px 0 0 0;}
#thumbs_allworks {	margin: 40px 0 0 0;}
.thumb { display:block; float:left; margin:0 20px 15px 0; width:380px;}
.last_thumb { margin:0 0 15px 0;}


/*footer*/
#main_footer{ border-top: 0px; height: 7em;	padding: 0 0 0 0; margin: 40px 0 0 0; clear: both;}
#main_footer p{ margin: 30px 0 30px 0; float: left; display:block; font-size: 11px;}


/*works*/

/*navigation*/
#navigation{ height: 40px; margin: 0 auto;}
#navigation_bottom{ height: 40px; margin: 0 auto;}
#btn_allworks{ float: left; clear: right;}
#btn_previousnext{ float: right;}


/*work_details*/

#content_works{ margin: 0 auto; padding: 0 0; }
#work_header{ height: 60px; margin: 0 0 1px 0; padding: 18px 20px 0 20px; background: black;}
#work_tittle{ width: 775px; float: left;}
#work_tittle h4{ font-family: Arial, sans-serif; font-weight: bold; color: #f4f4e3; font-size: 2.0em;}
#work_tittle h4 span{ font-family: Times, Georgia; font-style: italic; font-size: 1.0em; color: #44443f;}
#work_credit p{ font-family: Arial, sans-serif; font-weight: normal; color: #f4f4e3; font-size: 0.95em;}
#work_credit p span{ font-family: Arial, sans-serif; font-weight: normal; color: #f4f4e3; font-size: 0.75em;}
#work_text{ height: 145px; margin: 0 0 1px 0; padding: 0 0; background: black; font-family: Arial, sans-serif; font-weight: normal; color: #b9b9ac;}

.work_text_col{ margin: 18px 0px 0 20px; float: left; width: 367px;}
.work_text_col p{ font-weight: 100; color: #b9b9ac; font-size: 0.8em; line-height: 2em;}
#work_images{ height: auto;}
#work_images img{ margin: 0 0 1px 0;}


/*profile*/

#colorbar{ margin: 60px 0 20px 0;}
#content_contact #colorbar {margin: 40px 0 20px 0}
#left_col{ float: left; height: 500px;}
#experience{ height: 280px; width: 187px; background: black; padding: 15px 15px 18px 18px; float: left; margin: 0 35px 20px 0; clear: right; }
#experience img{ margin: 0 0 18px 0; }
#experience p{ font-family: arial, sans-serif; font-size: 1,25em; font-weight: bolder; }
#experience p span{ display: block; font-family: times, Georgia; color: #b9b9ac; font-size: 12px; font-weight: normal; font-style: italic; margin: 0 0 18px 0; }
.resume_col{ width: 440px; height: 335px; float: left; margin: 0 20px 0 0;}
.resume_col p{ color: #b9b9ac; font-size: 14px; line-height: 1.5em;} 
.resume_col p a{ color: #f4f4e3; font-size: 14px; font-weight: bold; line-height: 1.5em;}
#icons{ margin: 30px 0 0 0; width: 150px; height: 30px; display: block; }
#icons img{ margin: 0 5px 0 0;}


/*contact*/

#contact {float: left;}
#contact fieldset{ border: 0; }
#form{ width: 600px; height: 400px;}

#topforms { float: left; clear: right; margin: 0 0 12px 0;}
#topforms input{width:249px; margin: 0 10px 0 0;}

#message{ float: left; width: 568px;}
#message textarea {width: 540px;}
#send{ width: 140px; height: 42px; background: black url(../img/btn_send.gif) repeat-x ; float: right; margin: 15px 0; }
#send:hover { cursor:pointer !important; }
#morecontact{float: left; margin: 0 0 0 30px; }
#morecontact p{line-height: 2em; color:#b9b9ac}
#morecontact p a, #morecontact p span{color:#f4f4e3; }
#contacticons {margin:0 0 0 0; width: 300px; height: 30px; display: block;}
#contacticons img{ margin: 5px 5px 0 0;}



/* boxgrid effect */

.boxgrid{ width:380px;height: 203px;margin:0 20px 15px 0;float:left;overflow: hidden;position: relative;}

.last_boxgrid { width:380px;height: 203px;float:left; overflow: hidden; position: relative; margin:0 0 15px 0;}

h5{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold !important }

.boxgrid img, { position: absolute; top: 0; left: 0; border: 0; }

.boxgrid p, .last_boxgrid p{ padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; }

.boxcaption{ float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {top: 260;left: 0;}
.caption .boxcaption {top: 220;left: 0;}