/*Custom Font HabaraHand*/
@font-face {
    font-family: 'HarabaraHandItalic';
    src: url('http://www.octavern.com/files/fonts/HarabaraHand-webfont.eot');
    src: url('http://www.octavern.com/files/fonts/HarabaraHand-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.octavern.com/files/fonts/HarabaraHand-webfont.woff') format('woff'),
         url('http://www.octavern.com/files/fonts/HarabaraHand-webfont.ttf') format('truetype'),
         url('http://www.octavern.com/files/fonts/HarabaraHand-webfont.svg#HarabaraHandItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

html h3, html h2 { font-family: 'HarabaraHandItalic', serif; line-height: 1.5; }
html .sub #Header h2 { text-shadow: none; }
html #Content h3 {font: bold 15pt/1.5 'HarabaraHandItalic', TitilliumText22LBold,Arial,Helvetica,sans-serif;}
html .home #Header .void-header, html #Content, html #Footer .void-footer {width: 1000px;}
html .home #StockImage {height: 350px; width: 1000px; margin-top: 45px;}
html .module-row .module.of-three, 
html .module-row .module.of-four, 
html .module-row .module.of-five, 
html .module-row .module.of-six, 
html .module-row .module.of-seven, 
html .module-row .module.of-eight, 
html .module-row .module.of-nine {margin-right: 0; width: 25%;}
html .module-row .module.of-one, 
html .module-row .module.fourth.of-four {width: 20%;}
html .module-row .module.fourth, 
html .module-row .module.seventh {clear: none;}
html .module-row .module.of-one, 
html .module-row .module.fourth.of-four {width: 25%;}
html.home #Footer {display: none;}
html #StockImage {border: medium none;}
html .home #StockImage h3 {color: #FFFFFF;}

html .home #PrimaryNavigation {top: 140px; width: 975px; right: 20px; border-bottom: 1px solid #333333; font-size: 11px;}
html .sub #PrimaryNavigation {top: 140px; width: 925px; right: 60px; border-bottom: 1px solid #333333; font-size: 11px;}
html #PrimaryNavigation .primarynav li a { padding: 5px 20px 5px 15px; }
html #Body {background: none repeat scroll 0 0 #000000;}
html body, html #EditorDiv, html #Header, html #Body, html #Footer {background: none repeat scroll 0 0 #000000; -pie-background: none; behavior: none;}
html #Header .extra { top: 20px; }
html #Header .extra .text-block-component { -pie-background: none; behavior: none;} 


html #Body {border-top: 1px solid #000000;}
html #Header h1 a {display: none;}
html #StockImage p a {width: 100%;}

html h3.title {text-align: center;}
html #Content-Text .flip-book-module {width: 500px; height: 333px; padding-left: 245px; background: none repeat scroll 0 0 #000000;}
html #Header .extra .text-block-component, html #Header .extra .text-module {background: none repeat scroll 0 0 transparent; border: medium none;}
html .sub #Header {height: 180px;}
html .sub #StockImage {top: 198px;}
html .sub #Header h2 {top: 215px;}
html .sub #Header .extra {width: 1000px; }
html .sub #Header .extra .component {padding-right: 295px;}
html .home #Header .extra .component {padding-right: 305px;}
html .home #Header .extra {width: 1000px; }

html form.user-form fieldset legend label {color: #333333;}
html #PrimaryNavigation .primarynav li a:hover {-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2f82bc), to(#216493));
    background: -moz-linear-gradient(#2f82bc, #216493);
    background: linear-gradient(#2f82bc, #216493);
    -pie-background: linear-gradient(#2f82bc, #216493);
    behavior: url(/files/scripts/pie.htc);}
html #PrimaryNavigation .primarynav li ul li a {background-color: #6AA1C8; -moz-border-radius: 5px 5px 5px 5px;}
html #PrimaryNavigation .primarynav li ul li a {border: medium none; color: #FFFFFF; background-color: #79b5df;}
html #PrimaryNavigation .primarynav li ul li a:hover {background: none repeat scroll 0 0 #216493}
html .home #Content-Text .text-block-component {background: none;}
html .sub #Footer {border-bottom: medium none; border-top: medium none; padding-top: 50px;}
html #Main.gallery #Content #Content-Text .component {padding: 18px;}
html .sub #Content #Content-Text a {color: #aaaaaa;}
html #Main.blog #Content #Content-Text p {padding-bottom: 25px;}
html .sub #Header .extra .text-module a {color: #888888;}
html #Header .extra .text-module {width: 100%; padding-top: 40px; position: absolute; -pie-background: none; }
html #Main.watch-video #Content-Right {padding-left: 250px;}
html p {color: #888888; font-size: 14px;}

html .home #Content .module-row .module { background: none; behavior: none;}
html .home #Content .items-3 .module {width: 325px;}
html .home #Content .items-3 { box-shadow: none;}
html .home #Content-Right {width: 1000px; padding-top: 0;}

html #Content .items-2 { border: medium none;}
html .home #Content-Right a {color: #777777;}
html #Content .items-2 .second .void {border-left: medium none;}
html .flip-book-module .slide {border: 1px solid; width: 67%;}
html #Content .module-row .module h3 {color: #EEEEEE;}
html .home #Content-Right .module-row .module.first a img { max-width: 200px; }
html .home #Content #Content-Text .text-block-component a { color: #777777; }
html .sub #Content #Content-Text a { color: lime; }

html .home #Content .module-row .module { min-height: 280px; padding: 0 0 0; }
html .home #Content-Text .text-block-component { padding-top: 26px; }
html .home #Content .module-row .module { padding-bottom: 0; }