/* fonts */
@font-face {
	font-family: 'OpenSansRegular';
	src: url('../fonts/opensans-regular-webfont.eot');
	src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'apparatus_silitalic';
	src: url('../fonts/appsili-webfont.eot');
	src: url('../fonts/appsili-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/appsili-webfont.woff') format('woff'), url('../fonts/appsili-webfont.ttf') format('truetype'), url('../fonts/appsili-webfont.svg#apparatus_silitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'apparatus_silregular';
	src: url('../fonts/appsilr-webfont.eot');
	src: url('../fonts/appsilr-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/appsilr-webfont.woff') format('woff'), url('../fonts/appsilr-webfont.ttf') format('truetype'), url('../fonts/appsilr-webfont.svg#apparatus_silregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* basic */
body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:url(../img/pattern-bg.png) repeat;color:#686663;font:13px/21px OpenSansRegular, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1,h2,h3,h4,h5,h6{color:#000;font-weight:normal;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit;}
h1{font-size:28px;line-height:34px;margin-bottom:8px;text-transform:uppercase;}
h2{font-size:21px;line-height:30px;margin-bottom:4px;text-transform:uppercase;}
h3{font-size:17px;line-height:24px;}
h3.bold,h6.bold{font-weight:bold;margin-bottom:20px;text-transform:uppercase;}
h4{font-size:16px;line-height:21px;}
h5{font-size:15px;line-height:21px;}
h5.bold{font-weight:bold;text-transform:uppercase;}
h6{font-size:14px;line-height:21px;}
p{font-size:13px;line-height:20px;margin:0 0 20px;}
p.small,ul.small{font-size:13px;}
p.smaller,ul.smaller{font-size:10px; line-height:14px}
p.gray{color:#777;}
p img{margin:0;}
em{font-style:italic;}
strong{font-weight:bold;}
small{font-size:80%;}
h1.page-title, h2.page-subtitle{color:#63656a; font-family:apparatus_silitalic; text-transform:lowercase;}
h1.page-title{font-size:24px; margin-left:30px}
h2.page-subtitle{font-size:18px;}

img.col-left{display:block; margin-bottom:15px}
p.margin30{margin-left:30px;}

/* dividers */
hr { border: solid #ddd; clear: both; height: 0; border-width: 1px 0 0; margin: 10px 0 30px; }
div.sep-small { height: 2px; background:#fff url(../img/dotted-rule.png); background-repeat:repeat-x; background-position:bottom; margin-bottom:30px }

/* links */
a, a:visited { color: #333; text-decoration: underline; outline: 0; }
a:hover,a:focus { color: #000; }
p a, p a:visited { line-height: inherit; }

/* lists
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 20px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ol.roman { list-style: upper-roman; }
ol.alpha { list-style: lower-alpha; }
ul ul, ul ol, ol ol, ol ul {margin: 10px 0 6px 20px; }
ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.smaller li { line-height: 18px; margin-bottom: 4px; }
ul.large li, li p { line-height: 21px; }
 */

blockquote, blockquote p, blockquote cite { font-size: 16px; line-height: 24px; color: #555; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 10px 20px 10px 19px; }
blockquote cite, blockquote p {
	display: block;
	text-indent: 0px;
	color: #333;
	position: relative;
	margin-left: 15px;
	margin-bottom: 10px
}
blockquote cite:before, blockquote p:before { content: "\201c"; font-weight: bold; font-style: normal; font: 94px/74px Arial; position: absolute; top: -2px; left: -36px; color:#bbbbbb }
blockquote footer{font-size: 12px; margin-left:15px; color:#666}
blockquote cite a, blockquote cite a:visited,blockquote cite a:visited { color: #555; }



/* main */
#wrapper{ background:#fff; width:980px; margin: 0 auto; margin-top:20px; padding-bottom:20px}

/* header */
#header.container{ background:#fff; margin-top:20px}
#logo h1 { margin-top: 13px; margin-bottom: 19px; }
#logo h1 a { display: inline-block; text-decoration: none; }
.oldie #logo h1 a { display: inline; }
#logo h1 a img { display: block; }

/* css dropdown menu - brontocss */
ul.menu,ul.menu li,ul.menu ul{list-style:none}
ul.menu{position:relative;z-index:13;float:left}
ul.menu li{float:left;margin-left:0;vertical-align:middle}
ul.menu li.hover,ul.menu li:hover{position:relative;z-index:15;cursor:default}
ul.menu ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:14;width:100%}
ul.menu ul li{float:none}
ul.menu ul ul{top:1px;left:99%}
ul.menu li:hover > ul{visibility:visible}
ul.menu-vertical ul{top:1px;left:99%}
ul.menu-vertical li{float:none}
ul.menu-linear{width:100%}
ul.menu-linear ul li{float:left}
ul.menu-linear li.hover,ul.menu-linear li:hover{position:static}
ul.menu-columnar ul li{position:static;width:150px}
body ul.menu-columnar ul ul{display:block;position:static;width:auto}
ul.menu-columnar ul ul li{float:none}
ul.menu-columnar ul ul ul{display:none}
body ul.menu-columnar li.hover ul,ul.menu-columnar li:hover ul{visibility:visible}

/* menu styling */
ul.menu{margin-bottom:16px; text-transform:uppercase; float:right; margin:32px 0 0 0;}
ul.menu li a{display:block;padding:7px 14px;height:18px;line-height:18px; color:#686663; text-decoration:none }
ul.menu a{color:#000;border-bottom:none}
ul.menu a:hover {color:#333; background:#f7f6f5;}
ul.menu li.current_page_item a {color:#000; background:#fff;}
ul.menu ul{width:150px;font-size:12px;text-transform:none;}
ul.menu ul a,ul.menu ul a:visited,ul.menu ul a:hover,ul.menu ul a:active{color:#000;}
ul.menu ul a{width:112px}
ul.menu li:hover > a.dir{color:#777; background:#f7f6f5;}
ul.menu ul li:hover > a.dir{color:#777;}
ul.menu *.dir, ul.menu li:hover > a.dir{ padding-right:25px;background-image:url(../img/menu-arrow-down-green.png);background-position:95% 50%;background-repeat:no-repeat}
ul.menu ul *.dir{background-image:url(../img/menu-arrow-right.png);background-position:95% 50%}
ul.menu ul.sub-menu{background:#f7f6f5 !important;}
ul.menu ul.sub-menu li a:hover{ text-decoration:underline}




/* flexslider */
.flexslider .slides, .flex-control-nav, .flex-direction-nav { list-style: none; margin: 0; padding: 0; }
.flexslider { position: relative; zoom: 1; margin: 0 0 30px; }
html[xmlns] .flexslider .slides { display: block; }
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides li { margin-bottom: 0; margin-left:0 !important }
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
.flexslider .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
* html .flexslider .slides { height: 1%; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.flexslider .new-ribbon { display: block; width: 45px; height: 45px; position: absolute; top: -2px; right: -2px; background: url(../img/sprite-sgrass.png) no-repeat -255px 0; z-index: 4; }
.loading .new-ribbon { display: none; }
.loading .flex-viewport { max-height: 0; overflow: hidden; }
.flexslider .carousel li { margin-right: 5px; }
.flex-direction-nav { height: 0; }
.loading .flex-direction-nav { display: none; }
.flex-direction-nav a { width: 20px; height: 30px; display: none; background: url(../img/sprite-sgrass.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; margin: -20px 0 0; }
.flex-direction-nav .flex-prev { background-position: 0 -52px; left: 5px; }
.flex-direction-nav .flex-prev:hover { background-position: -42px -52px; }
.flex-direction-nav .flex-next { background-position: -21px -52px; right: 5px; }
.flex-direction-nav .flex-next:hover { background-position: -63px -52px; }
.flex-direction-nav .flex-disabled { opacity: .3!important; filter: alpha(opacity=30); cursor: default; }
.flex-control-nav { position: absolute; top: 10px; right: 10px; }
.loading .flex-control-nav { display: none; }
.flex-control-nav li { zoom: 1; display: inline; margin: 0 4px; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: rgba(0,0,0,0.5); cursor: pointer; text-align: left; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #ffd53c url(../img/pattern.png); cursor: default; }
.flex-control-thumbs { position: static; overflow: hidden; margin: 5px 0 0; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

/* accordion */
ul.accordion { list-style: none outside; }
.accordion .accordion-title { font-size: 13px; text-transform: uppercase; cursor: pointer; padding: 5px 0; margin:5px 0 }
.accordion .accordion-title:before { content: '+'; font-weight: normal; float: left; width: 19px; height: 19px; line-height: 19px; margin-right: 10px; text-align: center; background: #dfd9ce}
.accordion .active .accordion-title:before, .accordion .accordion-title:hover:before { background-color: #d0e39b; }
.accordion .active .accordion-title:before, .no-js .accordion .accordion-title:before { content: '\2013'; }
.accordion .accordion-content { font-size: 13px; line-height:21px; height: 0; overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -ms-transition: all .25s linear; transition: all .25s linear; }
.accordion .active .accordion-content, .no-js .accordion .accordion-content { height: auto; opacity: 1; filter: none; }

/* social */
.social a { display: inline-block; position: relative; background: url(../img/sprite-sgrass.png) no-repeat -999px 0; text-indent: -9999px; }
.ie7 .social a { float: left; margin-right: 5px; }
.social a.email { top: 1px; width: 16px; height: 13px; background-position: -84px -19px; }
.oldie .social a.email { top: 0; }
.social a.email:hover { background-position: -84px -35px; }
.social a.twitter { top: 1px; width: 20px; height: 15px; background-position: -101px -19px; }
.oldie .social a.twitter { top: 0; }
.social a.twitter:hover { background-position: -101px -35px; }
.social a.facebook { top: 2px; width: 16px; height: 16px; background-position: -121px -19px; }
.oldie .social a.facebook { top: 0; }
.social a.facebook:hover { background-position: -121px -35px; }
.social a.pinterest { top: 2px; width: 16px; height: 16px; background-position: -137px -19px; }
.oldie .social a.pinterest { top: 0; }
.social a.pinterest:hover { background-position: -137px -35px; }

/* tooltip */
.tooltip:before { z-index: 13; position: absolute; content: "\00a0"; display: none; width: 0; height: 0; top: 24px; left: 3px; opacity: .9; border-color: transparent transparent #8fcfe6; border-style: solid; border-width: 5px; }
.tooltip:hover:before { display: block; }
.tooltip:hover { z-index: 10; position: relative; }
.tooltip:after { content: attr(tip); display: none; position: absolute; top: 10px; left: -20px; background: #8fcfe6; color: #fff; text-align: center; line-height: 16px; min-width: 40px; width: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; font-weight: normal; text-indent: 0; margin: 1em 0 3em; padding: 4px 5px 5px; }
.tooltip:hover:after { display: block; font-size: 11px; margin: 24px 0 0 10px; }

/* footer */
#footer{color:#666;margin-top:0;}
#footer h3{color:#fefefe;font-weight:bold;margin:20px 0;text-transform:uppercase;}
#footer p,#footer ul{font-family:Verdana, Geneva, sans-serif;font-size:11px;line-height:24px; text-align:right}
#footer ul li{display:inline;line-height:24px;margin-bottom:0;margin-right:10px;}
#footer a{color:#333;font-size:11px;text-decoration:none;}
#footer a:hover{color:#000;text-decoration:underline;}
#footer .bottom{margin-top:0;padding:20px 0 10px;vertical-align:middle;}