/**********************************************************************************************

	CSS on Sails
	Title: BSO
	Author: Paweł Ludwiczak, XHTMLized (http://www.xhtmlized.com/)
	Date: May 2010

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
#header .social:after,
#nav:after,
.level-1:after,
.columns:after,
#sidebar .quotes .quotes-nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #f4f4f4 url(../images/bg-body.png); color: #5b5b5b; font-size: 13px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial", "Helvetica", sans-serif; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; outline: none; }
a, a:visited { color: #00f; text-decoration: none; outline: none; }
a:hover, a:active { color: #f00; text-decoration: none; outline: none; }


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/
.container { width: 960px; height: 100%; position: relative; margin: 0 auto; }
#header { background: url(../images/bg-header.png) top left repeat-x; height: 118px; }
  #header .container { background: url(../images/bg-header-container.png) top left no-repeat; }
#main { background: url(../images/bg-main.png) top center repeat-y; overflow: hidden; }
.subpage { background: url(../images/bg-main-subpage.png) top center repeat-y !important; font-family: "Georgia", "Times New Roman", "Times", serif; }
.subpage .container { padding-top: 1px; }
#footer { background: url(../images/bg-footer.png) top left repeat-x; height: 134px; } 
#sidebar { width: 212px; padding-left: 3px; padding-top: 30px; float: left; display: inline; font-family: "Georgia", "Times New Roman", "Times", serif; overflow: hidden; }
#content { float: right; display: inline; width: 743px; padding-right: 1px; padding-left: 1px; }
#txt { float: left; width: 500px; display: inline; background: url(../images/misc-shadow-txt.png) top center no-repeat; padding: 25px; font-size: 13px; color: #3e3e3e; line-height: 22px; }
#aside { float: right; width: 161px; background: url(../images/border-vertical-aside.png) top left no-repeat; padding: 30px 14px 0 15px; }


/* 2.2 Header
-----------------------------------------------------------------------------------------------*/
#header .logo { position: absolute; left: 0; top: 5px; display: block; text-indent: -9999px; background: url(../images/logo.png) top left no-repeat; width: 180px; height: 95px; }
#header .social { float: right; position: absolute; top: 10px; right: 20px; }
#header .social li { float: left; width: 16px; height: 16px; margin-left: 10px; }
#header .social li a { float: left; text-indent: -9999px; width: 16px; height: 16px; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); }
#header .social li a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
  #header .social li.social-facebook a { background: url(../images/ico-facebook-blue.png) top left no-repeat; }
  #header .social li.social-twitter a { background: url(../images/ico-twitter-blue.png) top left no-repeat; }
  #header .social li.social-linkedin a { background: url(../images/ico-linkedin-blue.png) top left no-repeat; }
  

/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/
#nav { position: absolute; right: 0; bottom: 7px; float: right; }
#nav li { float: left; font-size: 16px; font-family: "Georgia", "Times New Roman", "Times", serif; margin-left: 8px; }
#nav li a { color: #fff; text-shadow: 0 1px 1px #00284a; font-variant: small-caps; float: left; } 
#nav li a span { float: left; padding: 0 20px 0 12px; cursor: pointer; color: #fff; height: 45px; padding-top: 8px; }
#nav li a small { display: block; font-variant: normal; font-size: 11px; color: #587b9a; font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial", "Helvetica", sans-serif; }
#nav li a:hover, #nav li a:hover * { color: #fed11e; }
#nav li.current a { background: url(../images/nav-left.png) top left no-repeat; color: #171f25; text-shadow: 0 1px 1px #ffffff;}
#nav li.current a span { background: url(../images/nav-right.png) top right no-repeat; color: #171f25; }
#nav li.current a span small { color: #171f25; }


/* 2.4 Home Page
-----------------------------------------------------------------------------------------------*/
.level-1 #slider { overflow: hidden; float: left; width: 581px !important; position: relative; background: url(../images/misc-shadow.jpg) bottom left no-repeat; padding-bottom: 46px; }
.level-1 .hello { float: right; width: 317px; display: inline; background: url(../images/bg-hello.jpg) 0 0 no-repeat; padding: 40px 27px 0 35px; }

