/*
Theme name: Sanitas
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 12px;
    line-height: 16px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #554635;
    background: #5d4e3c;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }


.shell { width: 962px; margin: 0 auto; }

#header { background: url(images/header-c.gif) repeat-x 0 0; height: 113px; }
.header-bg { background: url(images/header-bg.png) no-repeat center 0; }
#header .shell { position: relative; }
#logo a { background: url(images/logo.png) no-repeat 0 0; width: 226px; height: 113px; position: absolute; top:0;left:0; }

#navigation { height: 42px; padding: 71px 0 0 312px; }
#navigation ul { list-style: none; height: 42px; }
#navigation ul li { display: inline; float: left; position: relative; margin: 0 12px 0 0; }
#navigation ul li.last { margin: 0 5px 0 0; }
#navigation ul li a, 
#navigation ul li a span { background: url(images/nav-btn.gif) no-repeat 0 0; height: 42px; float: left; padding: 0 0 0 24px; font-size: 18px; line-height: 42px; color: #fff; text-align: center; }
#navigation ul li a span { background-position: right 0; padding: 0 30px 0 0; position: relative; right: -6px; }

#navigation ul li.current-page-ancestor a,
#navigation ul li a:hover, 
#navigation ul li a.active { background-position: 0 -42px; color: #d06a2a; text-decoration: none; }
#navigation ul li.current-page-ancestor a span,
#navigation ul li a:hover span, 
#navigation ul li a.active span { background-position: right -42px; color: #d06a2a; }

.main { background: #f3f0ed url(images/main-bg.gif) repeat-x 0 0; }
.main h2, .main h3 { font-family: Helvetica, Arial, sans-serif; color: #554635; text-transform: uppercase; }

#footer { background: #6c5a47 url(images/footer-bg.gif) repeat-x center 0; height: 66px; padding: 14px 0 0 0; }

.footer-nav { padding: 0 11px 0 8px; list-style: none; width: 210px; }
.footer-nav li { padding: 0 0 0 20px; width: 85px; float: left; }
.footer-nav li.active { background: url(images/white-arr.gif) no-repeat 0 4px; }
.footer-nav li a { font-size: 11px; line-height: 18px; color: #dfd4c8; font-weight: bold; }

.whaat { width: 355px; padding: 1px 0 0 95px; position: relative; }
.whaat h3 { font-size: 14px; line-height: 18px; color: #f5792a; }
.whaat p { font-size: 11px; line-height: 18px; color: #dfd4c8; padding: 1px 0 0 1px; }
.whaat a { color: #f5792a; }
.glassie { background: url(images/glassie.png) no-repeat 0 0; width: 330px; height: 138px; position: absolute; top:-152px;left:80px; z-index: 1; }

.footer-logo { background: url(images/footer-logo.png) no-repeat 0 0; width: 162px; height: 51px; }

.hide { display: none; }

a.learn { background: url(images/learn-btn.gif) no-repeat 0 0; width: 127px; height: 23px; display: block; font-size: 11px; line-height: 23px; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; }

/*home*/
.home .head { background: url(images/home-head-c.png) repeat-x 0 0; height: 391px; padding: 23px 0 0 0; }
.home .head-bg { background: url(images/home-head-bg.jpg) no-repeat center bottom; height: 10px; margin: 71px 0 0 0; }
.home .cols { width: 956px; padding: 24px 0 16px 6px; }
.home .cols .col { width: 267px; min-height: 137px; height: auto !important; height: 137px; position: relative; padding: 0 0 35px 0; }
.home .cols .col2 { width: 252px; padding-right: 17px; margin: 0 0 0 14px; }
.home .cols .col3 { width: 290px; margin: 0 0 0 19px; }
.home .cols h2 { font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 21px; color: #554635; text-transform: uppercase; padding: 0 0 20px 0; }
.home .cols p { font-size: 13px; line-height: 16px; color: #6a5b4f; }
.home .cols a.learn { position: absolute; bottom:0;left:0; }
.home .cols .plus { background: url(images/plus.gif) no-repeat 0 0; width: 47px; height: 36px; margin: 58px 0 0 0; }
.home .cols .equal { background: url(images/equal.gif) no-repeat 0 0; width: 47px; height: 36px; margin: 58px 0 0 0; }
.home .cols-bor { background: url(images/cols-bor.png) no-repeat 0 0; width: 957px; height: 11px; }

.facts ul { list-style: none; }
.facts ul li { background: url(images/arrow.gif) no-repeat 0 3px; padding: 0 0 15px 21px; }
.main .facts ul li h3 { font-size: 14px; line-height: 15px; color: #f5792a; text-transform: none; }
.facts ul li ul li { font-size: 11px; line-height: 14px; color: #6a5b4f; background: none; padding: 0 0 0 1px; }

.boxie { background: url(images/boxie.gif) no-repeat 0 0; width: 240px; height: 113px; padding: 14px 0 0 21px; }
.home .cols .boxie p { font-family: Arial, sans-serif; font-size: 20px; line-height: 23px; color: #9b8c7d; }

.home .cols-b { padding-top:20px; }
.home .cols-b h2 { font-size: 16px; padding: 0 0 11px 0; }
.home .cols-b p { font-size: 11px; line-height: 14px; }
.home .cols-b a.learn { position: static; margin: 22px 0 0 0; }
.home .cols-b .col { padding-bottom:0; }
.home .cols-b .col1 { padding-top: 4px; }
.home .cols-b .col2 { margin: 0 0 0 61px; z-index: 5; }
.home .cols-b .col3 { width: 290px; margin: 0 0 0 66px; }

.slider { height: 309px; }
.slider .content { display: none; position: relative; z-index: 1; font-family: Helvetica, Arial, sans-serif; width: 962px; height: 309px; }
.slider .body { position: relative; z-index: 10; width: 935px; height: 284px; padding: 27px 0 0 25px; }
.slider .content img { position: absolute; top:0;left:0; z-index: 1; }
.slider .content h2 { font-size: 32px; line-height: 45px; color: #f5792a; text-transform: uppercase; width: 330px; }
.slider .content p { font-size: 13px; line-height: 16px; color: #000; width: 175px; padding: 30px 0 0 10px; }
.slider .content ul { list-style: none; padding: 0 20px 0 9px; }
.slider .content ul li { background: url(images/arrow.gif) no-repeat 0 6px; font-size: 16px; line-height: 19px; color: #735f49; padding: 0 0 10px 19px; }
.slider .content .title { padding: 0 0 42px 0; }
.slider .content .info {  }
.slider .buttons { position: relative; z-index: 15; height: 63px; margin: -9px 0 0 0; }
.slider .buttons ul { list-style: none; }
.slider .buttons ul li { display: inline; float: left; padding: 0 16px 0 0; }
.slider .buttons ul li.last { padding:0; }
.slider .buttons ul li a { background: url(images/slider-btn.png) no-repeat 0 0; width: 310px; height: 63px; float: left; font-size: 20px; line-height: 20px; color: #fff; text-align: center; }
.slider .buttons ul li a:hover { text-decoration: none; }
.slider .buttons ul li a.active { background: url(images/slider-btn-a.png) no-repeat 0 0; }
.slider .buttons ul li a.one-line { height: 35px; padding: 28px 0 0 0; }
.slider .buttons ul li a.two-lines { height: 45px; padding: 18px 0 0 0; }

/*inner*/
.inner .head { background: url(images/inner-head-c.png) repeat-x 0 0; height: 164px; }
.inner .head-bg { background: url(images/inner-head-bg.png) no-repeat center 0; height: 164px; }
.inner .head .title { width: 450px; color: #f5792a; text-transform: uppercase; padding: 45px 0 2px 34px; }
.inner .head .title h2 { font-size: 38px; line-height: 38px; }
.inner .head .title h3 { font-size: 18px; line-height: 18px; font-weight: normal; }
.inner .head .quote { background: url(images/quote.gif) no-repeat 0 40px; width: 210px; padding: 40px 18px 0 70px; }
.inner .head .quote p { font-size: 18px; line-height: 21px; color: #9b8c7d; }

.inner .sidebar { background: url(images/sidebar-bor.gif) repeat-x 0 bottom; width: 255px; padding: 45px 0 11px 0; margin: 0 0 50px 13px; }
.inner .title { padding: 0 0 15px 17px; }
.inner .title h3 { font-size: 18px; line-height: 21px; }
.inner .title h2 { font-size: 29px; line-height: 29px; }

.inner .content { width: 655px; }
.inner .content h2 { background: url(images/header-bor.gif) repeat-x 0 bottom; font-size: 30px; line-height: 33px; padding: 0 0 5px 0; }
.inner .content h3 { font-size: 22px; line-height: 25px; padding: 29px 0 17px 0; }
.inner .content p { line-height: 14px; padding: 0 0 17px 0; }
.inner .content ul { list-style: none; padding: 3px 0 18px 0; }
.inner .content ul li { background: url(images/arrow.gif) no-repeat 0 3px; padding: 0 0 10px 18px; }
.inner .content a.learn { margin: 0 0 5px 0; }

.bio { width: 325px; padding: 29px 0 17px 0; }
.bio h4 { font-size: 14px; line-height: 17px; color: #554635; padding: 0 0 9px 0; }
.inner .content .bio p { padding: 0 0 0 0; }
.bio .info { width: 153px; padding: 25px 0 0 22px; }
.bio a { color: #f5792a; }

.bio1 { width: 314px; }
.bio2 .info { width: 156px; padding-left: 14px; }

.sidebar-nav { padding: 0 0 29px 0; }
.sidebar-nav ul { list-style: none; }
.sidebar-nav ul li { float: left; margin: 0 0 5px 0; }
.sidebar-nav ul li a { background: url(images/sidebar-nav-btn.gif) no-repeat 0 0; width: 243px; height: 35px; float: left; font-size: 14px; line-height: 35px; color: #fff; font-weight: bold; text-transform: uppercase; padding: 0 0 0 12px; }
.sidebar-nav ul li a.active { background-position: 0 -35px; }

.sitemap { padding: 5px 0 0 0; }
.sitemap ul { list-style: none; }
.inner .content .sitemap ul li { background: url(images/sitemap-arr.gif) no-repeat 0 5px; display: inline; padding: 0 7px 0 11px; }
.sitemap ul li a { font-size: 13px; line-height: 16px; color: #6a5b4f; }
.sitemap ul li a.active { color: #f5792a; }

.inner .content ol { padding: 0 0 0 20px; }
.inner .content ul ul { padding: 14px 0 0 10px; }
blockquote { padding: 10px 10px 10px 40px; }
