/***********************************
begin resets & clear
***********************************/
* html .clear { height: 1%; }
/* remember to define focus styles! */
:focus { outline: 0; }
a:link, a:visited { color: #ce8e1b; text-decoration: none; }
a:hover { color: #434343; }
a.case_study:link, a.case_study:visited { color: #434343; display: block; float: left; font: bold 9px Verdana, Helvetica, Arial, sans-serif; margin: 55px 0 0 0; text-transform: uppercase; }
a.case_study:hover { color: #000; }
blockquote, q { quotes: "" ""; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
body { color: black; line-height: 1; }
/***********************************
begin structure & typography
***********************************/
body { background: url(../images/line.gif) top center no-repeat #fbfbfb; color: #434343; font: normal 12px Verdana, Helvetica, Arial, sans-serif; line-height: 1.4; }
body#about #wrap { background: url(../images/line_about.gif) #fbfbfb top left no-repeat; }
body#clients #wrap { background: url(../images/line_clients.gif) #fbfbfb top left no-repeat; }
body#home #wrap, body#contact #wrap { background: url(../images/line_home.gif) #fbfbfb top left no-repeat; }
body#jobs #wrap { background: url(../images/line_jobs.gif) #fbfbfb top left no-repeat; }
body#work #wrap { background: url(../images/line_work.gif) #fbfbfb top left no-repeat; }
body.error { background-color: #fbfbfb; background-image: none; }
body.form_error { background-color: #fbfbfb; background-image: none; text-align: center; }
body.form_error div { margin: 100px 0 0 0; }
body.form_error div ul li { margin: 0 0 5px 0; }
caption, th, td { font-weight: normal; text-align: left; }
div.address { left: 0; position: absolute; top: 75px; }
h1 { font: normal 25px Verdana, Helvetica, Arial, sans-serif; margin: 0 0 5px 0; }
h2 { font: bold 14px Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
input.submit { background: url(../images/send.gif) #fbfbfb top left no-repeat; border: none; cursor: pointer; height: 15px; margin: 15px 0 0 0; padding: 0; text-indent: -9999px; width: 50px; }
input.submit2 { background: url(../images/send2.gif) #fbfbfb top left no-repeat; border: none; cursor: pointer; height: 15px; margin: 15px 0 0 0; padding: 0; text-indent: -9999px; width: 50px; }
input.text { background: #fbfbfb; border: 1px solid #fbfbfb; border-bottom: 1px solid #b5b5b5; color: #434343; font: normal 13px Verdana, Helvetica, Arial, sans-serif; height: 24px; line-height: 35px; padding: 11px 0 0 0; width: 360px; }
label.not_required { padding: 0 0 0 10px; }
/***********************************
begin form 
***********************************/
label.radio { cursor: pointer; font: bold 13px Verdana, Helvetica, Arial, sans-serif; line-height: 20px; text-transform: uppercase; }
label.required { background: url(../images/bullet.jpg) center left no-repeat; padding: 0 0 0 10px; }
label.top_label { margin: 11px 0 0 0; vertical-align: top; }
li.ui-tabs-selected a em.switch { color: #CE8E1B; left: 0; position: absolute; visibility: visible; }
ol, ul { list-style: none; }
p { font: normal 13px Verdana, Helvetica, Arial, sans-serif; line-height: 16px; }
p.bottom { bottom: -59px; display: block; font: normal 10px Verdana, Helvetica, Arial, sans-serif; height: auto !important; left: 240px; position: absolute; }
span.file_label { bottom: 5px; display: none !important; height: 14px !important; left: 0 !important; position: absolute !important; right: 20px; top: -2px !important; visibility: visible; width: 140px !important; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
textarea { background: url(../images/message.gif) repeat; border: none; color: #434343; font: normal 13px Verdana, Helvetica, Arial, sans-serif; height: 105px; line-height: 35px; width: 360px; }
.clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.content { margin: 15px 0 0 0; min-height: 315px; position: relative; }
.content_right { float: right; width: 460px; }
/***********************************
begin 404/403/form_error
***********************************/
.error #main { margin: 127px 0 0 0; text-align: center; }
.error h1 { background: url(../images/404.gif) top center no-repeat; color: #ce8e1b; display: block; height: 100px; margin: 0 auto; text-indent: -9999px; width: 240px; }
.error h1.forbidden { background: url(../images/403.gif) top center no-repeat; color: #ce8e1b; display: block; height: 100px; margin: 0 auto; text-indent: -9999px; width: 240px; }
.error p.description { font: normal 26px Verdana, Helvetica, Arial, sans-serif; margin: 45px 0 35px 0; text-transform: uppercase; }
.error p.small { font: normal 15px Verdana, Helvetica, Arial, sans-serif; margin: 0 0 35px 0; text-transform: uppercase; }
.left a:link, .left a:visited { color: #434343; display: block; font: bold 13px Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; }
/***********************************
begin left
***********************************/
.left li { display: block; margin: 0 0 10px 0; }
.left, .content_left { float: left; margin: 0 20px 0 0; width: 220px; }
.no-display, input.radio, .ui-tabs .ui-tabs-hide, .error #branding, .error #copyright { display: none; }
.right { float: right; width: 700px; }
.right ul a:link, .right ul a:visited { color: #434343; font: normal 12px Verdana, Helvetica, Arial, sans-serif; text-decoration: none; }
.ui-state-default a em.switch { color: #CE8E1B; left: 0; position: absolute; visibility: hidden; }
.ui-state-default, #c li, #members, #industry_fields li, #image_nav li { position: relative; }
.ui-tabs-nav { float: left; }
.ui-tabs-nav li { margin: 0 0 10px 0; position: relative; }
/***********************************
begin branding
***********************************/
#branding { margin: 0 0 95px 0; }
#branding p { font-size: 11px; line-height: 22px; text-align: right; }
/***********************************
begin right
***********************************/
#client_list ul { display: block; line-height: 18px; -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; }
#client_list ul li { display: inline-block; width: 175px; }
#client_list ul li a.active, a.active, #industry_fields li a.active, #industry_fields li.active { color: #CE8E1B !important; }
#client_list ul li a[href=""]:hover{ color: #434343; cursor: text; }
#contact_form label { display: inline-block; display: -moz-inline-block; display: -moz-inline-box; width: 70px; }
#contact_form, #members ul { float: right; }
#contact_location a:link, #contact_location a:visited { font: bold 13px Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; }
#contact_us label.error { bottom: 0; color: #CE8E1B; line-height: 35px; position: absolute; right: 0; width: auto; }
/***********************************
begin copyright
***********************************/
#copyright { font: normal 10px Verdana, Helvetica, Arial, sans-serif; line-height: 20px; }
#copyright #recomendamos p { border-top: 1px solid silver; color: silver; font: 80%; line-height: 150%; margin: 25px 0 0 0 !important; }
#copyright a#pdf:link, #copyright a#pdf:visited { background: url(../images/file.jpg) center right no-repeat; color: #434343; font-size: 12px; padding: 0 10px 0 0; text-decoration: none; }
#copyright a#pdf:hover { text-decoration: underline; }
#copyright p { font: normal 11px Verdana, Helvetica, Arial, sans-serif; padding: 0; }
#home .right { width: 940px; }
#home .right .content_right { float: none; width: 940px; }
#home .right p { margin: 0 0 0 240px; }
#image_nav { position: absolute; }
#image_nav a:link, #image_nav a:visited { color: #434343; font: bold 13px Verdana, Helvetica, Arial, sans-serif; margin: 0 5px 0 0; }
#image_nav a:hover, .left a:hover, .right ul a:hover { color: #ce8e1b; }
#image_nav li a em { color: #ce8e1b; left: 0; position: absolute; top: -1px; visibility: hidden; }
#image_nav li a.activeslide em { visibility: visible; }
#image_nav li a.activeslide strong, li.ui-tabs-selected a strong { visibility: hidden; }
#job .file_cabinet { bottom: 122px; left: 580px; position: absolute; width: 140px !important; }
#job_form { background: url(../images/job_form.gif) top left no-repeat; float: right; height: 215px; padding: 0 0 0 55px; position: relative; width: 700px; }
#job_form #age { border-bottom: 1px dotted #b5b5b5; width: 16px; }
#job_form #job_title { width: 110px; }
#job_form #name, #job_form #email { width: 160px; }
#job_form #phone { width: 80px; }
#job_form #portfolio { width: 200px; }
#job_form input { height: auto; line-height: 13px; }
#job_form input.error { border-bottom-color: #CE8E1B; }
#jobs p { padding: 0 0 0 240px; }
#location { background: url(../images/map_v2.gif) no-repeat scroll left top; bottom: -60px; float: right; height: 390px; position: absolute; right: 0; width: 540px; }
#logo { background: url(../images/logo.gif) top left no-repeat; display: block; float: left; height: 69px; margin: 0 80px 0 0; text-indent: -9999px; width: 200px; }
/***********************************
begin content structure & typography
***********************************/
#main { height: auto !important; height: 492px; min-height: 492px; }
#main h1 { font-size: 150%; }
/***********************************
begin menu
***********************************/
#mainnav { float: left; position: relative; width: 600px; }
#mainnav a:link, #mainnav a:visited { color: #434343; font: bold 13px Verdana, Helvetica, Arial, sans-serif; text-decoration: none; text-transform: uppercase; }
#mainnav a:hover { color: #1c1504; }
#mainnav li { float: left; margin: 8px 20px 0 0; }
#members a { display: block; height: 315px; text-decoration: none; width: 60px; }
#members a strong { display: none; left: 0; position: absolute; text-decoration: none; }
#members a strong em { display: block; font: normal 11px Verdana, Helvetica, Arial, sans-serif; margin: 30px 0 0 0; text-decoration: none; }
#members a strong strong { color: #434343; display: block; font: bold 13px Verdana, Helvetica, Arial, sans-serif; text-decoration: none; text-transform: uppercase; width: 200px !important; }
#members a:hover strong, .clear, .display { display: block; }
/***********************************
begin members
***********************************/
#members li { display: block; float: left; height: 315px; margin: 0 0 0 20px; }
#more, #less { display: block; font: bold 9px Verdana, Helvetica, Arial, sans-serif; margin: 35px 0 0 0; }
#project { margin: 35px 0 35px 0; }
#project li { display: inline; }
#project li a:link, #project li a:visited { font: bold 13px Verdana, Helvetica, Arial, sans-serif; }
#project_images { float: right; height: 315px; width: 460px; }
/***********************************
begin recent work
***********************************/
#recent_work { margin: 23px 0 0 0; }
#recent_work h2 { left: 240px; position: absolute; top: 0; z-index: 100; }
#recent_work_images { float: right; height: 335px; overflow: hidden; width: 940px; }
#recent_work_images li  a { color: #fff; display: block; height: 335px; width: 940px; }
#recent_work_images li  a img { z-index: -100; }
#work .right p { height: 100px; line-height: 18px; }
#wrap { margin: 0 auto; padding: 33px 20px 30px 20px; position: relative; width: 940px; }