@charset "utf-8";
/* CSS Document */

body { margin: 0; background: #000 url(/images/bg.jpg) top center no-repeat fixed; }

a { font-family: Trebuchet MS; font-weight: bold; color: #631c1c; text-decoration: none; }

a:hover { text-decoration: underline; }

form { margin: 0; }

hr { height: 1px; color: #a44545; }

.text { font-family: Trebuchet MS; font-size: 80%; font-weight: bold; color: #a44545; line-height: 200%; }

.content { overflow: hidden; position: relative; width: 1010px; margin: 0 auto; }

.loading { font-family: Trebuchet MS; font-size: 80%; font-weight: bold; }

.listingBar { font-weight: normal; color: #000000; text-align: center; }

.clear { clear: both; }

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

#home { float: left; width: 1263px; height: 645px; background: url(/images/title-home.png) no-repeat center bottom; }

#home .text { width: 590px; margin: 0 0 30px 415px; }

#home .content { top: 355px; }


/* WORK ********************************************************************************************************************/

#work { float: left; width: 1263px; height: 645px; background: url(/images/title-work.png) no-repeat center bottom; }

#work .text { width: 360px; margin: 0 0 30px 430px; padding-right: 20px; }

#work .text p { color: #000000; }

#work .content { top: 205px; }

#work #job .photo { float: right; margin: 40px 270px 0 0; border: 8px solid #8c3d3d; }

#work #job h3 { font-family: Trebuchet MS; color: #631c1c; }

#work #job .description { width: 415px; margin-top: -10px; font-family: Trebuchet MS; font-size: 80%; color: #000000; line-height: 200%; text-align: justify; }

#work #job .nav { width: 415px; font-family: Trebuchet MS; font-size: 80%; color: #000000; line-height: 200%; text-align: center; }

#work #job .nav #previous { margin-right: 10px; }

#work #job .nav #next { margin-left: 10px; }


/* PROFILE *****************************************************************************************************************/

#profile { float: left;  width: 1263px; height: 645px; background: url(/images/title-profile.png) no-repeat center bottom; }

#profile .text { width: 530px; margin: 0 0 30px 5px; }

#profile .content { top: 150px; }


/* BLOG ********************************************************************************************************************/

#blog {	float: left;  width: 1263px; height: 645px; background: url(/images/title-blog.png) no-repeat center bottom; }

#blog h3 { text-transform: uppercase; }

#blog .text { overflow: auto; width: 440px; height: 410px; margin: 0 0 30px 540px; padding-right: 20px; text-align: right; }

#blog .text p { color: #000000; }

#blog .content { top: 90px; }


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

#contact { float: left; width: 1263px; height: 645px; background: url(/images/title-contact.png) no-repeat center bottom; }

#contact .text, #message { width: 490px; margin: 0 0 30px 510px; text-align: right; }

#contact .content { top: 160px; }

#formulario { width: 460px; margin-left: 540px; text-align: right; }

#formulario div { margin-bottom: 5px; }

#formulario label { float: left; font-family: Trebuchet MS; font-size: 80%; font-weight: bold; color: #680b0b; }

#formulario input, #formulario textarea { width: 370px; border: 2px solid #680b0b; background-color: #edede7; font-family: Trebuchet MS; font-size: 80%; color: #000000; }

#botoes { margin-top: 10px; }

#botoes input { width: 70px; margin-left: 10px; font-family: Trebuchet MS; font-size: 80%; font-weight: bold; color: #680b0b; }

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

#menu { position: absolute; overflow: hidden; top: 450px; left: 490px; width: 600px; list-style: none; z-index: 2; }

#menu li { float: left; margin-left: 20px; }

#menu li a { display: block; text-decoration: none; text-indent: -9999px; outline: none; }

#menu-work { width: 120px; height: 65px; background: url(/images/menu.png) no-repeat; }

#menu-work:hover { background: url(/images/menu.png) no-repeat 0 -67px; }

#menu-profile { width: 135px; height: 65px; background: url(/images/menu.png) no-repeat -145px 0; }

#menu-profile:hover { background: url(/images/menu.png) no-repeat -145px -67px; }

#menu-blog { width: 115px; height: 65px; background: url(/images/menu.png) no-repeat -318px 0; }

#menu-blog:hover { background: url(/images/menu.png) no-repeat -318px -67px; }

#menu-contact { width: 147px; height: 65px; background: url(/images/menu.png) no-repeat -454px 0; }

#menu-contact:hover { background: url(/images/menu.png) no-repeat -454px -67px; }


/* CAROUSEL ****************************************************************************************************************/

#carousel-wrap { position: absolute; display: block; overflow: hidden; margin: 0 auto; width: 1257px; height: 645px; z-index: 1; }

#carousel-content { position: relative; margin: 0; padding: 0; top: 0; left: 0; width: 100000px; height: 645px; }