html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
strong,b{font-weight:bold;}
em,i{font-style:italic;}
* html .clearfix,* html .group{height:1%;overflow:visible;}
*+html .clearfix,*+html .group{min-height:1%;}
.clearfix:after,.group:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0;}
/* Main Items */
body { background: #d8dcde url('/images/bg-plaid.jpg') repeat center top fixed; font-family: 'Habibi', Helvetica, Georgia, serif; font-size: 15px; line-height: 1.9em; color: #212527; font-weight: 400; }
em { font-style: italic; }
strong { font-weight: 700; }
a:link, a:visited { color: #00a537; text-decoration: none; }
a:hover { color: #0b7a25; text-decoration: none; }
.wrapper { width: 1179px; }
.white { background: #ffffff; width: 100%; }
/* Header */
.header { width: 1179px; position: absolute; left: 50%; top: 0px; margin-left: -590px; }
.stripe { height: 3px; background: #ff4800 url('/images/stripe-orange.png') repeat left top; width: 100%; }
h1 { display: inline; font-size: 24px; color: #ff4800; font-family: 'Libre Baskerville', 'Habibi', Georgia, serif;
font-weight: 700; letter-spacing: -0.5px; padding-left: 18px; }
h1 a:link,
h1 a:visited { color: #ff4800 !important;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
h1 a:hover { color: #00a537 !important; border-bottom: 0px !important; }
.bunnydojo { float: right; width: 99px; height: 128px; margin-top: 16px; margin-right: 18px; }
.bunnydojo img { width: 99px; height: 128px; }
.nav { float: left; margin-top: 60px; margin-left: 11px; font-size: 22px; line-height: 1.02em; }
.nav a:link,
.nav a:visited { padding: 6px; color: #212527;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.nav a:hover { padding-bottom: 10px; color: #00a537; border-bottom: 3px solid #00a537; }
a.gray:link,
a.gray:visited { color: #7c8a91; }
a.gray:hover { color: #00a537; }
.line, .line2 { width: 1px; height: 18px; padding: 0 24px; margin-bottom: -19px; }
/* Oxygen Font */
.welcome, .spotlight, .righty, .lefty, .descriptor, .featuredfav, .footer, .info, .rummy, input, .optional input, textarea, .disc1, .disc2, .oxygen, .error { font-family: 'Assistant', Helmet, Freesans, sans-serif; }
/* Content */
h2 { color: #212527; font-size: 24px; clear: both; padding-top: 11px; padding-bottom: 13px; font-family: 'Habibi', Georgia, serif; line-height: 1em; font-weight: 400; }
h3 { margin-top: 5px; color: #212527; font-size: 24px; clear: both; font-family: 'Habibi', Georgia, serif; line-height: 1.25em; font-weight: 400; }
h4 { color: #00a537; font-size: 18px; clear: both; font-family: 'Habibi', Georgia, serif; line-height: 1.75em; font-weight: 400; }
h5 { background: #fff; color: #ff4800; font-size: 18px; font-weight: 400; text-align: center;
border-bottom: 3px solid #00a537; font-family: 'Habibi', Georgia, serif;
margin-top: 3px; margin-bottom: 11px; padding-bottom: 9px; }
.spotlight { color: #7c8a91; font-size: 12px; letter-spacing: 0.3px; }
.padded { padding: 18px 9px 9px 18px; }
.welcome { float: left; width: 270px; padding-right: 9px; padding-bottom: 9px; margin-right: 9px; margin-bottom: 9px; text-align: center; }
.welcome img { float: none; width: 131px; height: 131px; margin-top: 9px; margin-bottom: 12px; margin-right: -9px; }
.righty { float: left; width: 792px; border-left: 1px solid #d8dcde; padding-left: 36px; margin-bottom: 9px; }
.box { float: left; text-align: center; width: 243px; height: 324px; background: url('/images/2018-blindY.png') repeat-x center top; border-bottom: 1px solid #d8dcde; padding: 18px; font-size: 16px; margin-right: 9px; margin-bottom: 9px; line-height: 1em;
-webkit-border-radius: 10px; border-radius: 10px; }
.box a:link,
.box a:visited { color: #7c8a91; }
.box a:hover { color: #00a537; }
.box a:hover img { filter: alpha(opacity=50); opacity: 0.5; }
.box img { margin-bottom: 30px;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
/* .boxWhite { float: left; text-align: center; width: 243px; height: 349px; background: url('/images/2018-blindWhite.png') repeat-x center top; border: 1px solid #d8dcde; padding: 17px; font-size: 16px; margin-right: 9px; margin-bottom: 9px; line-height: 1.5em;
-webkit-border-radius: 10px; border-radius: 10px; } */
.boxWhite { float: left; text-align: center; width: 243px; height: 331px; background: #fff; border: 1px solid #d8dcde; padding: 17px; font-size: 16px; margin-right: 9px; margin-bottom: 9px; line-height: 1.5em; }
.boxWhite a:link,
.boxWhite a:visited { color: #7c8a91; }
.boxWhite a:hover { color: #00a537; }
.boxWhite a:hover img { filter: alpha(opacity=50); opacity: 0.5; }
/*.boxWhite img { margin-bottom: 33px;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } */
.boxWhite img { margin-top: 1px; margin-bottom: 12px;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.descriptor { font-size: 10px; text-transform: uppercase; line-height: 1em; letter-spacing: 0.5px; margin-top: 5px; margin-bottom: 4px; display: inline-block; }
.error { width: 100%; text-align: center; }
.keyart { width: 154px; height: 207px; padding-top: 36px; padding-bottom: 36px;}
.onesheet { width: 188px; height: 279px; }
.possession { width: 154px; height: 197px; padding-top: 41px; padding-bottom: 41px; }
.frame { width: 118px; height: 182px; padding: 49px 13px 48px 13px; background: url('/2013/Small-Frame.jpg') no-repeat center; }
.dvdcase { width: 129px; height: 181px; padding: 50px 5px 49px 0px; background: url('/2013/Small-DVD.png') no-repeat center; }
.blucase { width: 183px; height: 212px; padding: 42px 36px 25px 28px; background: url('/2018/2018-Blu.png') no-repeat center; }
.criterioncase { width: 188px; height: 232px; padding: 25px 5px 22px 1px; background: url('/2018/2018-Criterion.png') no-repeat center; }
.fill { width: 243px; height: 279px; -webkit-border-radius: 3px; border-radius: 3px; }
.jewelcase { width: 148px; height: 148px; 5px; padding: 66px 7px 65px 16px; background: url('/2013/Small-CD.jpg') no-repeat center; }
.ipadh { width: 148px; height: 111px; padding: 84px 16px 84px 16px; background: url('/2013/Small-iPadWhiteH.png') no-repeat center; }
.ipadv { width: 111px; height: 148px; padding: 101px 35px 101px 35px; background: url('/2013/Small-iPadWhite.png') no-repeat center; }
.iphone { width: 73px; height: 130px; padding: 75px 53px 74px 54px; background: url('/2013/Small-iPhoneWhite.png') no-repeat center; }
.iphoneOld { width: 73px; height: 110px; padding: 85px 53px 84px 54px; background: url('/2013/Small-iPhoneOld.png') no-repeat center; }
.webs { width: 180px; height: 135px; padding: 72px 0px; }
.bogarts { width: 163px; height: 207px; padding: 36px 0; }
.rummyfont { width: 648px; height: 324px; margin-left: 0px; margin-bottom: 18px; -webkit-border-radius: 10px; border-radius: 10px; }
.gAd { float: right; width: 336px; margin-right: 64px; height: 280px; margin-top: 23px; margin-bottom: 32px; }
/* About */
.clients { width: 666px; height: 243px; }
.testimonial { float: left; width: 378px; }
.historical { width: 560px; height: 120px; }
.columns { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; margin: 0 0 9px 0; }
.columns strong { color: #00a537; font-size: 18px; clear: both; font-family: 'Habibi', Georgia, serif; line-height: 1.75em; font-weight: 400; }
/* Footer */
.bunny { background: url("images/BunnyDojo.png"); width: 49px; height: 63px; float: left; }
.bunny:hover { background: url("images/BunnyDojoOn.png"); }
.footer { width: 1143px; padding: 18px; margin: 18px auto 0px auto; background: #ffffff; color: #7c8a91; font-size: 12px; line-height: 1.75em; }
.footer a:link,
.footer a:visited { color: #212527; text-decoration: none; }
.footer a:hover { color: #00a537; text-decoration: none; }
.topper { background: url("images/Top.png"); width: 43px; height: 63px; float: right; }
.topper:hover { background: url("images/TopOn.png"); }
/* Portfolio */
.featured { float: left; width: 594px; min-height: 556px; padding-top: 18px; padding-right: 36px; padding-bottom: 9px; padding-left: 36px; margin-bottom: 9px; }
.featuredfont { float: left; width: 648px; min-height: 324px; padding-top: 0px; padding-bottom: 0px; padding-left: 18px; margin-bottom: 0px; }
.info { float: left; width: 441px; min-height: 574px; padding: 18px 18px 0 18px; margin-bottom: 9px; }
.rummy { float: left; width: 423px; min-height: 288px; padding: 27px 18px 0 36px; margin-bottom: 9px; }
.bk { font-size: 11px; line-height: 1em; padding-bottom: 25px; }
.grayline { width: 100%; height: 3px; background: #00a537; margin: 10px 0px; }
.more { width: 556px; height: 1px; margin: 18px auto; background: #d8dcde; }
.sharing { color: #7c8a91; float: left; font-size: 11px; margin: 18px 0px 0px 0px; }
.bigkeyart { width: 417px; height: 534px; padding-left: 87px; }
.bigonesheet { width: 417px; height: 618px; padding-left: 87px; }
.bigpossession { width: 417px; height: 556px; padding-left: 87px; }
.bigcd { width: 478px; height: 478px; padding: 39px 39px 39px 73px; background: url('/2013/Big-CD.jpg') no-repeat center; }
.biggreat { width: 350px; height: 350px; padding: 175px 305px 175px 305px; }
.bigcdback { width: 407px; height: 349px; padding: 8px 5px; margin-left: 87px; background: url('/2013/Big-CD-Back.jpg') no-repeat center; }
.bigfill { width: 592px; height: 556px; }
.bigfillsquare { width: 556px; height: 556px; padding: 0px 18px;}
.bigframe { width: 314px; height: 485px; padding: 36px 139px 35px 139px; background: url('/2013/Big-Frame.jpg') no-repeat center; }
.bigdvd { width: 380px; height: 533px; padding: 14px 113px 9px 99px; background: url('/2013/Big-DVD.png') no-repeat center; }
.bigprinta { width: 556px; height: 360px; margin: 0px 18px 18px 18px; }
.bigprintb { width: 556px; height: 160px; border-top: 1px solid #d8dcde; margin: 0px 18px; padding-top: 18px; }
.biginside { width: 556px; height: 330px; margin: 0px 18px 0px 18px; }
.bigbogarts { width: 437px; height: 556px; padding-left: 77px; }
.jersey { width: 556px; height: 428px; margin: 0px 18px 18px 18px; }
.bigbluOLD { width: 422px; height: 489px; padding: 53px 93px 14px 77px; background: url('/2013/Big-Blu.png') no-repeat center; }
.bigblu { width: 468px; height: 542px; padding: 60px 71px 16px 53px; background: url('/2013/Big-Blu2.png') no-repeat center; }
.bigcriterion { width: 476px; height: 588px; padding: 15px 65px 15px 51px; background: url('/2013/Big-Criterion2.png') no-repeat center; }
.bigbluback { width: 317px; height: 367px; margin-left: 132px; padding: 40px 0px 10px 11px; background: url('/2013/Big-BluBack.png') no-repeat center; }
.studio { width: 34px; height: 34px; float: right; margin-top: 3px; }
.suggest { float: right; text-align: center; width: 260px; font-size: 13px; margin-top: 21px; margin-right: 90px; margin-bottom: -1px; }
.suggestion { width: 48px; height: 48px; position: relative; z-index: 9; margin-top: -10px; margin-bottom: -8px; vertical-align: text-top; }
.featuredfav { border: 1px solid #006cff; font-size: 11px; color: #006cff; padding: 4px 9px 5px 9px; line-height: 3.6em; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.disc1 { width: 1143px; text-align: center; color: #7c8a91; line-height: 1.5em; margin-bottom: 18px; }
.disc2 { float: left; width: 342px; margin-top: 23px; color: #7c8a91; line-height: 1.5em; display: none; }
.credits { font-size: 9px; line-height: 1.75em; text-transform: uppercase; }
.credits strong { font-weight: 400; font-size: 11px; }
.updates { margin-bottom: 9px; }
.updates div { display: inline-block; }
.dates { width: 88px; margin-left: 18px; font-size: 11px; letter-spacing: 0.5px; }
/* Contact Page */
.contactbox { width: 570px; margin: 18px auto 0px auto; }
.fields { float: left; width: 267px; padding: 3px 9px 9px 9px; }
.optional { float: left; width: 178px; padding: 3px 0px 9px 9px; background: #d8dcde; margin-top: 9px; margin-bottom: 9px; }
.messagebox { float: left; width: 552px; padding: 3px 9px 9px 9px; }
input { font-size: 1.25em; width: 253px; padding: 6px; background: #ffffff; border: 1px solid #7c8a91; }
.optional input { width: 164px; }
textarea { font-size: 1.25em; width: 538px; padding: 6px; background: #ffffff; border: 1px solid #7c8a91; height: 84px; }
/* .greenb { background: #00a537; border: 1px solid #00a537; color: #ffffff; margin-left: 159px; -webkit-border-radius: 9px; border-radius: 9px; padding-top: 9px; padding-bottom: 9px; } */
.greenb { background: #00a537; border: 1px solid #00be5f; color: #ffffff; margin-left: 159px; -webkit-border-radius: 18px; border-radius: 18px; padding-top: 9px; padding-bottom: 9px; }
.greenb:hover { cursor: pointer; border-color: #0b7a25; background: #0b7a25; -webkit-box-shadow: 0 0 0 0 #000; box-shadow: 0 0 0 0 #000; }
input:hover,
textarea:hover,
.optional input:hover { border: 1px solid #ff4800; }
img { max-width: 891px; }
.downloadlink { line-height: 2em; }
.downloadlink a { padding: 5px 5px 5px 0; }
.coverslink { margin-top: -6px; margin-bottom: 24px; font-size: 12px; }
.coverslink img { margin-right: 2px; }
.coverslink a { padding: 5px 5px 5px 0; }
.coverslink a:link,
.coverslink a:visited { color: #7c8a91; text-decoration: none; }
.coverslink a:hover { color: #212527; }
.icons { width: 27px; height: 30px; vertical-align: middle; margin-top: 5px; margin-bottom: 7px; padding-left: 1px; }
.icons:hover { filter: alpha(opacity=50); opacity: 0.5; }
.kerned { letter-spacing: -1px; }
.smalls { font-size: 11px; letter-spacing: 0.5px; }
.myfontslink { line-height: 2em; }
.myfontslink a { padding: 5px 5px 5px 0; }
.myfontslink a:link,
.myfontslink a:visited { color: #00aaff; text-decoration: none; }
.myfontslink a:hover { color: #0b7a25; }
.fadein { float: left; position: relative; width: 648px; min-height: 315px; padding-top: 18px; padding-bottom: 18px; }
.fadein img { max-width: 594px; position: absolute; top: 9px; left: 36px; right: 18px; bottom: 0px;
-webkit-border-radius: 10px; border-radius: 10px; }
.sidebar { position: -webkit-sticky; position: sticky; float: left; top: 18px; }
.uncut { display: none; }
.newsize { display: none; }
.bigblu2019 { width: 468px; height: 542px; padding: 60px 72px 73px 54px; background: url('/2013/Big-Blu-2019.png') no-repeat center; }
.padded-blog { padding: 36px 9px 0px 18px; color: #fff; }
.headpad { padding: 18px; text-align: center; font-family: 'Assistant', Helmet, Freesans, sans-serif; }
.padded-blog .grayline { background: #fff; filter: alpha(opacity=50); opacity: 0.5; margin-bottom: 27px; }
.padded-blog .info { filter: alpha(opacity=75); opacity: 0.75; }
.padded-blog a { color: #fff; line-height: 1.5em; }
.padded-blog .info a:hover { filter: alpha(opacity=50); opacity: 0.5; }
.padded-blog h3 { color: #fff; font-size: 36px; margin-top: 14px; }
.featured2019 { float: left; width: 594px; min-height: 556px; padding-top: 18px; padding-right: 36px; padding-bottom: 0px; padding-left: 36px; margin-bottom: 0px; }
.icons2019 { width: 27px; height: 30px; vertical-align: middle; margin-bottom: 6px; }
.padded-blog .coverslink { margin-top: -45px; font-size: 12px; margin-right: 0px; margin-bottom: 9px; }
.padded-blog .coverslink a:link,
.padded-blog .coverslink a:visited { text-transform: uppercase; letter-spacing: 1px; padding: 9px 18px; margin-top: -36px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px;
color: #fff; text-decoration: none; filter: alpha(opacity=50); opacity: 0.5; }
.padded-blog .coverslink a:hover { filter: alpha(opacity=75); opacity: 0.75; }