.hello h1 { color: #015195; font-size: 24px; font-variant: small-caps; font-weight: normal; margin-bottom: 20px; font-family: "Georgia", "Times New Roman", "Times", serif; }
.hello h1 a { color: #015195 !important; }
.hello h1 a:hover { color: #0082ED; }
.hello p { font-size: 15px; color: #787878; margin-bottom: 20px; }
.hello p.first { font-size: 16px; font-weight: bold; color: #454545; }
.hello .more { float: right; margin-right: -39px; margin-top: 15px; }
.hello .more a { cursor: pointer; background: url(../images/btn-learn-more.png) top right no-repeat; text-indent: -9999px; display: block; height: 46px; width: 234px; opacity: 0.85; -moz-opacity: 0.85; filter:alpha(opacity=85); }
.hello .more a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }

#slider .item { position: relative; width: 581px; height: 375px; float: left; }
#slider .item img { position: absolute; top: 0; left: 0; z-index: 1; }
#slider .item .description { position: absolute !important; bottom: 0; left: 0; color: #e7e7e7; text-shadow: 1px 1px 1px #000; width: 521px; z-index: 2; background: url(../images/bg-description.png); padding: 20px 30px 10px 30px; }
#slider .item h2 { font-size: 27px; font-weight: normal; font-variant: small-caps; font-family: "Georgia", "Times New Roman", "Times", serif; margin-bottom: 7px; }
#slider .item h2 a { color: #e7e7e7; }
#slider .item p { margin-bottom: 15px; }
#slider .item .more a { font-size: 11px; opacity: 0.85; -moz-opacity: 0.85; filter:alpha(opacity=85); color: #ffffff; display: inline-block; font-weight: bold; text-shadow: -1px -1px 1px #dfa407; background: url(../images/btn-more-slider-left.png) top left no-repeat; }
#slider .item .more a span { display: inline-block; background: url(../images/btn-more-slider-right.png) top right no-repeat; line-height: 21px; padding: 0 15px; cursor: pointer; }
#slider .item .more a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }

.carousel-previous, .carousel-next { display: none; }
#slider .center-wrap { position: absolute; bottom: 70px; right: 25px; z-index: 3; }
#slider .center-wrap a { cursor: pointer; margin-left: 7px; background: url(../images/nav-slides.png) top left no-repeat; width: 10px; height: 10px; display: inline-block; font-size: 0; color: #000; }
#slider .center-wrap a.active { background-position: bottom left; }

.level-2 { padding-bottom: 50px; }
.level-2 .col { float: left; width: 297px; margin-right: 15px; display: inline; }
.level-2 .col-1 { margin-left: 25px; }
.level-2 .col-2 { margin-right: 25px; }
.level-2 .col-3 { margin-right: 0; }
.level-2 .col h3 { font-size: 24px; font-weight: normal; color: #5b5b5b; margin-bottom: 15px; font-variant: small-caps; font-family: "Georgia", "Times New Roman", "Times", serif; }

.level-2 .col h4 { margin-bottom: 5px; }
.level-2 .col h4 a { font-size: 14px; color: #014c8c; }
.level-2 .col h4 a:hover { color: #006ECD; }
.level-2 .col p { font-size: 12px; color: #5b5b5b; line-height: 18px; }
.level-2 .col h3 .btn-rss { background: url(../images/ico-rss.png) top left no-repeat; display: inline-block; text-indent: -9999px; width: 16px; height: 16px; margin-left: 8px; }

.level-2 .col-1 img { display: block; margin-bottom: 5px; }

.level-2 .col-2 .item { background: url(../images/border-item-horizontal.png) bottom left repeat-x; padding-bottom: 14px; margin-bottom: 14px; }
.level-2 .col-2 .more a { float: right; background: url(../images/btn-orange-left.png) top left no-repeat; font-size: 14px; font-weight: bold; color: #ffffff; text-shadow: 1px 1px 1px #dfa407; }
.level-2 .col-2 .more a span { float: left; background: url(../images/btn-orange-right.png) top right no-repeat; color: #ffffff; cursor: hand; line-height: 26px; padding: 0 15px; }
.level-2 .col-2 .more a:hover { text-shadow: -1px -1px 1px #dfa407; }

.level-2 .col-3 address { line-height: 18px; font-size: 12px; display: block; margin-top: -8px; }


/* 2.5 Subpage
-----------------------------------------------------------------------------------------------*/
.teaser { display: block; }

#txt h1 { font-variant: small-caps; font-size: 26px; font-weight: normal; color: #454545; margin-bottom: 20px; font-family: "Georgia", "Times New Roman", "Times", serif; }
#txt h1 a { font-size: 11px; color: #c5c5c5; font-variant: normal; }
#txt h1 a:hover { text-decoration: underline; }
#txt p { margin-bottom: 22px; }
#txt h2 { color: #ffb300; font-size: 17px; margin-bottom: 22px; font-weight: normal; font-variant: small-caps; }

/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/
#sidebar h3 { font-size: 17px; color: #7c7c7c; font-variant: small-caps; font-weight: normal; margin: 0 15px 5px 15px; }
#sidebar .box { margin-bottom: 40px; }
#sidebar .subnav li { line-height: 35px; color: #014b89; }
#sidebar .subnav li a { color: #014b89; display: inline-block; padding-left: 30px; }
#sidebar .subnav li a:hover { color: #000000; }
#sidebar .subnav li.current { background: url(../images/nav-subpage-current.png) left center repeat-x; }
#sidebar .subnav li.current a { color: #000000; }

#sidebar .carousel-pagination { margin: 10px 15px 10px 15px; background: url(../images/border-quotes-nav.png) bottom center no-repeat; text-align: center; }
#sidebar .carousel-pagination a { color: #fff; background: url(../images/nav-quotes.png) top right no-repeat; width: 6px; height: 13px; display: inline-block; margin: 0 5px 1px 5px; line-height: 13px; overflow: hidden; font-size: 0; cursor: pointer; }
#sidebar .carousel-pagination a.active,
#sidebar .carousel-pagination a:hover { background: url(../images/nav-quotes.png) top left no-repeat; }
#sidebar .quote-content { margin: 0 15px; font-size: 12px; font-style: italic; color: #919191; }
#sidebar .quote-content p { margin-bottom: 15px; }
#sidebar .quote-content p.author { text-align: right; font-style: normal; color: #595959; }

.quotes-slider li { float: left; width: 212px; }


/* 2.5 Aside
-----------------------------------------------------------------------------------------------*/
#aside .box { background: url(../images/border-item-horizontal.png) bottom left repeat-x; padding-bottom: 13px; margin-bottom: 13px; }
#aside .btn-trial { display: block; width: 163px; height: 33px; text-indent: -9999px; background: url(../images/btn-trial.png) top left no-repeat; margin-bottom: 10px; }
#aside .btn-demo { display: block; width: 163px; height: 33px; text-indent: -9999px; background: url(../images/btn-demo.png) top left no-repeat; }
#aside small { display: block; color: #afafaf; font-size: 11px; text-align: center; }

#aside h4 { font-weight: normal; color: #000; font-size: 16px; font-variant: small-caps; margin-bottom: 13px; margin-top: 12px; }

#aside .downloads li a { padding-left: 42px; margin-bottom: 15px; display: block; color: #01437a; }
#aside .downloads li a:hover { text-decoration: underline; }
#aside .downloads li.download-pdf a { background: url(../images/ico-pdf.png) 0 0 no-repeat; }
#aside .downloads li.download-word a { background: url(../images/ico-word.png) 0 0 no-repeat; }

/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/
#footer { font-size: 11px; color: #8e7b4b; }
.footer-inner { background: url(../images/bg-footer-inner.png) top center no-repeat; padding-top: 20px; height: 114px; }
#footer .left { float: left; width: 65%; display: inline; } 
#footer .right { float: right; width: 35%; display: inline; text-align: right; }

#footer .left ul { margin-left: 15px; }
#footer .left ul li { float: left; border-right: 1px solid #A28C55; padding-right: 15px; margin-right: 15px; }
#footer .left ul li a { color: #8e7b4b; }
#footer .left ul li a:hover { color: #372F1D; }

#footer .right ul { float: right; margin-top: 10px; margin-right: 15px; }
#footer .right p { margin-right: 15px; }
#footer .right li { float: left; margin-left: 10px; text-align: left; }
#footer .right li a { display: inline-block; width: 16px; height: 16px; text-indent: 0; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); }
#footer .right li a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
  #footer .right li.social-facebook a { background: url(../images/ico-facebook-orange.png) top left no-repeat !important; }
  #footer .right li.social-twitter a { background: url(../images/ico-twitter-orange.png) top left no-repeat !important; }
  #footer .right li.social-linkedin a { background: url(../images/ico-linkedin-orange.png) top left no-repeat !important; }