/* ------- What Our Customer Says */
#customer-says p img{ margin:0 5px 0 0;}

/* ------- Contact Us */
#contact-us{}
#contact-us .indent{ padding:10px 0 0 0; border:0!important;}
#contact-us .indent fieldset{ border:1px solid #bfbfbf; padding:15px; border-radius:3px;}
#contact-us .indent fieldset legend{ color:#555; font-size:17px; font-weight:bold; padding:0 10px;}
#contact-us .indent p{}
#contact-us .indent p a{ margin-left:150px;}
#contact-us .indent label{ width:150px; float:left;}
.mand{ color:red;}
#contact-us .indent input.feed-text, #contact-us .indent textarea.feed-msg, #contact-us .indent select.feed-combo{ border:1px solid #ccc; padding:5px; color:#555;}
#contact-us .indent select.feed-combo{ width:312px;}
#contact-us .indent fieldset:hover, #contact-us .indent input.feed-text:hover, #contact-us .indent textarea.feed-msg:hover{ border-color:#999;}
#contact-us .indent input.feed-text{ width:300px;}
#contact-us .indent textarea.feed-msg{ width:497px; height:100px; overflow:auto;}

.captha-wrap{ margin-bottom:10px;}
.captha-slot{ float:left;}

/* ------- eSS Button */
a.button-theme, span.button-theme{ float:left;}
a.button-theme span, span.button-theme input{ float:left; color:#fff; text-transform:uppercase; font-weight:bold; font-size:12px; padding:11px 32px 12px 10px; border:0; margin:0;}

a.button-green, span.button-green{ background:url(../images/esssite/theme/bg-button-green-left.png) left top no-repeat;}
a.button-green:hover, span.button-green:hover{ background:url(../images/esssite/theme/bg-button-grey-left.png) left top no-repeat;}
a.button-green span, span.button-green input{ background:url(../images/esssite/theme/bg-button-green-right.png) right top no-repeat;}
a.button-green span:hover, span.button-green input:hover{ background:url(../images/esssite/theme/bg-button-grey-right.png) right top no-repeat;}

a.button-grey, span.button-grey{ background:url(../images/esssite/theme/bg-button-grey-left.png) left top no-repeat;}
a.button-grey:hover, span.button-grey:hover{ background:url(../images/esssite/theme/bg-button-green-left.png) left top no-repeat;}
a.button-grey span, span.button-grey input{ background:url(../images/esssite/theme/bg-button-grey-right.png) right top no-repeat;}
a.button-grey span:hover, span.button-grey input:hover{ background:url(../images/esssite/theme/bg-button-green-right.png) right top no-repeat;}

a.button-green-prev{ background:url(../images/esssite/theme/bg-button-green-left-prev.png) left top no-repeat;}
a.button-green-prev:hover{ background:url(../images/esssite/theme/bg-button-grey-left-prev.png) left top no-repeat;}
a.button-green-prev span{ background:url(../images/esssite/theme/bg-button-green-right-prev.png) right top no-repeat; padding:11px 10px 13px 32px;}
a.button-green-prev span:hover{ background:url(../images/esssite/theme/bg-button-grey-right-prev.png) right top no-repeat;}

/* ------- portfolio */
.portfolioCategories{ background:url(../images/esssite/theme/portfolioCategories-bg.gif) left bottom repeat-x; padding-bottom:1px;}
.portfolioCategories a, .portfolioCategories span{ background:url(../images/esssite/theme/bg-tab1.gif) 0 0 no-repeat;}
.portfolioCategories a{ /*font-family: 'Open Sans', sans-serif;*/ color:#999!important; font-size:17px; font-weight:bold; float:left; padding:10px 10px; background-position:right -44px;}
.portfolioCategories a:hover{ color:#555!important; text-decoration:none!important;}
.portfolioCategories span{ float:left; margin-right:5px; background-position:0 0;}
.portfolioCategories span.active{ background-position:0 -88px;}
.portfolioCategories span.active a{ background-position:right -132px; color:#555!important;}

section#right .foliopage h1{ background:none; font-size:24px; padding:0; line-height:24px;}

/* ------- portfolio */
#faq {}
#faq .faqcontent {margin:10px 0px 10px 20px; border:1px solid #ffb268; padding:5px; font-size:12px; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#faq h5{ font-size:10px; text-transform:uppercase; font-weight:bold; margin-left:14px; margin:8px 0}
#faq h5.faqopened, #faq h5.faqclosed {cursor:pointer; padding:0 0 0 25px; margin-bottom:0;}
#faq h5.faqclosed:hover {color: black;}
#faq h5.faqclosed {color: #000;background: transparent url(../images/esssite/theme/question-balloon-collapse.gif) no-repeat  0 0px; height:16px;}
#faq h5.faqopened {color: #FF7E00;background: transparent url(../images/esssite/theme/question-balloon-expanded.gif) no-repeat 0 0px; height:16px;}

/* ------- boxes */
.bgcolorGrey{ background-color:#eeeeee; }
.bgcolorBlue{ background-color:#6696C4; }
.boxInner{ padding:10px;}
.outerBox{ margin-bottom:10px;}

#Contents{ padding:0;}
#Contents h2, #privacy h2{padding:10px 0 5px 0px; margin:0; font-size:18px; color:#FF7E00; font-weight:lighter;}
#Contents h3{padding:10px 0 5px 0px; margin:0; font-size:16px; color:#0C3A98}
#Contents ul, #Contents ol{}
#Contents ul li, #Contents ol li, #privacy ol li, #privacy ul li{ padding-left:8px; margin-bottom:10px; font-size:12px; background:url(../images/esssite/theme/list-img.gif) left 6px no-repeat;}

/* ------- partners */
#partners{}
#partners .indent{ padding:0!important; border:0!important;}

#partners .piece{ float:left; width:223px; margin-bottom:15px; position:relative;}
#partners .piece a{ display:block; border:1px solid #d8d8d8; border-radius:3px; padding:4px;}
#partners .piece a:hover{ border-color:#c3ccd5;}
#partners .piece .label{ position:absolute; bottom:0; width:100%;}
#partners .piece .label a{ display:block; border:0; padding:0;}
#partners .piece .label h6{ background-color:#fff; opacity:0.8; color:#2d4358; font-size:12px; margin:4px; padding:7px; font-weight:lighter;}
#partners .piece .label h6:hover{ color:#000;}

#partners .mid{ margin:0 15px;}

/* ------- privacy */
#privacy h2{padding:10px 0 5px 0px; margin:0; font-size:18px; color:#ff9c00;}
#privacy h3{padding:10px 0 5px 0px; margin:0; font-size:16px; color:#0C3A98}
#privacy ul{ }
#privacy ol{ }

.boxInner{ padding:10px; border:1px solid #eeeeee; border-radius:10px; background-color:#eeeeee;}
.outerBox{ margin-bottom:10px;}

/* ------- breadcrumb */
#breadcrumb{ padding-bottom:0; margin-bottom:5px;}
#breadcrumb ul{ padding:5px 0 5px 0; margin:0; /*border-bottom:1px dotted #d6d6d6;*/}
#breadcrumb ul li{ display:inline; line-height:normal; padding:0; background:none; margin-right:5px; padding:0;}
#breadcrumb ul li.hme{ background:url(../images/esssite/theme/icon-home.gif) left top no-repeat; padding:0 0 0 20px;}
#breadcrumb ul li a{ font-size:12px; color:#666;}
#breadcrumb ul li a:hover{ color:#FF7E00;}

#sitemap ul{ margin:0 0 0 10px;}

/* ------- sitemap */
ul.tree, ul.tree ul { list-style-type: none; background: url(../images/esssite/theme/vline.png) repeat-y; margin: 10px 0 0 50px!important; padding: 0; }
ul.tree ul { margin-left: 10px!important; }
ul.tree li { margin: 0; padding: 0 12px!important; line-height: 25px; background: url(../images/esssite/theme/node.png) no-repeat!important; background-position:left 4px!important; color: #000; font-weight: normal; font-size:11px;}
ul.tree li a{ text-decoration:none!important; font-size:11px!important; color:#000!important;}
ul.tree li ul a{ color:#666!important;}
ul.tree li a:hover{ text-decoration:underline; color:#ff9c00!important}
ul.tree li.last { background: #fff url(../images/esssite/theme/lastnode.png) no-repeat!important;}

/* ------- our-customers */

#our-customers{}
#our-customers ul{}
#our-customers ul li{ display:inline; float:left; margin:5px; padding:10px; border:1px solid #d6d6d6; width:136px; text-align:center;}
#our-customers ul li img:hover{ opacity:0.6;}

#contact-us.feedbackform{ border:1px solid #eee; padding:15px; }
#contact-us.feedbackform .indent label, #contact-us .captha-wrap label{ display:block; width:auto; float:none; margin-bottom:4px; }
#contact-us .captha-wrap{ margin-top:30px; }

#contact-us.feedbackform .indent fieldset{ margin-top:20px; border-color:#ddd; }
#contact-us.feedbackform .indent fieldset legend{ font-size:14px; }
#contact-us.feedbackform .indent fieldset .required{ color:#ff0000; padding-left:5px; }
#contact-us.feedbackform .indent fieldset label{ display:inline-block; }