/* ::::: http://www.vlourenco.com/css/style.css ::::: */

* { margin: 0pt; padding: 0pt; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; }
ul, li { list-style-type: none; }
a { text-decoration: none; color: rgb(64, 81, 86); }
a:hover { color: rgb(182, 47, 47); }
body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif; font-weight: 300; color: rgb(81, 96, 100); }
div.main { margin: 0pt auto; width: 990px; clear: both; }
#heading { width: 100%; height: 150px; }
#heading ul { padding-top: 54px; }
#heading ul li { float: left; width: 25%; display: block; height: 96px; }	
#heading ul li.last {  width: 24%; }
#heading ul li a { display: block; width: 92%; height: 68px; font-size: 35px ! important; letter-spacing: -1px; padding-left: 8%; padding-top: 28px; color: rgb(149, 158, 161); text-shadow: 0pt 0pt 0pt rgb(255, 255, 255); }
#heading ul li.work a { text-indent: 30px; }
#heading ul li.about a { text-indent: 10px; }
#heading ul li a:hover { color: rgb(182, 47, 47); }
#heading ul li a.active { color: rgb(64, 81, 86); }
#content { padding-top: 50px; }
#content .main { padding-left: 20px; width: 950px; padding-right: 20px; }
#content .text { width: 740px; float: left; height: 335px; }
#content .slogan { width: 740px; float: left; }
#content .text p { font-size: 20px; line-height: 30px; margin-bottom: 28px; width: 85%; }
#content .sidebar, #content .sidetext { width: 210px; float: right; }
#content .samples { width: 210px; float: right; height: 0pt; }
#content .samples p { width: 210px; margin-top: -4px; }
#content h1 { font-size: 102px; letter-spacing: -7px; color: rgb(209, 217, 220); text-indent: -6px; margin-bottom: 36px; margin-top: -10px; text-shadow: 0pt 0pt 0pt rgb(255, 255, 255); }
#content .slogan h1 { margin: -10px 0pt 33px ! important; }
#content .text h1#job { font-size: 196px; letter-spacing: -14px; }
#content .sidebar h2, #content .sidetext h2 { font-size: 35px; letter-spacing: -1px; color: rgb(182, 47, 47); margin-top: 70px; font-weight: 300; margin-bottom: 3px; text-shadow: 0pt 0pt 0pt rgb(255, 255, 255); }
#content .sidetext h2 { color: rgb(209, 217, 220); margin-bottom: 20px; margin-top: 0px; font-weight: 300; }
#content .sidebar h2 a { color: rgb(182, 47, 47); }
#content .sidetext h3 { font-size: 18px; font-weight: 300; margin-bottom: 0pt; text-shadow: 0pt 0pt 0pt rgb(255, 255, 255); }
#content .sidetext a { padding: 4px 0pt 4px 10px; display: block; color: rgb(182, 47, 47); margin-left: -10px; }
#content .sidetext a:hover { background: rgb(237, 240, 241) none repeat scroll 0% 0%; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; }
#content .sidetext { padding-bottom: 120px; }
#content .sidetext ul { margin-bottom: 60px; }
#content .sidetext ul li {  }
#content .sidetext ul li p { margin-top: -3px; margin-bottom: 20px; }
#content .sidebar p, #content .sidetext p { font-size: 16px; letter-spacing: 0px; line-height: 24px; color: rgb(106, 121, 125); }
#content .text p { color: rgb(106, 121, 125); }
#in { background: rgb(237, 240, 241) none repeat scroll 0% 0%; display: block; margin-top: -32px; margin-bottom: 30px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; }
#in img { padding-top: 3px; }
#content .topics { height: 140px; clear: both; margin-bottom: 90px; }
#content .topics h2 { font-size: 35px; font-weight: 300; letter-spacing: -1px; margin-bottom: 3px; text-shadow: 0pt 0pt 0pt rgb(255, 255, 255); }
#content .topics p { line-height: 22px; font-size: 16px; color: rgb(106, 121, 125); }
#content .topics .who, #content .topics .what, #content .topics .for { float: left; display: block; width: 358px; }
#content .topics .who p, #content .topics .what p { width: 95%; }
#content .topics .who {  }
#content .topics .what { width: 338px; padding-left: 20px; }
#content .topics .for { padding-left: 20px; width: 210px; float: right; }
p.email, p.twitter { margin-top: 14px; font-size: 16px ! important; color: rgb(149, 158, 161) ! important; }
p.twitter { margin-top: 22px; }
p.email a { color: rgb(64, 81, 86); }
p.twitter a { display: inline ! important; }
#content p.pg { font-size: 16px ! important; }
#work h1 { padding-bottom: 45px; text-shadow: 0pt 0pt 0pt rgb(255, 255, 255); }
#work { padding-bottom: 360px; }
#work img { border: 1px solid rgb(221, 221, 221); margin-bottom: 30px; clear: both; display: block; width: 960px; }
#work h2 { font-size: 35px; font-weight: 300; letter-spacing: -1px; margin-bottom: 3px; color: rgb(209, 217, 220); float: left; width: 62%; line-height: 32px; margin-top: 5px; }
#work h2 strong { clear: both; display: block; color: rgb(149, 158, 161); }
#work p { margin-bottom: 150px; float: right; width: 30%; font-size: 14px; line-height: 24px; padding-top: 6px; }
#work p a { color: rgb(182, 47, 47); }
#contact fieldset { border: 0pt none ; }
#contact form label, #contact form input { clear: both; }
#contact form label { margin: 0pt 0pt 10px; font-size: 35px; display: none; }
#contact form input, #contact form textarea { border: 1px solid rgb(228, 228, 228); margin: 0pt 0pt 18px -16px; padding: 6px 12px 8px; width: 100%; color: rgb(182, 47, 47); font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif; font-weight: 300; font-size: 22px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; }
#contact form textarea { border: 1px solid rgb(228, 228, 228); height: 142px; color: rgb(182, 47, 47); font-size: 22px; width: 93.7%; padding-top: 14px; }
#contact form #send { border: 0pt none ; margin: 2px 0pt 18px -16px; padding: 6px 12px 8px 16px; background: rgb(182, 47, 47) none repeat scroll 0% 0%; width: 236px; color: rgb(255, 255, 255); font-size: 22px; cursor: pointer ! important; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; text-align: left; }
#contact form #send:hover { background: rgb(64, 81, 86) none repeat scroll 0% 0%; cursor: pointer ! important; }
#mainjob { height: 370px ! important; }
#mainjob .sidebar { margin-right: 30px ! important; margin-top: 20px; }
#mainjob h1 { margin-top: 10px; text-shadow: 0pt 0pt 0pt rgb(255, 255, 255); }
#mainjob a { display: block; width: 980px; height: 310px; margin-left: -30px ! important; padding-left: 30px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; }
#mainjob a .text { width: 680px ! important; }
#mainjob a .text h1 { background: transparent url('../img/project_list.png') no-repeat scroll 0% 0%; height: 218px; display: block; width: 680px ! important; text-indent: -9999px; }
#mainjob a:hover { background: rgb(241, 244, 244) none repeat scroll 0% 0%; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; }
#mainjob a:hover h1 { background-position: 0pt -219px; }