/*
Theme Name: Creative Media Farm 2009
Theme URI: http://www.creativemediafarm.com/
Description: New website theme, January 2009
Version: 3.1
Author: Isabel Báez and Baby Gabriel / Santiago Melluso and Lazy Dog
Author URI: http://www.creativemediafarm.com/
Tags: fresh, clean, large image, trends, farm
*/

/* =RESET - Eric Meyer's reset and other common styles */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

a:link, a:visited {text-decoration:none}
a:hover {text-decoration:underline}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =GLOBAL STYLES */

/* Wraps */
body {text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#fff; position:relative; margin:-100px 0px 0px 0px}

#container {float:left; width:100%; background:url(images/night.jpg) no-repeat center bottom; color:#333}

.ui-tabs-panel {overflow:hidden}
.ui-tabs-panel a {color:#fff}
.ui-tabs-hide {display:none}


/* Miscellaneous classes */
.left {float:left}
.right {float:right}
.hide {display:none}
.strong {font-weight:bold}
.indent, .skip {text-indent:-9999px; display:block; position:absolute}
.pointer {cursor:pointer}
.group {width:856px; text-align:left; margin:0 auto}
.column {width:315px;}
.more {display:block; float:left; color:#78A934}
.alignleft {float:left}
.alignright {float:right}
/* =ACCESSIBILITY LAYER AND QUICK ACCESS TOP LINKS */
#accessibility_tools {font-size:13px; line-height:1.5em; background: url(images/accessibility_lock.gif) no-repeat left; height:100px}
#accessibility_tools p {display:inline; padding:3px 0px 3px 120px; width:500px; float:left}
#accessibility_tools p a {color:#fff; font-weight:bold; text-decoration:underline}
#accessibility_tools h4 {float:right; padding-left:15px}
#accessibility_tools ul#screen_options { float:right; margin-left:25px; }
#accessibility_tools ul#screen_options a, #accessibility_tools ul#screen_options a:link, #accessibility_tools ul#screen_options a:visited  {cursor:pointer; padding-left:15px; color:#fff; text-decoration:none}
#accessibility_tools ul#screen_options a:hover, #accessibility_tools ul#screen_options a.selected {background:url(images/works_whitebullet.gif) no-repeat left center; text-decoration:underline}
#quick_access {float:left; width:100%; height:100px; color:#fff; background:#000; text-align:left;}
#quick_access ul.group {position:relative; color:#333}
#quick_access ul.group li {position:absolute; bottom:-120px; text-indent:-9999px; z-index:100}
#quick_access ul.group li a {width:110px; height:21px; display:block; background-image: url(images/sprite_nav_accessibility.png);}
#btn_skip {right:240px}
#btn_skip a {background-position:left top}
#btn_access {right:120px}
#btn_access a {background-position:center top}
#btn_clients {right:0;}
#btn_clients a {background-position: right top}

/* =BRANDING AREA AND MAIN NAV*/

/* Logo */
#branding {float:left; }
#branding h1, #branding a {display:block; text-indent:-9999px}
#branding a {width:184px; height:129px; background:url(images/logo.jpg) no-repeat;}

/* Main Menu */
.nav_main {float:right; width:455px; position:relative}

/*home link*/
.nav_main li {position:absolute; right:320px; top:20px; width:108px; padding-top:85px;}
.nav_main li.bubble {background: url(images/bubble.gif) no-repeat 0px 15px;}
.nav_main a:link, .nav_main a:visited {background-image:url(images/sprite_nav_main.png); text-indent:-9999px; display:block; height:28px; width:65px}
.nav_main a:hover, .nav_main a:focus, .nav_main li.current_page_item a{background-position: left bottom!important}
.nav_main a:active {background-position:0px 29px!important;}

/*our work link*/
.nav_main li.page-item-3 {right:228px;}
.nav_main li.page-item-3:hover, .nav_main li.page-item-3.bubble {background-position:-109px 15px;}
.nav_main li.page-item-3.current_page_parent a, .nav_main li.page-item-3.current_page_item a {background-position:-75px 28px!important;} 
.nav_main li.page-item-3 a:link, .nav_main li.page-item-3 a:visited {width:100px; background-position:-75px 0px;} 
.nav_main li.page-item-3 a:hover, .nav_main li.page-item-3 a:focus {background-position:-75px 28px!important;}  
.nav_main li.page-item-3 a:active {background-position:-75px 29px!important;}
 
/*about us link*/
.nav_main li.page-item-2 {  right:96px}
.nav_main li.page-item-2:hover, .nav_main li.page-item-2.bubble {background-position:-218px 15px;}
.nav_main li.page-item-2 a:link, .nav_main li.page-item-2 a:visited {width:95px; background-position:255px 0px;}
.nav_main li.page-item-2 a:hover, .nav_main li.page-item-2 a:focus, li.page-item-2.current_page_item a{background-position:255px 28px!important;}
.nav_main li.page-item-2 a:active {background-position:255px 29px!important;}

/*blog link*/
.nav_main li.page-item-27 {right:35px}
.nav_main li.page-item-27:hover, .nav_main li.page-item-27.bubble {background-position:-327px 15px;}
.nav_main li.page-item-27 a:link, .nav_main li.page-item-27 a:visited { width:45px; background-position:140px 0px;}
.nav_main li.page-item-27 a:hover, .nav_main li.page-item-27 a:focus, li.page-item-27.current_page_item a{background-position:140px 28px!important;}
.nav_main li.page-item-27 a:active {background-position:140px 29px!important;}

/* contact us link */
.nav_main li.page-item-17 {right:-30px}
.nav_main li.page-item-17:hover, .nav_main li.page-item-17.bubble {background-position:-436px 15px;}
.nav_main li.page-item-17 a:link, .nav_main li.page-item-17 a:visited { width:77px; background-position:77px 0px;}
.nav_main li.page-item-17 a:hover, .nav_main li.page-item-17 a:focus, li.page-item-17.current_page_item a{background-position:77px 28px!important;}
.nav_main li.page-item-17 a:active {background-position:77px 29px!important;}


/* =CONTENT AREA */
#content_area {float:left; position:relative; padding-bottom:137px; width:856px; margin-top:10px}
.page #main_title, .home #main_title {position:absolute; top:60px; left:-20px; z-index:100; width:474px; height:173px; text-indent:-9999px}
#content_area #excerpt {position:absolute; left:-9999px}
#content_area #content {width:565px}
#content_area.about #content {width:485px}

#content {float:left; padding-bottom:25px}
#content h2 {margin:15px 0px 10px 0px; font-size:30px; color:#000}
#content h2.sIFR-replaced {font-size:38px}
#content h3 {margin-top:10px; font-size:15px; color:#900; font-weight:bold}
#content h3.sIFR-replaced, div.announce h5 {font-size:25px} 
#content p {padding:5px 0px; font-size:13px; line-height:1.5em}
#content_area a {color:#527324; font-weight:bold; text-decoration:underline}
#content_area #sidebar {width:205px}
#content_area.about #sidebar {width:300px}

#content dt h3 {font-size:16px; font-weight:bold; margin-bottom:5px; color:#930}
#content dd {font-size:13px;margin-bottom:15px;line-height:1.25em}

#content_area .edit-post a:link, #content_area .edit-post a:visited {font-size:13px; color:#fff; font-weight:bold; background: #090; position:absolute; bottom:135px; left:0px; display:block; padding:5px}
#content_area .edit-post a:hover {background: #060} 
#content_area .post-excerpt, #content_area .post-excerpt p {font-size:12px; line-height:1.25em}
#content_area .post-excerpt .edit-post a {position:static; display:inline; font-size:12px; line-height:1.2em; padding:2px;}

#parallax {width:856px; height:330px; overflow:hidden; position:relative; z-index:50;}
p#catchy_phrase {position:absolute; z-index:100; top:285px; right:-10px; width:333px; height:35px; text-indent:-9999px; padding:0px;}

p#catchy_phrase a {display:block; width:333px; height:35px}

/* =HOMEPAGE */
#content_area.home #content {width:856px; padding-bottom:0px}
.home p#catchy_phrase {background:url(images/catchy_phrase_home.png) no-repeat;}
.home #featured_services {float:right; width:660px; height:248px; position:relative}
.home #featured_services li {position:absolute; top:20px}
.home #featured_services li a {float:left; display:block; background:url(images/sprite_homepanels.jpg) no-repeat; width:210px; height:225px; text-indent:-9999px}
.home #featured_web {position:absolute; left:0px;}
.home #featured_web a:link, .home #featured_web a:visited {background-position: -220px top; width:214px}
.home #featured_web a:hover {background-position: -220px bottom}
.home #featured_mail {left:226px}
.home #featured_mail a:link, .home #featured_mail a:visited {background-position: left top; width:217px}
.home #featured_mail a:hover {background-position: left bottom}
.home #featured_cfr {position:absolute; right:0}
.home #featured_cfr a:link, .home #featured_cfr a:visited {background-position: right top; }
.home #featured_cfr a:hover {background-position: right bottom}

/* =WORKS */
#content_area.page.page-3 #content {width:585px}
.page-3 #main_title {left:-9999px}
#portfolio {width:856px; height:332px; display:block; position:relative; background-image:url(images/works.jpg); background-position:left center; border:1px solid #cdcdcd}

.gallery #nav_projects {position:absolute; width:182px; height:333px; right:0px; top:-1px; background: url(images/bg_projectsnav.png); overflow:hidden;}
.gallery #nav_projects h2 {margin:0px 0px 25px}
.gallery #nav_projects ul {padding:10px; margin-top:65px; position:relative}
.gallery #nav_projects ul li {margin-bottom:4px; padding-left:2px}
.gallery #nav_projects a  {color:#eee; font-size:15px; font-weight:bold;}
.gallery #nav_projects a:link, .gallery #nav_projects a:visited {padding:0px 10px}
.gallery #nav_projects a:link img, .gallery #nav_projects a:visited img {position:absolute; opacity:0.8;}
.gallery #nav_projects a:hover {color:#fff; background: url(images/works_whitebullet.gif) no-repeat left center; }
.gallery #nav_projects a:hover img {opacity:1}
#btn_cole img {top:180px; left:12px}
#btn_up img {top:180px; left:54px;}
#btn_iglesias img {top:180px; left:96px;}
#btn_branser img {top:180px; left:138px}
#btn_alfa img {top:220px; left:12px;}
#btn_nexo img {top:220px; left:54px}
#btn_freddy img {top:220px; left:96px}
#btn_brief img {top:220px; left:138px}

.gallery #nav_projects .ui-tabs-selected a {text-decoration:underline; color:#eee; background: url(images/works_whitebullet.gif) no-repeat left center;}
.gallery #nav_projects .ui-tabs-selected a img {opacity:1}

.gallery #projects-container {position:absolute; width:440px; height:173px; top:78px; left:-20px; background:url(images/title_works.png) no-repeat; overflow:auto; color:#fff}

.gallery #projects-container .gig {padding:12px 20px}
.gallery #projects-container .gig h4 {font-size:18px; font-weight:normal;}
.gallery #projects-container .gig p {padding-bottom:0px; line-height:1.3em}
#content .gig p.features, #content .gig .launch {font-size:13px; font-weight:bold;}
#content .gig a.launch {background:url(images/icon_targetblank2.gif) no-repeat right 2px; padding-right:20px; text-decoration:underline}

.page-3 #services_list {margin-top:15px}
.page-3 #services_list li {float:left; margin:0px 10px 10px 0px}
.page-3 #services_list li a {display:block; width:133px; height:133px; text-indent:-9999px; background: url(images/sprite_works.jpg) no-repeat left bottom}

.page-3 #services_list #btn_web a:link, .page-3 #services_list #btn_web a:visited {background-position: left bottom}
.page-3 #services_list #btn_web a:hover{background-position: left top}
.page-3 #services_list #btn_email a:link, .page-3 #services_list #btn_email a:visited {background-position: -144px bottom}
.page-3 #services_list #btn_email a:hover {background-position: -144px top}
.page-3 #services_list #btn_cfr a:link, .page-3 #services_list #btn_cfr a:visited {background-position:right bottom}
.page-3 #services_list #btn_cfr a:hover {background-position:right top}
.page-3 #services_list #btn_branding a:link, .page-3 #services_list #btn_branding a:visited {background-position:-432px bottom;}
.page-3 #services_list #btn_branding a:hover {background-position:-432px top}
.page-3 #services_list #btn_consultancy a:link, .page-3 #services_list #btn_consultancy a:visited {background-position:-578px bottom}
.page-3 #services_list #btn_consultancy a:hover {background-position:-578px top}
.page-3 #services_list #btn_seo a:link, .page-3 #services_list #btn_seo a:visited {background-position:-288px bottom}
.page-3 #services_list #btn_seo a:hover {background-position:-288px top}
.page-3 #services_list #assistance {background: url(images/bg_assitance.jpg) no-repeat; width:278px; height:134px}
.page-3 #services_list #assistance h3, .page-3 #services_list #assistance h3.sIFR-replaced {height:20px; padding:0px 10px; margin-bottom:10px}
.page-3 #services_list #assistance p {color:#FFF; padding:0px 10px}
.page-3 #services_list #assistance a {background:none; display:inline; text-indent:0px; color:#FFF; height:auto; width: auto}

#content_area.page-7  h1 {height:190px}
.page-7 {background:url(images/chimp/jungle1.jpg) no-repeat;}
.page-7 p#catchy_phrase {background:url(images/catchy_phrase_chimp.png) no-repeat;}
.page-7 #content h4 {background:url(images/btn_requestaquote.png) no-repeat; width:454px; height:30px; text-indent:-9999px; position:relative; left:-20px; margin:15px 0px 0px}
.page-7 #content a#rates_pdf {background:url(images/link_pdfchimp.jpg); width:193px; height:75px; display:block; text-indent:-9999px; margin-top:15px}
#content_area.page-7 .cform {float:left; width:435px}
#content_area.page-7 .cform input.cf-box-b {width:20px}
#content_area.page-7 .cform label, #content_area.page-7 .cform label span {text-align:right; color:#333; font-size:13px; width:120px}
#content_area.page-7 .cform select {width:258px}
#content_area.page-7  .cform textarea, #content_area.page-7  .cform input {color:#333; width:250px}
/*#content_area.page-7 .cform .cf-fs1 label, #content_area.page-7 .cform .cf-fs1 label span {text-align:right; color:#333; font-size:13px; width:330px}*/
#content_area.page-7 .cform legend {letter-spacing:0px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:13px; color:#333; padding:8px 0px 8px 40px}
#content_area.page-7 .cform #cforms_q2 {width:80px}
#content_area.page-7 div.cf_info, #content_area.page-7 div.failure, #content_area.page-7 div.success  {float:left; color:#333}
#content_area.page-7 .cform .cf-fs1 legend {background: url(images/number_1.gif) no-repeat left top}
#content_area.page-7 .cform .cf-fs2 legend {background: url(images/number_2.gif) no-repeat left top}
#content_area.page-7 .cform .cf-fs3 legend {background: url(images/number_3.gif) no-repeat left top}

div.announce {border:1px solid #333; background: #ffc; padding:5px 10px }

/* =INFORMATION PAGES */
.page-102 ul {padding-top:15px}
.page-102 li {float:left; clear:both; font-size:13px}
.page-102 #content li a:link, .page-102 #content li a:visited, .page-102 #content li a:hover {color:#333; text-decoration:underline; background:url(images/icon_targetblank.gif) no-repeat right 3px; padding-right:20px}
.page-102 li a:hover img {opacity:0.9}
.page-102 li img {margin:0px 15px 10px 0px}
.page-106 #content {font-size:11px}
.page-106 #content ul {margin:10px 0px 0px 5px}
.page-106 #content ul li {margin-bottom:5px} 
.page-106 #content ul ul {margin-left:30px}
.page-106 #content h4, .page-106 #content h4 a {font-size:13px; color:#333; text-decoration:underline; text-transform:uppercase}
.page-106 #content h5, .page-106 #content h5 a {font-size:13px; color:#333; text-decoration:underline}
.page-116 #content dl, .page-116 #content dl p, .page-116 #content dd {font-size:13px; line-height:1.4em}
.page-116 #content dt {font-size:13px; text-transform:uppercase; color:#333; font-weight:bold; margin-bottom:5px}

/* =CONTACT PAGE */
#content_area.page-17 img {margin-bottom:15px}
#content_area.page-17 #content {width:610px}
#content_area.page-17 #content .cform {width:600px; margin:5px 0px}
#content_area.page-17 #content legend {font-weight:bold; background:#900; padding:5px; border:1px solid #000; letter-spacing:normal; color:#fff; margin-left:15px; position:relative}
#content_area.page-17 #content fieldset.cf-fs1, #content_area.page-17 #content fieldset.cf-fs2, #content_area.page-17 #content fieldset.cf-fs3 {background:#ffffe8; border:1px solid #333; padding:5px}
#content_area.page-17 #content fieldset .cf-box-group input, #content_area.page-17 #content fieldset .cf-box-group label {width:auto}
#content_area.page-17 #content fieldset .cf-box-group label {text-align:left; width:auto;}
#content_area.page-17 #content fieldset label.cf-group-after span {margin-right:40px; width:auto}
#content_area.page-17 #content #li--15items.cf-box-group label {float:left; width:290px; padding:0px; margin:2px 0px;  height:26px;}
#content_area.page-17 #content #li--15items.cf-box-group label span {float:right;  height:26px;  }
#content_area.page-17 #content #li--15items.cf-box-group input {width:26px;  height:26px; float:right; clear:right; position:relative; right:210px; padding:0px; margin:2px 0px;}

/* =BLOG */
.blog h1 {margin:15px 0px 10px 0px; font-size:30px; color:#211D00}
.post h1 {margin:15px 0px 10px 0px; font-size:30px; color:#900}
.blog h1.sIFR-replaced {font-size:45px}
.blog .post_list .post {position:relative; z-index:50; float:left; width:560px; margin-bottom:10px }
.blog .post_list .thumb_link {position: absolute; left:0px; top:0px; border:1px solid #333; padding:5px;}
.blog .post_list .thumb_link a:hover {opacity:0.75}
#content_area.blog {padding-bottom:130px}
#content_area.blog .post-excerpt {position:relative; background:url(images/blog/blog_excerpt_shadow.png) no-repeat right top; z-index:50; float:left; width:380px; padding:0px 10px 15px 170px}
#content_area.blog .post-excerpt .edit-post a {position:absolute; font-size:12px; line-height:1.2em; padding:2px; left:0px; top:0px;}
#content_area.blog .post-excerpt, #content_area.blog .post-excerpt p {font-size:13px}
#content_area.blog .post_list .post-excerpt h3 {margin:0px 0px 4px}
#content_area.blog .post_list .post-excerpt h3, #content_area.blog .post_list .post-excerpt h3 a {color:#211D00; font-size:17px; font-weight:normal}
#content_area.blog .post_list .post-excerpt p.meta {font-size:12px; color:#777; padding:3px 0px 0px; line-height:1em}
#content_area.blog .post_list div.comments {background:url(images/blog/chapa_comments.jpg) no-repeat 0px 0px;position:absolute; right:-30px; top:9px; z-index:1; text-align:right; width:38px; height:48px; text-align:center; font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;}
#content_area.blog .post_list div.comments a {padding:22px 2px 0px 0px; color:#fff; display:block; font-weight:normal}
#content_area.blog .post_list div.date {background:url(images/blog/chapa_date.jpg) no-repeat 0px 0px;position:absolute; right:-30px; top:64px;  z-index:1; text-align:right; width:38px; height:48px; text-align:center; font-size:16px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#fff}
#content_area.blog .post_list div.date .month {margin:6px 0px 3px 0px; font-size:14px; font-weight:normal; display:block}
#content_area.blog .post_list .entry p {padding:5px 0px}
#content_area.blog .post_list .more {font-size:13px; color:#666; font-weight:bold; }
#content_area.blog .post_list .more a {background:url(images/blog/icon_readmore.gif) no-repeat right center; padding:0px 25px 0px 2px; color:#888;}
#content_area.blog .post_list .tags {margin-left:-170px; padding:0px; font-size:12px;}
#content_area.blog .post_list .tags a {font: 12px normal "Trebuchet MS", Arial, Helvetica, sans-serif }

/* Single */
#content_area.post #content {background:url(images/blog/blog_excerpt_shadow.png) no-repeat right 350px;}

/* =MAIN TITLE IMAGES */
.home #main_title {background:url(images/title_home.png) no-repeat;}
.page-2 #main_title {background:url(images/title_about.png) no-repeat;}
.page-9 #main_title {background:url(images/title_cfr.png) no-repeat; }
.page-13 #main_title {background:url(images/title_consultancy.png) no-repeat; }
.page-51 #main_title {background:url(images/title_seo.png) no-repeat;}
.page-17 #main_title {background:url(images/title_contact.png) no-repeat;}
.page-5 #main_title {background:url(images/title_web.png) no-repeat;}
.page-7 #main_title {background:url(images/title_email.png) no-repeat;}
.page-11 #main_title {background:url(images/title_branding.png) no-repeat;}

/* =ERROR PAGE */
.error #frame_the_dog{position:relative; left:-25px; float:left}
.error h1 {background:url(images/error_busted.jpg) no-repeat left; width:260px; height:92px; text-indent:-9999px; float:left; margin-top:45px}
#content_area.error #content {width:800px}
#content_area.error #content .left {width:450px; margin-bottom:100px}
#content_area.error #content h3 + p {font-size:14px}
#content_area.error #content h2.sIFR-replaced {float:right; width:400px; height:30px; margin:0px}
#error-snaps {width:850px; float:left; margin-top:20px; background:#e9e9e9}
#error-snaps ul {padding:15px 20px; overflow:auto}
#error-snaps li {float:left; margin-right:10px}
#error-snaps li a {text-align:center; padding:95px 0px 5px 0px; display:block;; width:125px; color:#555; font-size:14px; line-height:1.25em}
#error-snaps li#btn_web a {background:url(images/snap_web.jpg) no-repeat top;}
#error-snaps li#btn_email a {background:url(images/snap_chimp.png) no-repeat top;}
#error-snaps li#btn_cfr a {background:url(images/snap_cfr.jpg) no-repeat top;}
#error-snaps li#btn_brand a {background:url(images/snap_branding.jpg) no-repeat top;}
#error-snaps li#btn_consultancy a {background:url(images/snap_consultancy.jpg) no-repeat top;}
#error-snaps li#btn_seo a {background:url(images/snap_seo.jpg) no-repeat top;}

/* =SIDEBARS */
#sidebar h3 {font-size: 25px}
#sidebar {position:absolute; right:0; top:350px; bottom:138px; overflow:auto}
#sidebar p {line-height:1.25em; font-size:13px}

/* Home, testimonials */
#content_area #sidebar.home {width:182px; position:static; float:left; margin-top:20px}
#testimonials {width:182px; text-align:left; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; overflow:hidden}
#sidebar.home cite {font-weight:bold; padding-bottom:8px; float: left; width:182px; font-style:normal}
#sidebar.home cite span {text-transform:uppercase; display:block;}
#sidebar.home cite, #sidebar.home cite a {color:#333}
#sidebar.home blockquote {font-size:13px; line-height:1.5em; display:inline; margin-right:5px}
#sidebar.home blockquote:before, #sidebar.home blockquote:after {
	content: '"';
}
#sidebar h4 {font-size:14px;}
#sidebar h4.sIFR-replaced {font-size:18px}
#credit {position:absolute; right:0; bottom:170px; font-size:13px}
#monkeylove {position:absolute; right:0; bottom:150px; font-size:13px}

/* About us, profiles */
#profiles {margin-bottom:25px}
#profiles dt {background-image:url(images/sprite_about_profiles.jpg); background-repeat:no-repeat; padding:0px 0px 5px 50px; font-size:13px; cursor:pointer;}
#profiles dt strong { text-transform:uppercase; font-size:15px; display:block; padding-top:5px; text-indent:-9999px; background:url(images/icon_plus.gif) no-repeat 235px bottom;}
#profiles dt.active strong {background:url(images/icon_minus.gif) no-repeat 235px bottom;}
#profiles dd {padding:10px 1px 15px 10px; font-size:13px; line-height:1.3em}
#profiles dd img {float:right; margin:2px 0px 0px 5px}
dt.isabel, dt.sergio, dt.fernando, dt.david, dt.sawyer {margin-top:10px}
dt.isabel {background-position:0px -40px;}
dt.sergio {background-position:0px -125px;}
dt.fernando {background-position:0px -83px;}
dt.david {background-position:0px -168px;}
#profiles dt.sawyer {background-position:0px -210px; padding:14px 0px 10px 50px}
#sidebar.about h4.sIFR-replaced {height:25px}
p#join-our-team {font-size:12px;}

/* Works, sidebar */
#sidebar.works {padding-top:10px}
.page-3 #sidebar.works {top:331px}
.works .nav_sub ul {float:right}
.works .nav_sub li { margin-bottom:10px; width:188px}
.works .nav_sub li a {color:#999; text-decoration:none; font-weight:bold; font-size:15px; display:block; width:188px; height:22px; background-image:url(images/sprite_sidebar_works.png); background-repeat:no-repeat; text-indent:-9999px;}
.works .nav_sub li.page-item-3 a:link, .works .nav_sub li.page-item-3 a:visited {background-position:right bottom;}
.works .nav_sub li.page-item-3 a:hover, .works .nav_sub li.page-item-3 a:focus, .works li.page-item-3.current_page_item > a {background-position: left bottom!important;}
.works .nav_sub li.page-item-3 ul {margin-top:15px}
.works .nav_sub li.page-item-5 a:link, .works .nav_sub li.page-item-5 a:visited  {background-position:right top}
.works .nav_sub li.page-item-5 a:hover, .works .nav_sub li.page-item-5 a:focus, .works .nav_sub li.page-item-3 ul li.page-item-5.current_page_item a {background-position: left top!important}
.works .nav_sub li.page-item-7 a:link, .works .nav_sub li.page-item-7 a:visited  {background-position:-192px -24px}
.works .nav_sub li.page-item-7 a:hover, .works .nav_sub li.page-item-7 a:focus, .works .nav_sub li li.page-item-7.current_page_item a {background-position:0px -24px!important}
.works .nav_sub li.page-item-9 a:link, .works .nav_sub li.page-item-9 a:visited  {background-position:-192px -48px}
.works .nav_sub li.page-item-9 a:hover, .works .nav_sub li.page-item-9 a:focus, .works .nav_sub li li.page-item-9.current_page_item a {background-position:0px -48px!important}
.works .nav_sub li.page-item-11 a:link, .works .nav_sub li.page-item-11 a:visited  {background-position:-192px -96px}
.works .nav_sub li.page-item-11 a:hover, .works .nav_sub li.page-item-11 a:focus, .works .nav_sub li li.page-item-11.current_page_item a {background-position:0px -96px!important}
.works .nav_sub li.page-item-13 a:link, .works .nav_sub li.page-item-13 a:visited  {background-position:-192px -120px}
.works .nav_sub li.page-item-13 a:hover, .works .nav_sub li.page-item-13 a:focus, .works .nav_sub li li.page-item-13.current_page_item a {background-position:0px -120px!important}
.works .nav_sub li.page-item-51 a:link, .works .nav_sub li.page-item-51 a:visited  {background-position:-192px -72px}
.works .nav_sub li.page-item-51 a:hover, .works .nav_sub li.page-item-51 a:focus, .works .nav_sub li li.page-item-51.current_page_item a {background-position:0px -72px!important}

/* Info pages sidebar */
#sidebar.information {padding-top:10px}
.information .nav_sub li { margin-bottom:10px; float:right}
.information .nav_sub li a {color:#999; text-decoration:none; font-weight:bold; font-size:15px; float:right; display:block;width:129px;height:18px; padding:3px 0px; background-image:url(images/sprite_sidebar_information.png); background-repeat:no-repeat;text-indent:-9999px;}

.information .nav_sub li.page-item-102 a:link, .information .nav_sub li.page-item-102 a:visited  {background-position:right top}
.information .nav_sub li.page-item-102 a:hover, .information .nav_sub li.page-item-102 a:focus, .information .nav_sub li.page-item-102.current_page_item a {background-position: left top!important}

.information .nav_sub li.page-item-104 a:link, .information .nav_sub li.page-item-104 a:visited  {background-position:-130px -24px}
.information .nav_sub li.page-item-104 a:hover, .information .nav_sub li.page-item-104 a:focus, .information .nav_sub li.page-item-104.current_page_item a {background-position:0px -24px!important}

.information .nav_sub li.page-item-116 a:link, .information .nav_sub li.page-item-116 a:visited  {background-position:-130px -48px}
.information .nav_sub li.page-item-116 a:hover, .information .nav_sub li.page-item-116 a:focus, .information .nav_sub li.page-item-116.current_page_item a {background-position:0px -48px!important}

.information .nav_sub li.page-item-106 a:link, .information .nav_sub li.page-item-106 a:visited  {background-position:-130px -69px}
.information .nav_sub li.page-item-106 a:hover, .information .nav_sub li.page-item-106 a:focus, .information .nav_sub li.page-item-106.current_page_item a {background-position:0px -69px!important}

/* Contact info sidebar */
#content_area #sidebar.contact {width:195px; padding:0px 15px 15px; bottom:auto; background:#fff }
#sidebar.contact h3 {margin-bottom:10px}
#sidebar.contact #contact_info {margin-bottom:20px}
#sidebar.contact #contact_info li {margin-bottom:15px}
#sidebar.contact #contact_info li strong {display:block; color:#333; font-weight:normal}
#sidebar.contact h5 {margin-bottom:5px; font-size:13px}
#sidebar.contact #cmf-card {height:0px; overflow:hidden}
#sidebar.contact img#vineyard {border:1px solid #555; margin:3px}
p.hcard-download a {background:url(images/icon_vcard.png) no-repeat 10px; padding: 5px 0 5px 47px; margin-bottom:10px; display:block }
#sidebar.contact #hours {border:1px solid #333; background:#f9f9f9; margin-bottom:10px}
#sidebar.contact #hours p, #sidebar.contact #hours h5, #sidebar.contact #hours em {padding:5px; font-size:13px}
#sidebar.contact #hours p span {font-weight:bold;  display:block}
#sidebar.contact #hours h5 {margin-bottom:0px; }
#sidebar.contact #hours em {font-size:12px; margin-bottom:5px; display:block}


/* Blog pages sidebar */
#content_area.blog #sidebar {top:-5px; right:-10px; bottom:160px; width:210px; background:url(images/blog_sidebar_repeated.png) repeat-y center; overflow:visible}
#content_area.blog #sidebar #about_blog {padding:85px 30px 5px; background:url(images/blog_sidebar_heading.png) no-repeat top;}
#content_area.blog #sidebar #about_blog, #content_area.blog #sidebar #about_blog p {font-size:15px; color:#253500;}
#content_area.blog #sidebar ul.widget_sidebar {padding: 20px 6px 80px 8px; background:url(images/blog_sidebar_bottom.png) no-repeat 1px bottom; position:absolute; top:325px; bottom:-70px}
p#rss_link {background:url(images/bg_rss_shadow.png) no-repeat center bottom; padding-bottom:1px; text-align:center}
#rss_link a:link, #rss_link a:visited {width:155px; height:99px; background:url(images/bg_rss.png) no-repeat 0px 15px; display:block; text-indent:-9999px; margin:0 auto;}
#rss_link a:hover {background-position:0px 0px}
#sidebar .widget_categories h3 { background:url(images/blog/sidebar_title_cats.jpg) no-repeat; text-indent:-9999px}
#sidebar .widget_categories ul {padding:5px 20px; font-size:13px; color:#fff}
#sidebar .widget_categories li {margin-bottom:4px;}
#sidebar .widget_categories a {font-size:13px; color:#fff; font-weight:bold; text-transform:lowercase}
#tag_cloud { background:url(images/blog/sidebar_title_bytags.jpg) no-repeat; padding:15px 15px 10px 20px}
#tag_cloud h3 { text-indent:-9999px;}
#content_area.blog #tag_cloud a:link, #content_area.blog #tag_cloud a:visited {color:#fff; padding:1px 2px; margin:2px}
#content_area.blog #tag_cloud a:hover {background:#fff; color:#090; text-decoration:none}
#miniposts {width:198px; overflow:visible}
#miniposts h3 {background:url(images/blog/sidebar_title_notes.jpg) no-repeat; text-indent:-9999px; padding:15px 0px 10px; width:215px;}
#miniposts .miniposts {padding:5px 20px}
#miniposts h4 {background:url(images/blog/sidebar_icon_tag.jpg) no-repeat left; padding:3px 0px 3px 35px; color:#fff}
#miniposts p {padding:2px 0px; color:#000}

/* =SITE INFO */
#site_info {width:100%; float:left; clear:both; background:url(images/bg_footer.gif) bottom left repeat-x #231D01}
#nav_sitemap {background: url(images/sprites_footer_titles.gif) center 25px no-repeat;  padding:30px 0px}
#site_info ul li {float:left; text-align:left}
#site_info ul li li {float:none; margin-bottom:10px}
#site_info ul h5 {text-indent:-9999px; height:17px; overflow:hidden}
#site_info ul ul {font-size:13px; margin-top:5px}
#site_info li, #site_info a:link, #site_info a:visited {color:#fff; text-decoration:none;}
#site_info a:hover {text-decoration:underline}
#site_info ul li li strong {display:block; margin-bottom:5px;}
#links_useful {width:145px; margin-right:10px}
#links_who {width:125px; margin-right:5px}
#links_what {width:200px; margin-right:10px}
#links_contact {width:205px; margin-right:5px}
#links_contact li {margin-bottom:10px;}
#links_reach_us {width:150px;}
#links_reach_us li {margin-bottom:10px;}
#footnotes {font-size:13px; color:#fff}
#footnotes p {float:left; margin:16px 0px 20px;}
#footnotes #validation {float:right; margin:16px 0px 20px; display:none}
#footnotes #validation li {padding-left:5px; font-weight:bold}

/* =MISCELLANEOUS AND OVERWRITES */
/* form */
#content_area .cform {width:470px}
#content_area .cform br {display:none}
#content_area .cform label, #content_area .cform label span {width:190px; color:#333; text-align:right}
#content_area .cform select {width:278px; color:#777}
#content_area .cform textarea, #content_area .cform input {width:270px; color:#777}
#content_area .cform input.sendbutton	{width:119px;height:28px;margin: 0;font-size:3px;background: url(images/cmf_submit.jpg) no-repeat; text-indent:-9999px;color:#fff;cursor:pointer!important}
#content_area .linklove {margin:6px auto 10px !important;padding:0pt 6px 0pt 0pt !important;text-align:right;width:410px;position:absolute;left:-9999px}
#content_area .cform #cf_field_13 {width:74px}
#content_area span.reqtxt, #content_area span.emailreqtxt {padding-left:100px}
label.cf-group-after span {width:auto}


/* ACCESSIBILITY IMPROVEMENTS */
body.accessible #content p, body.accessible #accessibility_tools p {font-size:15px;}