/* James Love - 1. GLOBAL ___________________________________________________________________________________________________________________________________________________ 1.1 Reset Tools ----------------------------------------------- */ /*Copyright (c) 2008, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version: 2.6.0*/ html,body{height: 100%;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} /*table{border-collapse:collapse;border-spacing:0; margin:0; padding:0;}*/ /* Added margin/padding reset */ fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ul li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{font-size:100%;} legend{color:#000;} del,ins{text-decoration:none;} /* Clearing floats without extra markup */ .clearing{ display: inline-block; } .clearing:after { content: "."; display: block; height: 1%; clear: both; visibility: hidden; } * html .clearing{ height: 1%; } .clearing { display: block; } .clear-both{clear:both} .skiplinks{position:absolute;top:-5000px;height:1px} .hide{display:none} /*Headings ----------------------------------------------- */ h1,h2,h3,h4, h5 ,h6 {font-weight:normal;font-family:inherit;padding-bottom:10px;font-weight:normal;color:#d30b07} h1{font-size:250%;padding-bottom:25px;} h2{font-size:200%;padding-bottom:15px;} h3{font-size:150%;padding-bottom:10px;} h4{font-size:130%;padding-bottom:10px;} h5{font-size:100%;} h6{font-size:100%;} /*section colors*/ body#section-1 h1,body#section-1 h2,body#section-1 h3, body#section-1 h4, body#section-1 h5 , body#section-1 h6{color:#d30b07} body#section-2 h1,body#section-2 h2,body#section-2 h3, body#section-2 h4, body#section-2 h5 , body#section-2 h6{color:#365b9f} body#section-3 h1,body#section-3 h2,body#section-3 h3, body#section-3 h4, body#section-3 h5 , body#section-3 h6{color:#499532} body#section-4 h1,body#section-4 h2,body#section-4 h3, body#section-4 h4, body#section-4 h5 , body#section-4 h6{color:#4a88aa} body#section-5 h1,body#section-5 h2,body#section-5 h3, body#section-5 h4, body#section-5 h5 , body#section-5 h6{color:#84745b} body#section-6 h1,body#section-6 h2,body#section-6 h3, body#section-6 h4, body#section-6 h5 , body#section-6 h6{color:#d6b61d} body#section-7 h1,body#section-7 h2,body#section-7 h3, body#section-7 h4, body#section-7 h5 , body#section-7 h6{color:#5f4c70} /* 1.2 Links + lists ----------------------------------------------- */ a{text-decoration:none;border-style:dotted;border-width: 0 0 1px 0; color:#DC241D; } a:hover{border-width: 0 0 0 0; color:#666;} #content div.col-x3 ul{padding:0 0 10px 0} #content div.col-x3 ul li{list-style-type:none;background: transparent url(../images/bg-li-content.gif) no-repeat 0 0.6em;padding: 0 0 1px 20px} #content div.col-x3 ul li ul li {background: transparent url(../images/bg-li-content.gif) no-repeat 0 0.3em;} /*section colors*/ body#section-1 a{color:#d30b07;border-color:#d30b07} body#section-2 a{color:#365b9f;border-color:#365b9f;} body#section-3 a{color:#499532;border-color:#499532} body#section-4 a{color:#4a88aa;border-color:#4a88aa} body#section-5 a{color:#84745b; border-color:#84745b} body#section-6 a{color:#d6b61d;border-color:#d6b61d} body#section-7 a{color:#5f4c70;border-color:#5f4c70} body#section-1 #content div.col-x3 a:hover{color:#f64542;} body#section-2 #content div.col-x3 a:hover{color:#5a80c7;} body#section-3 #content div.col-x3 a:hover{color:#63b749;} body#section-4 #content div.col-x3 a:hover{color:#70aed0;} body#section-5 #content div.col-x3 a:hover{color:#af9f86; } body#section-6 #content div.col-x3 a:hover{color:#e8c936;} body#section-7 #content div.col-x3 a:hover{color:#846f97;} #content ol {padding: 0 20px 10px 30px;} #content ul {padding: 0 20px 10px 20px;border-color:#d30b07} #content ul li{/*list-style-type:disc;*/padding-bottom:1px} #content ul li ul{padding: 0 20px 5px 20px;} #content ul li ul li{/*list-style-type:disc;*/padding-bottom:0; margin-bottom:1px; font-size:0.95em; line-height:1.2em;} /*section colors*/ body#section-1 #content div.col-x3 ul li{background-image:url(../images/bg-li-content-1.gif)} body#section-2 #content div.col-x3 ul li{background-image:url(../images/bg-li-content-2.gif)} body#section-3 #content div.col-x3 ul li{background-image:url(../images/bg-li-content-3.gif)} body#section-4 #content div.col-x3 ul li{background-image:url(../images/bg-li-content-4.gif)} body#section-5 #content div.col-x3 ul li{background-image:url(../images/bg-li-content-5.gif)} body#section-6 #content div.col-x3 ul li{background-image:url(../images/bg-li-content-6.gif)} body#section-7 #content div.col-x3 ul li{background-image:url(../images/bg-li-content-7.gif)} body#section-1 #content div.col-x3 ul li ul li{background-image:url(../images/bg-li-content-1-sml.gif)} body#section-2 #content div.col-x3 ul li ul li{background-image:url(../images/bg-li-content-2-sml.gif)} body#section-3 #content div.col-x3 ul li ul li{background-image:url(../images/bg-li-content-3-sml.gif)} body#section-4 #content div.col-x3 ul li ul li{background-image:url(../images/bg-li-content-4-sml.gif)} body#section-5 #content div.col-x3 ul li ul li{background-image:url(../images/bg-li-content-5-sml.gif)} body#section-6 #content div.col-x3 ul li ul li{background-image:url(../images/bg-li-content-6-sml.gif)} body#section-7 #content div.col-x3 ul li ul li{background-image:url(../images/bg-li-content-7-sml.gif)} /* 1.3 Forms -------------------------------------------------*/ form input{border:solid 1px #d0d0d0;font-size:81%;padding:3px;width:200px} form input.btn-submit{margin-left:3px;padding:2px;width:auto} /* 1.4 Columns + Rows ----------------------------------------------- */ .col-x1{float:left;width:215px;margin-right:40px} .col-x3{float:left;width:705px;} /* 1.5 Puffs + Boxes ----------------------------------------------- */ #site-search{float:right;width:400px;text-align:right;padding-top:17px} p#strapline{ font-size:130%;font-weight:bold;padding-top:0px} p#strapline span{color:#d30b07;} /*2. MAIN PAGE ELEMENTS ______________________________________________________________________________________________*/ /*2.0 Top Level elements ----------------------------------------------- */ body{background-color:#efece3;font-family:Helvetica ,Arial, sans-serif;font-size:91%;line-height:1.8em;color:#3d3c3f;padding-bottom:0; } .center{margin:0 auto;width:960px} p{margin-bottom:15px} p.intro, div.intro {font-size:150%;line-height:1.1em} img,object,embed{border:0} strong,em{font-weight:bold} address{padding:0 0 20px 0} blockquote{} acronym{border:0} /*2.1 Wrapper ----------------------------------------------- */ #wrapper{min-height: 100%; height: auto !important;height: 100%;margin-bottom:-42px;} /*2.2 Header ----------------------------------------------- */ #header-wrapper{background:transparent url(../images/img-bg-header.jpg) repeat-x bottom; height:145px;} #header{padding:30px 0 20px 0} #header #branding{width:240px;float:left;margin:0} #header #branding h1{margin-top:10px} #header #branding h1 a{float:left;display:block;width:240px;height:76px;background:transparent url(../images/bg-sprite.gif) no-repeat 0 -5px;border:0;text-indent:-5000px;overflow:hidden} /*2.3 Navigation ----------------------------------------------- */ /* main */ #main-navigation-wrapper{background:#3b3a3d url(../images/bg-main-nav-wrapper.gif) repeat-x bottom;height:61px;} #main-navigation{clear:both} #main-navigation{} #main-navigation ul{} #main-navigation ul li{list-style-type:none;float:left;color:#fff;font-size:150%;background-repeat:no-repeat; background-position:0 0} #main-navigation ul li#mn-1{width:107px;background-color:#d30b07} #main-navigation ul li#mn-3{width:154px;background-color:#365b9f} #main-navigation ul li#mn-4{width:133px;;background-color:#43922c} #main-navigation ul li#mn-5{width:118px;background-color:#4a88aa} #main-navigation ul li#mn-6{width:148px;background-color:#83745b} #main-navigation ul li#mn-7{width:132px;background-color:#d6b61d} #main-navigation ul li#mn-8{width:132px;background-color:#5f4c70} #main-navigation ul li.first{} #main-navigation ul li a{display:block;background-color:transparent;color:#fff;font-size:71%;border:0;background-image: url(../images/bg-sprite.gif);background-repeat:no-repeat;height:43px;padding:18px 5px 0 50px} #main-navigation ul li#mn-1 a{width:60px;background-position:0 -89px;padding:18px 5px 0 43px} #main-navigation ul li#mn-3 a{width:104px;;background-position:-137px -89px} #main-navigation ul li#mn-4 a{width:83px;background-position:-292px -89px} #main-navigation ul li#mn-5 a{width:68px;background-position:-425px -89px} #main-navigation ul li#mn-6 a{width:98px;background-position:-543px -89px} #main-navigation ul li#mn-7 a{width:82px;background-position:-692px -89px} #main-navigation ul li#mn-8 a{width:82px;background-position: -826px -89px} #main-navigation ul li#mn-1 a:hover,#main-navigation ul li#mn-1 a.selected{background-position:0 -151px} #main-navigation ul li#mn-3 a:hover,#main-navigation ul li#mn-3 a.selected{background-position:-137px -151px} #main-navigation ul li#mn-4 a:hover,#main-navigation ul li#mn-4 a.selected{background-position:-292px -151px} #main-navigation ul li#mn-5 a:hover,#main-navigation ul li#mn-5 a.selected{background-position:-425px -151px} #main-navigation ul li#mn-6 a:hover,#main-navigation ul li#mn-6 a.selected{background-position:-543px -151px} #main-navigation ul li#mn-7 a:hover,#main-navigation ul li#mn-7 a.selected{background-position:-692px -151px} #main-navigation ul li#mn-8 a:hover,#main-navigation ul li#mn-8 a.selected{background-position:-826px -151px} #main-sub-navigation-wrapper{padding:5px 0; height:30px;} /*color cahnges*/ body#section-1 #main-sub-navigation-wrapper{background-color:#d30b07} body#section-2 #main-sub-navigation-wrapper{background-color:#365b9f} body#section-3 #main-sub-navigation-wrapper{background-color:#43922c} body#section-4 #main-sub-navigation-wrapper{background-color:#4a88aa} body#section-5 #main-sub-navigation-wrapper{background-color:#83745b} body#section-6 #main-sub-navigation-wrapper{background-color:#d6b61d} body#section-7 #main-sub-navigation-wrapper{background-color:#5f4c70} /* add for all colors */ #main-sub-navigation{} #main-sub-navigation ul{margin-left:1px} #main-sub-navigation ul li{display:inline;padding-right:30px} #main-sub-navigation ul li a{color:#3d3c3f;font-size:120%;border:0} #main-sub-navigation ul li a:hover,#main-sub-navigation ul li.selected a{color:#fff;} #main-sub-navigation ul li ul{display:none} /* sub-navigation */ div#sub-nav ul{padding:0;margin:0} div#sub-nav ul li{list-style-type:none;padding-bottom:1px;list-style:none;} div#sub-nav ul li a{display:block;width:179px;background-color:#3d3c3f;color:#fff;height:1%;padding:5px 0 5px 36px;font-size:100%;border:0} div#sub-nav ul li a:hover,div#sub-nav ul li.hot a,div#sub-nav ul li.open a{background-color:#cdae24;} /* add for sections*/ body#section-1 div#sub-nav ul li a:hover, body#section-1 div#sub-nav ul li.hot a, body#section-1 div#sub-nav ul li.open a{background-color:#d30b07} body#section-2 div#sub-nav ul li a:hover, body#section-2 div#sub-nav ul li.hot a, body#section-2 div#sub-nav ul li.open a{background-color:#365b9f} body#section-3 div#sub-nav ul li a:hover, body#section-3 div#sub-nav ul li.hot a, body#section-3 div#sub-nav ul li.open a{background-color:#499532} body#section-4 div#sub-nav ul li a:hover, body#section-4 div#sub-nav ul li.hot a, body#section-4 div#sub-nav ul li.open a{background-color:#4a88aa} body#section-5 div#sub-nav ul li a:hover, body#section-5 div#sub-nav ul li.hot a, body#section-5 div#sub-nav ul li.open a{background-color:#84745b} body#section-6 div#sub-nav ul li a:hover, body#section-6 div#sub-nav ul li.hot a, body#section-6 div#sub-nav ul li.open a{background-color:#d6b61d} body#section-7 div#sub-nav ul li a:hover, body#section-7 div#sub-nav ul li.hot a, body#section-7 div#sub-nav ul li.open a{background-color:#5f4c70} /*level2*/ div#sub-nav ul li ul{background-color:#615f60;padding:10px 10px 10px 35px} #sub-nav li ul li{border-style:dotted; border-width:0 0 1px 0;border-color:#900;padding:1px 0;list-style:none;} /*color changes*/ body#section-1 #sub-nav li ul li{border-color:#d30b07} body#section-2 #sub-nav li ul li{border-color:#365b9f} body#section-3 #sub-nav li ul li{border-color:#499532} body#section-4 #sub-nav li ul li{border-color:#4a88aa} body#section-5 #sub-nav li ul li{border-color:#84745b} body#section-6 #sub-nav li ul li{border-color:#d6b61d} body#section-7 #sub-nav li ul li{border-color:#5f4c70} #sub-nav li ul li a{background:#615f60 url(../images/bg-subnav-arrow-off.gif) no-repeat right} div#sub-nav ul li.open ul li.hot a,div#sub-nav ul li.open ul li.open a{background:transparent url(../images/bg-subnav-arrow-on.gif) no-repeat right} #sub-nav li ul li a, div#sub-nav ul li.hot ul li a ,div#sub-nav ul li.open ul li a{color:#fff;background-color:#615f60!important;padding:0 0 0 15px;width:auto;padding:0;} #sub-nav li ul li a,div#sub-nav ul li.hot ul li a,div#sub-nav ul li.open ul li a{padding:0;} div#sub-nav ul li.open ul li.hot a,div#sub-nav ul li.open ul li.open a{color:#d8bb30} /*color changes*/ body#section-1 div#sub-nav ul li.open ul li.hot a, body#section-1 div#sub-nav ul li.open ul li.open a{color:#d30b07} body#section-2 div#sub-nav ul li.open ul li.hot a, body#section-2 div#sub-nav ul li.open ul li.open a{color:#365b9f} body#section-3 div#sub-nav ul li.open ul li.hot a, body#section-3 div#sub-nav ul li.open ul li.open a{color:#499532} body#section-4 div#sub-nav ul li.open ul li.hot a, body#section-4 div#sub-nav ul li.open ul li.open a{color:#4a88aa} body#section-5 div#sub-nav ul li.open ul li.hot a, body#section-5 div#sub-nav ul li.open ul li.open a{color:#84745b} body#section-6 div#sub-nav ul li.open ul li.hot a, body#section-6 div#sub-nav ul li.open ul li.open a{color:#d6b61d} body#section-7 div#sub-nav ul li.open ul li.hot a, body#section-7 div#sub-nav ul li.open ul li.open a{color:#5f4c70} div#sub-nav ul li.open ul li.hot ul li a,div#sub-nav ul li.open ul li.open ul li a{background-image:none;color:#fff;background-color:#615f60} /**/ div#sub-nav ul li ul li ul {padding:0 0 0 10px} div#sub-nav ul li ul li ul li{border:0;list-style:none;} div#sub-nav ul li ul li ul li a{font-size:91%;padding:0;background-image:none;color:#fff !important} div#sub-nav ul li.open ul li.open ul li.hot a,div#sub-nav ul li.open ul li.open ul li.open a{font-weight:bold;} div#sub-nav ul li.open ul li.open ul li.hot ul li a,div#sub-nav ul li.open ul li.open ul li.open ul li a{font-weight:normal} /**/ div#sub-nav ul li ul li ul li ul {border:0;padding-left:10px} div#sub-nav ul li ul li ul li ul li {padding:0;border:0} div#sub-nav ul li ul li ul li ul li a{font-size:81%;padding:0;color:#fff} body#section-1 div#sub-nav ul li.open ul li.open ul li.open ul li.hot a{color:#d30b07 !important} body#section-2 div#sub-nav ul li.open ul li.open ul li.open ul li.hot a{color:#365b9f !important} body#section-3 div#sub-nav ul li.open ul li.open ul li.open ul li.hot a{color:#499532 !important} body#section-4 div#sub-nav ul li.open ul li.open ul li.open ul li.hot a{color:#4a88aa !important} body#section-5 div#sub-nav ul li.open ul li.open ul li.open ul li.hot a{color:#84745b !important} body#section-6 div#sub-nav ul li.open ul li.open ul li.open ul li.hot a{color:#d6b61d !important} body#section-7 div#sub-nav ul li.open ul li.open ul li.open ul li.hot a{color:#5f4c70 !important} /*breadcrumb*/ div#breadcrumb{padding-bottom:20px} div#breadcrumb a{color:#3d3c3f;font-size:91%;font-weight:bold;border:0} /* footer navigation*/ #footer ul{ padding-top:40px;} #footer ul li{list-style-type:none;display:inline;padding-left:5px} #footer ul li a{color:#3d3c3f;font-weight:bold;font-size:85%;border-right:solid 1px #000;padding-right:9px;border-bottom:0} #footer ul li a:hover {color:#666;} #footer ul li.last a{border:0} #footer ul.civic {position:absolute; left:0; top:0; } #footer ul.civic li a{border-right:solid 0px #000} /*back to top */ p.backto {padding-bottom:25px;} /*2.4 Main content ----------------------------------------------- */ #content{padding:50px 0 30px 0;} code {padding:5px 8px; border:#d0d0d0 2px solid; background-color:#f9f9f9; display:block; font-size:1.2em;} /*2.5 Footer ----------------------------------------------- */ #footer-wrapper{ background: url(../images/footerbg.gif) bottom repeat-x;} #footer{clear:both;text-align:right;height:85px; position:relative; } .push{clear:both; height:25px;} /*3. SPECIFIC PAGES ______________________________________________________________________________________________*/ /*3.0 Index - homepage accordian ----------------------------------------------- */ #accordion {height:288px;oerflow:hidden;width:960px} /* accordion header */ #accordion img {float:left;cursor:pointer;margin:0;padding:0;} /* currently active header */ #accordion img.current {cursor:default;} /* accordion pane. should initially have zero width and display:none. the first pane should override these with inline style */ #accordion div {width:0px;float:left;display:none;margin-right:0px;height:288px; } #accordion div#acc1-bg {background:#fff url(../../images/home-slider/bg-01.jpg) no-repeat;} #accordion div#acc2-bg {background:#fff url(../../images/home-slider/bg-02.jpg) no-repeat;} #accordion div#acc3-bg {background:#fff url(../../images/home-slider/bg-03.jpg) no-repeat;} #accordion div#acc4-bg {background:#fff url(../../images/home-slider/bg-04.jpg) no-repeat;} #accordion div#acc5-bg {background:#fff url(../../images/home-slider/bg-05.jpg) no-repeat;} #accordion div#acc6-bg {background:#fff url(../../images/home-slider/bg-06.jpg) no-repeat;} /* content inside a pane should have fixed width */ #accordion div#accordion-1,#accordion div#accordion-2,#accordion div#accordion-3,#accordion div#accordion-4,#accordion div#accordion-5,#accordion div#accordion-6{width:300px;display:block} #accordion p{width:500px;padding:40px 0 0 40px;font-size:200%;font-weight:bold;line-height:1.1em;} #accordion p.img {padding-top:10px;} /*#accordion p.a-intro{font-size:200%;font-weight:bold}*/ #accordion p span{color:#d30b07} /* content page accordian (vertical) /* center accordion */ .accordion {width:100%; margin:0 0 15px 0} .accordion p {background:none; padding:10px 0 0 0;} .accordion p a {font-weight:bold;} .accordion h3 {font-size:121%; font-style:normal; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#263692; cursor:pointer; display:block; padding:5px 0; background:url(../images/accordion-closed-arrow.gif) center right no-repeat; margin:1px 0 -2px 0; position:relative} .accordion h3.selected, #center .accordion h3.selected:hover {background:url(../images/accordion-open-arrow.gif) center right no-repeat; color:#263692} .accordion h3:hover {color:#000; background:url(../images/accordion-open-arrow.gif) center right no-repeat;} .accordion h3.selected {border-top:1px solid #929ac8; border-bottom:1px solid #929ac8} .accordion ul {padding:10px 0 0 0} /* tables */ table{width:100%; margin-bottom:15px;} table, td{border:#999 1px solid;} td, th {padding:2px 5px;} th {color:#fff; background-color:#3a393c; font-size:1.1em;border:#3a393c 1px solid;} /*footnote*/ #content #footnote ul { font-size:0.8em;list-style:none;} body#section-6 #content #footnote ul li, body#section-7 #content #footnote ul li{list-style:none; padding-left:0; background:none; background-image:none;} /******************************************/ @charset 'utf-8'; /*************************************************! * * project: liteAccordion - a horizontal accordion plugin for jQuery * author: Nicola Hibbert * url: http://nicolahibbert.com/liteaccordion-v2/ * demo: http://www.nicolahibbert.com/demo/liteAccordion/ * * Version: 2.0.2 * Copyright: (c) 2010-2011 Nicola Hibbert * Licence: MIT * **************************************************/ /****************************************** Core */ .accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif } .accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none } .accordion .slide > h2 { color: black; font-size: 16px; font-weight: normal; margin: 0; z-index: 100; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top; -o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .accordion .slide > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; margin-top: 5px; -moz-user-select: none; -khtml-user-select: none; user-select: none; } .accordion .slide > h2 b { display: inline-block; position: absolute; top: 13%; left: 10%; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .accordion .slide > h2:hover { cursor: pointer } .accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white } .accordion noscript p { padding: 10px; margin: 0; background: white } /****************************************** Basic */ .basic .slide > h2 { background: #333; color: white; line-height: 225% } /****************************************** Dark */ .dark { border: 9px solid #353535; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); } .dark .slide > h2 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% } .dark .slide > h2 span { background: #353535; color: white } .dark .slide > h2 b { background: #353535; color: #030303; text-shadow: -1px 1px 0 #5b5b5b } .dark .slide > h2.selected span, .dark .slide > h2.selected span:hover { background: #353535; background: -moz-linear-gradient(left, #353535 0%, #555555 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555)); background: -webkit-linear-gradient(left, #353535 0%,#555555 100%); background: -o-linear-gradient(left, #353535 0%,#555555 100%); background: -ms-linear-gradient(left, #353535 0%,#555555 100%); background: linear-gradient(left, #353535 0%,#555555 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 ); } .dark .slide > h2.selected b { background: #383838; background: -moz-linear-gradient(top, #3a3a3a 0%, #363636 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636)); background: -webkit-linear-gradient(top, #3a3a3a 0%,#363636 100%); background: -o-linear-gradient(top, #3a3a3a 0%,#363636 100%); background: -ms-linear-gradient(top, #3a3a3a 0%,#363636 100%); background: linear-gradient(top, #3a3a3a 0%,#363636 100%); } .dark .slide > div { background: #030303; margin-left: 5px } /***************************************** Light */ .light { border: 9px solid white; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #a0a0a0; -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4); -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4); box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4); } .light .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% } .light .slide > h2 span { background: #fcfcfc; background: -moz-linear-gradient(left, #fcfcfc 0%, #ededed 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed)); background: -webkit-linear-gradient(left, #fcfcfc 0%,#ededed 100%); background: -o-linear-gradient(left, #fcfcfc 0%,#ededed 100%); background: -ms-linear-gradient(left, #fcfcfc 0%,#ededed 100%); background: linear-gradient(left, #fcfcfc 0%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 ); -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset; -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset; -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset; box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset; color: #909090; } .light .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white } .light .slide > h2.selected span, .light .slide h2.selected span:hover, .light .slide > h2.selected b { background: #ffffff } .light .slide > div { background: #a0a0a0; margin-left: 5px } /**************************************** Stitch */ .stitch { position: relative; padding: 5px 0 5px 5px; border: 11px solid #353535; background: #353535; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); } .stitch:before { content: ''; width: 100%; height: 100%; position: absolute; top: -9px; left: -9px; background: #353535; border-width: 9px; -webkit-border-image: url('bg_stitch.png') 9 repeat; -moz-border-image: url('bg_stitch.png') 9 repeat; -o-border-image: url('bg_stitch.png') 9 repeat; border-image: url('bg_stitch.png') 9 repeat; } .stitch .slide > h2 { background: #353535 } .stitch .slide > h2 span { height: auto; padding-right: 5%; color: white; text-shadow: -1px 1px 0 #5b5b5b; border-width: 9px; background-image: url('bg_noise.png'); margin-top: 0; -webkit-border-image: url('bg_stitch.png') 9 repeat; -moz-border-image: url('bg_stitch.png') 9 repeat; -o-border-image: url('bg_stitch.png') 9 repeat; border-image: url('bg_stitch.png') 9 repeat; } .stitch .slide > h2.selected:after { content: ''; display: block; height: 11px; width: 11px; position: absolute; bottom: -3px; right: 38px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); border-width: 9px; border-top: 0; border-left: 0; -webkit-border-image: url('bg_stitch.png') 9 repeat; -moz-border-image: url('bg_stitch.png') 9 repeat; -o-border-image: url('bg_stitch.png') 9 repeat; border-image: url('bg_stitch.png') 9 repeat; background-image: url('bg_noise.png'); } .stitch .slide:nth-child(1) > h2 span, .stitch .slide:nth-child(1) > h2:after { background-color: #c25252 } .stitch .slide:nth-child(2) > h2 span, .stitch .slide:nth-child(2) > h2:after { background-color: #ca9859 } .stitch .slide:nth-child(3) > h2 span, .stitch .slide:nth-child(3) > h2:after { background-color: #96ba5f } .stitch .slide:nth-child(4) > h2 span, .stitch .slide:nth-child(4) > h2:after { background-color: #59abb7 } .stitch .slide:nth-child(5) > h2 span, .stitch .slide:nth-child(5) > h2:after { background-color: #bb6098 } .stitch .slide > h2 b { top: 19%; color: white; text-shadow: 1px 1px 0 #5b5b5b } .stitch .slide > div { margin-right: 6px } .stitch.rounded > ol { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0 } /*************************************** Rounded */ .rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px } .rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px } /******************************************** IE */ .ie .slide > h2 b { top: 42%; left: 5% } .ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top } .ie.dark .slide > h2 b, .ie.light .slide > h2 b { top: 44% } .ie9.dark .slide > h2.selected span, .ie9.dark .slide > h2.selected span:hover, .light .slide > h2 span { filter: none } .ie9.stitch { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); } .ie.stitch .slide > h2 { line-height: 265% } .ie.stitch .slide > h2 span { height: 89%; padding-right: 8% } .ie.stitch .slide > h2 b { top: 33% } .ie.stitch .slide > h2.selected:after { display: none } .ie.stitch .slide-0 > h2 span { background-color: #c25252 } .ie.stitch .slide-1 > h2 span { background-color: #ca9859 } .ie.stitch .slide-2 > h2 span { background-color: #96ba5f } .ie.stitch .slide-3 > h2 span { background-color: #59abb7 } .ie.stitch .slide-4 > h2 span { background-color: #bb6098 } .accordion > ol {list-style-type: decimal-leading-zero;} #content .accordion > ol {padding: 0;} .accordion .slide > h2 span {text-align: left} .accordion .slide > h2 b {left: 10px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)"; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); } .basic .slide > h2 {line-height:28px;font-size:1.6em;text-shadow: 1px -1px 0 rgba(0,0,0,0.3)} .basic .slide > h2 span {padding-left: 44px;} #lite-accordion h2 {padding: 0;} .accordion div#accordion-1,#accordion div#accordion-2,#accordion div#accordion-3,#accordion div#accordion-4,#accordion div#accordion-5,#accordion div#accordion-6{width:300px;display:block} .accordion p{width:500px;padding:40px 0 0 40px;font-size:200%;font-weight:bold;line-height:1.1em;} .accordion p.img {padding-top:10px;} /*#accordion p.a-intro{font-size:200%;font-weight:bold}*/ .accordion p span{color:#d30b07} .basic .slide-1 > h2 { background: #41619e; /* Old browsers */ background: -moz-linear-gradient(top, #41619e 0%, #2e4e89 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41619e), color-stop(100%,#2e4e89)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #41619e 0%,#2e4e89 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #41619e 0%,#2e4e89 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #41619e 0%,#2e4e89 100%); /* IE10+ */ background: linear-gradient(top, #41619e 0%,#2e4e89 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41619e', endColorstr='#2e4e89',GradientType=0 ); /* IE6-9 */ } .basic .slide-2 > h2 { background: #529d3e; /* Old browsers */ background: -moz-linear-gradient(top, #529d3e 0%, #3c7e27 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#529d3e), color-stop(100%,#3c7e27)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #529d3e 0%,#3c7e27 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #529d3e 0%,#3c7e27 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #529d3e 0%,#3c7e27 100%); /* IE10+ */ background: linear-gradient(top, #529d3e 0%,#3c7e27 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#529d3e', endColorstr='#3c7e27',GradientType=0 ); /* IE6-9 */ } .basic .slide-3 > h2 { background: #4988ab; /* Old browsers */ background: -moz-linear-gradient(top, #4988ab 0%, #3f7493 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4988ab), color-stop(100%,#3f7493)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4988ab 0%,#3f7493 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4988ab 0%,#3f7493 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4988ab 0%,#3f7493 100%); /* IE10+ */ background: linear-gradient(top, #4988ab 0%,#3f7493 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4988ab', endColorstr='#3f7493',GradientType=0 ); /* IE6-9 */ } .basic .slide-4 > h2 { background: #8c7c63; /* Old browsers */ background: -moz-linear-gradient(top, #8c7c63 0%, #70644e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c7c63), color-stop(100%,#70644e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8c7c63 0%,#70644e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #8c7c63 0%,#70644e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #8c7c63 0%,#70644e 100%); /* IE10+ */ background: linear-gradient(top, #8c7c63 0%,#70644e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c7c63', endColorstr='#70644e',GradientType=0 ); /* IE6-9 */ } .basic .slide-5 > h2 { background: #d7bc2d; /* Old browsers */ background: -moz-linear-gradient(top, #d7bc2d 0%, #b89b19 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7bc2d), color-stop(100%,#b89b19)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d7bc2d 0%,#b89b19 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d7bc2d 0%,#b89b19 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d7bc2d 0%,#b89b19 100%); /* IE10+ */ background: linear-gradient(top, #d7bc2d 0%,#b89b19 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7bc2d', endColorstr='#b89b19',GradientType=0 ); /* IE6-9 */ } .basic .slide-6 > h2 { background: #6a5a77; /* Old browsers */ background: -moz-linear-gradient(top, #6a5a77 0%, #514060 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a5a77), color-stop(100%,#514060)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6a5a77 0%,#514060 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6a5a77 0%,#514060 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6a5a77 0%,#514060 100%); /* IE10+ */ background: linear-gradient(top, #6a5a77 0%,#514060 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a5a77', endColorstr='#514060',GradientType=0 ); /* IE6-9 */ } .accordion .slide-1 > div {background: url("../../images/home-slider/bg-01.jpg") no-repeat scroll 38px 0 #FFFFFF} .accordion .slide-2 > div {background: url("../../images/home-slider/bg-02.jpg") no-repeat scroll 38px 0 #FFFFFF} .accordion .slide-3 > div {background: url("../../images/home-slider/bg-03.jpg") no-repeat scroll 38px 0 #FFFFFF} .accordion .slide-4 > div {background: url("../../images/home-slider/bg-04.jpg") no-repeat scroll 38px 0 #FFFFFF} .accordion .slide-5 > div {background: url("../../images/home-slider/bg-05.jpg") no-repeat scroll 38px 0 #FFFFFF} .accordion .slide-6 > div {background: url("../../images/home-slider/bg-06.jpg") no-repeat scroll 38px 0 #FFFFFF}