﻿/* reset */
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;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/* text base */
a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/* 
colors 
#f0f0f0;


#993333; #840909; (gradient)
#993333; (text headers, body links)
#1e2c35; #111f24; (gradient)
#939893; (text on red gradient)
#c7c9c7; (links in header / footer)
#ffffff; (current link in header)
#232323; (main body text)
*/

body {background: #f0f0f0; font: 12px/17px Tahoma, Verdana, sans-serif; letter-spacing: 0.01em; }

a {color: #887485; text-decoration: none; border-bottom: 1px solid #887485; }

h1, h2, h3 , h4, h5 {color: #887485; font-weight: normal; font-style: normal; }
h1 {}
h2 {font-size: 22px; line-height: 26px; }
h3 {font-size: 19px; line-height: 26px; }
h4 {font-size: 14px; line-height: 17px; text-transform: uppercase; font-weight: bold; margin: 0 0 4px 0; }

dl {}
dt { font-weight: bold; margin: 0 0 5px 0; color: #777; padding-left: 10px; padding-right: 15px;}
dd { margin: 0 0 20px 0; display: none;  padding-left: 10px; padding-right: 15px;}
.faq-question-hover {cursor: pointer; color: #000; }
.faq-question-current {background: #dde; border-top: 1px solid #ccc; color: #000; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; }
.faq-answer-current {background: #dde; border-bottom: 1px solid #ccc; font-size: 13px; padding-bottom: 10px; margin-bottom: 10px; }

.container {background: url(images/ui-bg-bars-f0f0f0.png) 50% -20px no-repeat; margin: 10px auto; padding: 0 20px; width: 870px; }

.header, .footer {background: url(images/ui-bg-993333-840909.png) no-repeat 0 0; color: #939893; }
.header {height: 82px; margin: 0; overflow: hidden; padding: 23px 10px 10px 200px; position: relative; }
.footer {padding: 5px 5px 5px 10px; background-position: 50% 100%; color: #fff;  }
.footer p {margin: 0; }
.header a, .footer a {color: #c7c9c7; border-bottom-width: 0; }
.header a:hover {color: #ffffff; }
.header a.current {color: #fff; } 
/* main nav */
.header ul, .header li {list-style-type: none; margin: 0; padding: 0;}
.header ul {position: absolute; left: 180px; bottom: 0; height: 60px; width: 680px; }
.header li {float: left; padding: 7px 12px 7px 6px; margin-right: 5px; }
.header li ul li {margin-right: 0px; padding: 7px 6px; font-size: 11px; }
.header li ul {display: none; }

.header h1 {width: 115px; height: 100px; position: relative; top: -10px; left: -170px; margin-right: -170px; float: left; }
.header h1 a {display: block; width: 100%; height: 100%; background: url(images/logo-ffffff-993333.png) 50% 50% no-repeat; }
.header h1 span {display: none; }
.header p {width: 315px; margin: 0; }

.header-spacer {background: #887485; height: 5px; }

/* main nav for specific pages */
.header li ul {position: absolute; top: 31px; left: 0px; width: 680px;  }
.header li.current {background: url(images/ui-bg-ffffff15.png) 0 0 repeat; }
.header li.current ul {background: transparent url(images/ui-bg-ffffff15.png) 0 0 repeat; }
.header li.current ul {display: block; }
.header li.current>a {color: #fff; font-weight: normal;}
.header li.current li.current {background-image: none; }

.main {background: #ffffff; padding: 10px; }
.sub-page .main {padding: 25px; }
.main .home {background: #3C2839 /*url(images/ui-bg-1e2c35-111f24.png) 0 0 repeat-x*/; height: 365px; position: relative; }

.main-bg {overflow: hidden; height: 365px; }
.hands {background: url(images/main-hands.jpg) 0 0 no-repeat; }

.box-feature {position: absolute; right: 20px; top: 20px; }
.box-feature, .box-feature .box-inner {background: transparent url(images/bg-box-500-500-ffffff.gif); background-position: 0 0; }
.box-feature .box-inner {background-position: 0 100%; position: relative; top: 20px; padding: 0 20px 20px 20px; width: 320px; padding }
.box-feature h3 {margin: 0; }

.box-testimonial {position: absolute; right: 20px; bottom: 35px; }
.box-testimonial {background: transparent url(images/bg-box-500-140-ffffff32.png); background-position: 0 0; }
.box-testimonial .box-inner {width: 320px; padding: 20px; height: 100px; overflow: hidden; }

.box-testimonial p {margin: 0 0 4px 0; color: #ccc; }
.box-testimonial a {color: #eee; border-bottom-color: #eee; }
.box-testimonial a:hover {color: #fff; }

ul.testimonials {list-style-type: none; padding: 0; margin: 0; }
ul.testimonials li {margin: 0; padding: 0; }
ul.testimonials li {display: none; }

.sidebar-right  { float: right; width: 250px; margin-left: 20px; }
.newsletter, .section-testimonials {border: 1px solid #ccc; padding: 7px; margin: 0 0 7px 0;}
.section-testimonials {height: 175px;}
.newsletter {padding: 2px; }
.newsletter h4, .newsletter p {background: #ddd; margin: 0; padding: 5px; }
.newsletter a {border-width: 0; text-decoration: none; }
.newsletter p {margin-bottom: 0; padding-top: 0; }

.section-page .main {padding: 20px 20px 25px 320px; }
.section-page .main .sidebar-main {float: left; position: relative; left: -310px; margin-right: -310px; }
.section-page .main .sidebar-secondary {float: right; width: 225px; margin: 0 0 15px 15px; }

/* jScroll */
.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;/*background:#aaa;*/background:url(images/scroll-track.gif) 50% 0 repeat-y;}
.jScrollPaneDrag{position:absolute;/*background:#666*/;cursor:pointer;overflow:hidden;background:url(images/scroll-drag.gif) 50% 0 repeat-y;}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;background: url(images/scroll-arrow-up.gif) 50% 50% no-repeat;}
a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;background: url(images/scroll-arrow-down.gif) 50% 50% no-repeat;}
