/* INTRO */
#intro-left { float:left; width:290px; }
#intro-right { float:left; width:600px; margin-left:7px; padding:13px 20px 20px 0; }
#intro-right p { font-family: 'Diavlo Medium', Arial; line-height:1.5em; }
.small_grey_bold { font-size:11px; color:#666; font-family: 'Diavlo Medium', Arial; }
.title_grey { color:#333; }
.blue_box_gradient { background:url('http://chapolito.com/wp-content/themes/chapolito/images/content-background-gradient.png') repeat-x #c7f4e7; padding:10px 25px 25px 25px; margin:10px 10px 0 0; float:left; width:220px; }
.blue_box { background:repeat-x #eafff9; padding:10px 25px 25px 25px; margin:0; float:left; width:220px; }
.blue_box_gradient ul, .blue_box ul { padding:0; margin:15px 0 0 0; }
.blue_box_gradient li, .blue_box li { list-style:none; }
#contact_form_container .contact_input, #contact_form_container textarea { border:solid 1px #959595; width:200px; height:24px; background-color:#f6f6f6;  padding:3px 0 0 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#959595; }
#contact_form_container textarea { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/textarea-background-gradient.png'); }
.contact_input { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/input-background-area.png'); }
#contact_input{ height:30px; width:106px; background-color:transparent; border:0px none transparent; cursor:pointer; padding-bottom:15px; background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/button-submit-off.png'); }
#contact_input:hover{ background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/button-submit-on.png'); }
/* PORTFOLIO */
.portfolio-left { float:left; display:block; margin:20px 20px 10px 0px; }
.portfolio-left-image { width:600px; height:600px; border:#d5d5d5 1px solid; }
.portfolio-left-subnav { text-align:right; margin-top:10px; color:#b1b1b1; }
.portfolio-left-subnav a { cursor:pointer; }
.portfolio-right { float:left; width:280px; display:block; margin:20px 0 20px 0; }
.portfolio-right subnav { font-size:10px; }
#browseprojects { padding:0; margin:0; width:300px; }
#browseprojects li { float:left; list-style:none; margin-right:10px; }
#browseprojects li a img { border:none; }
.browseprojects-text { float:left; display:block; color:#2cc1a1; font-family:'Diavlo Bold',Arial; padding:4px 5px 0 0; }
li.browseprojects-first { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/button-left-arrow-off.png'); width:31px; height:31px; } 
li.browseprojects-dot { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/project-icon-off.png'); width:19px; height:19px; }
li.browseprojects-last { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/button-right-arrow-off.png'); width:31px; height:31px; }
li.browseprojects-first:hover { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/button-left-arrow-on.png'); width:31px; height:31px; } 
li.browseprojects-dot:hover { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/project-icon-on.png'); width:19px; height:19px; }
li.browseprojects-last:hover { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/button-right-arrow-on.png'); width:31px; height:31px; }
.portfolio-right h2 { margin:-5px 0 10px 0; }
.portfolio-right .subnav { font-size:11px; margin-bottom:20px; font-family: 'Diavlo Medium', Arial; }
#viewsite_input { height:30px; width:192px; background-color:transparent; border:0px none transparent; cursor:pointer; margin-bottom:20px; background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/button-view-live-site-off.png'); }
#viewsite_input:hover { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/button-view-live-site-on.png'); }
.text-summary { font-family: 'Diavlo Medium', Arial; line-height:1.5em; }
.text-testimonial { line-height:1.5em; color:#666; margin:10px 20px 10px 20px; }
.text-testimonial-author { line-height:1.5em; color:#000; margin:10px 10px 0 10px; font-size:24px; text-align:right; }
.text-testimonial-title { line-height:1.5em; color:#666; margin:0 10px 10px 10px; font-size:12px; text-align:right; }
/* TESTIMONIALS */
.box-top-testimonials { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/illustration-testimonials-city.png'); width:960px; height:97px; /* .height:87px; _height:87px; */ }
.box-top-testimonials h2 { float:left; margin:45px 0 0 20px; margin-bottom:11px; /* .margin-bottom:11px; _margin-bottom:11px; */ font-size:28px; }
*html .box-top-testimonials { height:87px; }
*html .box-top-testimonials h2 { margin-bottom:11px; }
.box-top-testimonials-sub { background:url('http://chapolito.com/wp-content/themes/chapolito/images/content-cap-top.png') bottom center no-repeat; width:960px; height:8px; padding-top:89px; border:#FF0000 0px solid; }
#testimonials-left { float:left; width:455px; margin:3px 20px 10px 3px; }
#testimonials-center { float:left; width:200px; margin:10px 20px 10px 0; }
#testimonials-right { float:left; width:200px; margin:10px 10px 10px 0; }
.text-testimonial-big { color:#000; margin:10px 20px 10px 20px; font-size:48px; text-transform:uppercase; }
.text-testimonial-big p { margin:0; }
.text-testimonial-author-big { line-height:1.5em; color:#000; margin:10px 10px 0 10px; font-size:24px; text-align:right; }
.text-testimonial-title-big { line-height:1.5em; color:#666; margin:0 10px 10px 10px; font-size:12px; text-align:right; font-family: 'Diavlo Medium', Arial; }
.text-testimonial-maintitle-small{ font-family: 'Diavlo Medium', Arial; line-height:1.0em; color:#000; margin:10px 10px 0 10px; font-size:24px; }
.text-testimonial-small { line-height:1.5em; color:#666; margin:10px 10px 10px 10px; font-size:14px; position:relative; }
.quoteimage { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/quotation-marks.png'); width:30px; height:25px; position:absolute; top:20px; left:-40px; }
.text-testimonial-author-small { line-height:1.5em; color:#000; margin:10px 10px 0 10px; font-size:18px; text-align:right; }
.text-testimonial-title-small { line-height:1.5em; color:#666; margin:0 10px 10px 10px; font-size:12px; text-align:right; font-family: 'Diavlo Medium', Arial; }
#airplane_bg { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/illustration-airplane-full.png'); width:151px; height:432px; position:absolute; top:280px; left:-100px; z-index:-1; }
#airplane { background-image:url('http://chapolito.com/wp-content/themes/chapolito/images/illustration-airplane-only.png'); width:151px; height:143px; position:absolute; top:562px; left:-100px; heigh\t:150px; }
*html #airplane { height:150px; }
.categoryname { color:#999; font-size:12px; }
.categorydivide { color:#e2e2e2; font-size:12px; }
.portfolio-left { background-color: #FFFFFF; background-image: url(http://chapolito.com/wp-content/themes/chapolito/images/loading.gif); background-repeat: no-repeat; background-position: center center; }
a.selectedimagenum-selected { color:#FF0000; }
a.selectedimagenum { color:#00A2FF; }
a.selectedimagenum:hover { color:#FF0000; }

/* TRANSITIONS ------------------------------------------------------------ */
/* default opacity for IE 
img {
	filter:alpha(opacity=100);
	} */
/* duplicate image positioning */
img.idupe { position:absolute; z-index:30000; visibility:hidden; }

/* CONTENTSLIDER ------------------------------------------------------------ */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 920px; /*width of featured content slider*/
height: 630px;
display:block; 
margin:0px 20px 0px 10px;
padding:20px 0 0 0;
}
#paginate-slider1 { z-index:100; }
.sliderwrapper .contentdiv {
visibility: hidden; /*leave as is*/
background-color:#FFFFFF;
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
height: 100%; /*leave as is*/
filter:/*alpha(opacity=25);*/ progid:DXImageTransform.Microsoft.alpha(opacity=100); opacity: 1; /*leave as is*/
width: 920px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
}
.pagination{ margin-left:auto; margin-right:auto;
 /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
}
.toc { padding-top:5px; width:19px; height:19px; }
.next, .prev { margin-top:0px; width:31px; height:31px; }
.pagination a img { border:none; }
.pagination a { float:left; list-style:none; margin-right:10px; margin-top:0; background:url(http://chapolito.com/wp-content/themes/chapolito/images/project-icon-off.png) no-repeat bottom; }
.pagination a:hover, .pagination a.selected:hover  { background:url(http://chapolito.com/wp-content/themes/chapolito/images/project-icon-on.png) no-repeat bottom; }
.pagination a.selected { background:url(http://chapolito.com/wp-content/themes/chapolito/images/project-icon-selected.png) no-repeat bottom; }
a.next { background-image:url(http://chapolito.com/wp-content/themes/chapolito/images/button-right-arrow-off.png); }
a.prev { background-image:url(http://chapolito.com/wp-content/themes/chapolito/images/button-left-arrow-off.png); }
a.next:hover { background-image:url(http://chapolito.com/wp-content/themes/chapolito/images/button-right-arrow-on.png); }
a.prev:hover { background-image:url(http://chapolito.com/wp-content/themes/chapolito/images/button-left-arrow-on.png); }