/* ===== HTML5 Boilerplate Custom Styles - h5bp.com (generated via initializr.com) ===== */
/* background:url(/assets/img/sprite.png) */

/* ===== Globals ===== */
html, body { height:100%; }
html,button,input,select,textarea { color:#736f6e; }
body { font-size:18px; line-height:32px; letter-spacing:0.03em; font-family:BrandonText-Regular; font-weight:normal; font-style:normal; -webkit-font-smoothing:antialiased; }
::-moz-selection { background:#b3d4fc; text-shadow:none; }
::selection { background:#b3d4fc; text-shadow:none; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
img { vertical-align:middle; }
.chromeframe { margin:.2em 0; background:#ccc; color:#000; padding:.2em 0; }
a { color:#44a4aa; text-decoration:none; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; outline:none; }
a:active, a:hover { outline:none !important; }
a:hover { color:#1d1d1b; }
a#join { cursor:pointer; }
p { margin:0 0 1em 0; }
.wrapper { width:980px; margin:0 auto; position:relative; }
.wrapper2 { width:640px; margin:0 auto; }
.wrapper3 { width:860px; margin:0 auto; }
.left, .right { float:left; width:490px; padding:75px 0 200px; }
.indent { margin-left:90px; }

.btn { background:#44a4aa; padding:8px 10px 5px; color:#fff; text-align:center; font-size:12px; }

/* sticky action */
#wrap { min-height:100%; }
#main { overflow:auto; padding-bottom:410px; padding-top:100px; }
#footer { position:relative; margin-top:-410px; height:410px; clear:both; width:100%; background:#f28935; }

/* ===== Webfonts ===== */
.BrandonText-Bold { font-family:BrandonText-Bold; font-weight:normal; font-style:normal; }
.BrandonText-RegularItalic { font-family:BrandonText-RegularItalic; font-weight:normal; font-style:normal; }
.BrandonText-Regular { font-family:BrandonText-Regular; font-weight:normal; font-style:normal; }
.BrandonText-Medium { font-family:BrandonText-Medium; font-weight:normal; font-style:normal; }

/* ===== Colors ===== */
.orange { color:#f28935; }  .teal { color:#44a4aa; }  .black { color:#1d1d1b; }  .dkgray { color:#736f6e; }  .gray { color:#9b9893; }  /* truck */  .red { color:#e32c16; }  .blue { color:#62b7b3; }  .calblue { color:#61b7b3; }

/* ===== Header Only ===== */
#header { position:fixed; top:0; left:0; width:100%; height:60px; z-index:99999; background:#f28935; padding:20px 0; }
#header .wrapper { width:1000px; }
#header .logo, #header nav, #header .social { float:left; }
#header .logo { width:130px; float:left; }
#header .logo h1 { width:127px; height:62px; background:url(/assets/img/sprite.png) top left no-repeat; display:block; text-indent:-9999px; padding:0; }
#header .logo a { width:127px; height:62px; display:block; }
#header .logo a:hover img { -webkit-animation-name: shake; animation-name: shake; }
#header nav { width:730px; float:left; padding:15px 0 0; position:relative; z-index:2; }
#header nav ul { margin:0; padding:0; list-style:none; text-align:center; }
#header nav ul li { display:inline-block; background:none; margin:0; padding:0; position:relative; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; }
#header nav ul li span { display:none; position:absolute; top:30px; left:50%; margin-left:-58.5px; background:url(/assets/img/sprite.png) -141px 0px no-repeat; width:117px; height:62px; }
#header nav ul li:hover span { display:block; }
#header nav a { color:#fff; font-family:BrandonText-Medium; font-weight:normal; font-size:14px; /* font-size:16px; */ line-height:23px; text-transform:uppercase; padding:0 5px; }
#header nav a:hover { color:#1d1d1b; }
#header nav ul li.active a { color:#1d1d1b; }
#header .social { width:140px; float:right; padding:15px 0 0; }
#header .social a { float:left; width:32px; height:30px; margin-left:3px; display:block; text-indent:-9999px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; }
#header .social a.phone { background:url(/assets/img/sprite.png) -493px -96px no-repeat; cursor:pointer; }
#header .social a.twitter { background:url(/assets/img/sprite.png) -458px 0px no-repeat; }
#header .social a.facebook { background:url(/assets/img/sprite.png) -493px 0px no-repeat; }
#header .social a.instagram { background:url(/assets/img/sprite.png) -528px 0px no-repeat; }
#header .social a.phone:hover { background:url(/assets/img/sprite.png) -493px -128px no-repeat; }
#header .social a.twitter:hover { background:url(/assets/img/sprite.png) -458px -33px no-repeat; }
#header .social a.facebook:hover { background:url(/assets/img/sprite.png) -493px -33px no-repeat; }
#header .social a.instagram:hover { background:url(/assets/img/sprite.png) -528px -33px no-repeat; }

#header .phoneBooth { display:none; width:100%; position:relative; top:18px; left:0; height:40px; padding:2px 0 0; background:#43a3aa; z-index:1; }
#header .phoneBooth p { text-align:right; color:#fff; font-family:BrandonText-Medium; font-weight:normal; font-size:14px; line-height:40px; text-transform:uppercase; margin:0; }
#header .phoneBooth p a { display:inline; color:#fff; margin-left:15px; }
#header .phoneBooth p a:hover { color:#1d1d1b; }
#header .phoneBooth.showing { height:40px; display:block; }

.white #header nav ul li span { display:none; position:absolute; top:30px; left:50%; margin-left:-58.5px; background:url(/assets/img/sprite.png) -141px -66px no-repeat; width:117px; height:62px; }
.white #header nav ul li:hover span { display:block; }

/* ===== Floating Titles ===== */
.title { text-align:center; margin-bottom:20px; position:relative; top:-25px; }
.title a { padding:18px 20px 12px; background:#44a4aa; color:#fff; font-size:26px; line-height:100%; font-family:BrandonText-Medium; text-transform:uppercase; display:inline-block; }
.title span { padding:0 5px; }
.title span:before { content:""; display:inline-block; border-top:3px solid #fff; width:30px; height:3px; position:relative; top:-5px; z-index:1; margin:0 10px 0 0; }
.title span:after { content:""; display:inline-block; border-top:3px solid #fff; width:30px; height:3px; position:relative; top:-5px; z-index:1; margin:0 0 0 10px; }

.title2 { text-align:center; margin-bottom:20px; position:relative; }
.title2 a { padding:18px 20px 12px; background:#fff; color:#736f6e; font-size:26px; line-height:100%; font-family:BrandonText-Medium; text-transform:uppercase; display:inline-block; }
.title2 span { padding:0 5px; }
.title2 span:before { content:""; display:inline-block; border-top:3px solid #736f6e; width:30px; height:3px; position:relative; top:-5px; z-index:1; margin:0 10px 0 0; }
.title2 span:after { content:""; display:inline-block; border-top:3px solid #736f6e; width:30px; height:3px; position:relative; top:-5px; z-index:1; margin:0 0 0 10px; }

/* ===== Home Page Styles ===== */
.home { background:#f28935; }
.home #wrap { min-height:inherit; }
.home #main { overflow:auto; padding-bottom:0; padding-top:100px; }
.home #footer { position:relative; margin-top:0; height:410px; clear:both; width:100%; background:#f28935; }
.home .feature { min-height:570px; width:100%; display:table; }
.home .feature p { display:table-cell; vertical-align:middle; text-align:center; }

/* ===== Content Pages ===== */
.content #main { margin-top:420px; }
.content .banner { position:fixed; top:0; width:100%; z-index:-1; height:520px; background:#fff; }
.content section { position: relative; z-index:1; background:white; min-height:500px; }
.content .copy { padding-bottom:50px; position:relative; }
.content .copy ul { padding:0; margin:0 0 1em; }
.content .copy ul li { list-style:none; color:#9b9893; }
.content .menus { position:absolute; top:-58px; left:-165px; text-transform:uppercase; }

/* ===== Contact Page ===== */
label { font:13px/15px BrandonText-Medium; text-transform:uppercase; display:block; margin-bottom:5px; }
input[type=text], input[type=email], textarea { width:406px; height:30px; font-family:BrandonText-Regular; font-size:21px; color:#1d1d1b; border:1px solid #ccc8c6; background:#fff; font-size:18px; padding:8px 5px 3px; display:block; margin-bottom:15px; -webkit-appearance:none; outline:none; background-image:none !important; }
input:focus, textarea:focus { border:2px solid #44a4aa; }
textarea { height:160px; }
input.error { border-color:red; }
label.error { color:red; text-align:right; margin-top:-5px; font-style:italic; font-size:11px; }

.contact {  }
.contact #main { margin-top:0; }
.contact .left { width:400px; font-size:18px; line-height:28px; font-family:BrandonText-Medium; margin-right:40px; }
.contact .left h3 { font-size:18px; line-height:28px; font-family:BrandonText-Medium; padding:10px 0 5px; }
.contact .right { width:420px; }
.contact .small { float:left; width:200px; }
.contact .small input { width:190px; }
.contact #inquiry_subject { clear:both; }
.contact .thanks { display:none; text-align:center; color:#a0968c; font-size:26px; line-height:100%; font-family:BrandonText-Medium; font-weight:normal; }

.button { text-align:center; position:relative; }
.button a { padding:18px 40px 12px; background:#f28935; color:#fff; font-size:26px; line-height:100%; font-family:BrandonText-Medium; text-transform:uppercase; display:inline-block; }
.button a:hover { background:#43a4aa; }
.button span { padding:0 5px; }
.button span:before { content:""; display:inline-block; border-top:3px solid #fff; width:30px; height:3px; position:relative; top:-5px; z-index:1; margin:0 10px 0 0; }
.button span:after { content:""; display:inline-block; border-top:3px solid #fff; width:30px; height:3px; position:relative; top:-5px; z-index:1; margin:0 0 0 10px; }
.button input { background:none; border:0; outline:none; color:#fff; font-size:26px; line-height:100%; font-family:BrandonText-Medium; font-weight:normal; text-transform:uppercase; letter-spacing:0.035em; }

/* ===== Jobs Page ===== */
.jobs { font-size:18px; line-height:28px;  }
.jobs .left { width:260px; font-family:BrandonText-Medium; margin-right:50px; padding:40px 0; }
.jobs .left h3 { font-size:18px; line-height:28px; font-family:BrandonText-Medium; padding:40px 0 5px; }
.jobs input[type=text], .jobs input[type=email], .jobs textarea { width:190px; margin-bottom:20px; }
.jobs .fileUpload { position:relative; /* overflow:auto; */ font-family:BrandonText-Regular; font-size:21px; color:#1d1d1b; border:1px solid #ccc8c6; background:#fff; font-size:18px; padding:8px 5px 3px; width:190px; margin-bottom:20px; }
.jobs .fileUpload input.upload { position:absolute; top:0; right:0; margin:0; padding:0; font-size:20px; cursor:pointer; opacity:0; filter:alpha(opacity=0); }
.jobs #uploadFile { width:30px; border:0; padding:0; margin:0; float:right; background:#fff url(/assets/img/element-arrow.png) no-repeat right center; }
.jobs #uploadFile.selected { background:#fff url(/assets/img/sprite.png) no-repeat -567px 0; }
.jobs .button { text-align:left; position:relative; }
.jobs .button a { padding:14px 27px 8px; background:#73706e; font-size:20px; line-height:100%; }
.jobs .button a:hover { background:#f28935; }
.jobs .button span:before { border-top:2px solid #fff; margin:0 5px 0 0; }
.jobs .button span:after { border-top:2px solid #fff;  margin:0 0 0 5px; }
.jobs .button input { font-size:20px; }
.jobs .thanks { display:none; text-align:center; color:#fff; font-size:20px; line-height:100%; font-family:BrandonText-Medium; font-weight:normal; margin:0 0 25px; padding:20px 10px; background:#44a4aa; }
.jobs .right { width:550px; text-align:center; padding:65px 0 40px; }
.jobs .job .date, .jobs .job h3 { font-family:BrandonText-Medium; line-height:32px; font-weight:normal; margin:0; padding:0; text-transform:uppercase; }
.jobs .job .date { font-size:15px; color:#44a4aa; line-height:30px; }
.jobs .job { margin:0 0 40px; }
.jobs label.error { color:red; text-align:left; margin-top:-15px; margin-bottom:5px; font-style:italic; font-size:11px; }
.jobs .fileUpload label.error { position:relative; top:27px; left:-5px; }

/* ===== Blog Styles ===== */
.blog .wrapper3 { padding:65px 0 0; width:870px; position:relative; }
.blog ul.cats { margin:0; padding:0; list-style:none; float:left; }
.blog ul.cats li { float:left; padding:5px 0 0; }
.blog ul.cats a { color:#736f6e; font-size:15px; line-height:23px; margin-right:16px; text-transform:uppercase; font-family:BrandonText-Medium; font-weight:normal; letter-spacing:0.03em; }
.blog ul.cats a:hover, .blog ul.cats li.active a { color:#1d1d1b; }
.blog ul.cats2 { margin:0 0 60px; padding:0; list-style:none; text-align:center; }
.blog ul.cats2 li { display:inline; padding:5px 0 0; }
.blog ul.cats2 a { color:#736f6e; font-size:15px; line-height:23px; margin:0 8px; text-transform:uppercase; font-family:BrandonText-Medium; font-weight:normal; letter-spacing:0.03em; }
.blog ul.cats2 a:hover, .blog ul.cats2 li.active a { color:#1d1d1b; }
.blog .search { float:right; width:212px; }
.blog .search input[type=text] { border:1px solid #e5e3e2; font-size:18px; line-height:23px; width:153px; color:#9b9893; padding:5px 45px 0px 10px; background:#fff url(/assets/img/element-search.png) 93% 50% no-repeat !important; }
#grid { margin-bottom:40px; margin-top:32px; text-align:justify; font-size:0.1px; width:800px; }
#grid li { display:inline-block; width:235px; margin-bottom:3.5%; text-align:left; vertical-align:top; font:17px/25px BrandonText-Regular; }
#grid li img, #grid li span { display:block; margin:0 0 20px; }
#grid .name { font-family:BrandonText-Medium; font-size:18px; line-height:22px; font-weight:normal; text-transform:uppercase; margin:0; }
#grid .date { font-family:BrandonText-Medium; font-size:13px; line-height:15px; font-weight:normal; text-transform:uppercase; margin:0 0 10px; color:#9b9893; }
#grid .teaser { color:#736f6e; }
#grid .teaser a { color:#f28935; }
#grid .teaser a:hover { color:#1d1d1b; }
#grid:after { content: ''; display: inline-block; width: 100%; border-top:1px dashed #fff; }
#grid .placeholder { padding: 0; border-top:1px solid #fff; }
#grid .paginate { font-family:BrandonText-Medium; font-size:17px; text-transform:uppercase; color:#43a4aa; }
#grid .paginate span { font-size:17px; text-transform:uppercase; color:#dfdfdf; }
#grid .paginate a { color:#43a4aa; }
.blog .topper { margin:0 auto; width:184px; height:124px; text-align:center; background:url(/assets/img/sprite.png) -587px 28px no-repeat; }
.blog .topper a { color:#1d1d1b; text-transform:uppercase; display:block; height:124px; font-family:BrandonText-Medium; cursor:pointer; }
.blog .topper a:hover { color:#43a4aa; }
.blog section { width:790px; margin:0 auto; }
.blog section h2 { text-transform:uppercase; color:#43a4aa; text-align:center; font:55px/58px BrandonText-Regular; margin:0; }
.blog section .date { text-align:center; text-transform:uppercase; color:#9b9893; font:13px/15px BrandonText-Regular; margin:0 0 25px; }
.blog section .feature { text-align:center; margin:0 auto 50px; }
.blog section .cycle-slideshow { text-align:center; margin:0 auto 50px; height:480px; }
.blog section .cycle-pager { text-align:right; width:100%; position:relative; overflow:hidden; }
.blog section .cycle-pager span { font-family:arial; font-size:40px; width:16px; height:16px; display:inline-block; color:#ddd; cursor:pointer; }
.blog section .cycle-pager span.cycle-pager-active { color:#9b9793; }
.blog section .cycle-pager > * { cursor: pointer; }
.blog section .copy { width:570px; margin:0 auto 50px; font:18px/28px BrandonText-Medium; }
.blog.entry .topper { margin:0 auto; width:184px; height:124px; text-align:center; background:url(/assets/img/sprite.png) -270px 28px no-repeat; }
.blog.entry .topper a:hover { color:#f28935; }
.blog.entry .back { position:absolute; top:20px; left:-50px; text-transform:uppercase; font:15px/18px BrandonText-Medium; }
.blog.entry .back a { color:#736f6e }
.blog.entry .back a:hover { color:#43a4aa; }

.blog .results { text-align:center; color:#43a4aa; text-align:center; font:18px/28px BrandonText-Medium; text-transform:uppercase; }
.blog .social { padding:15px 0 0; }
.blog .social .at300b { padding:0; }
.blog .social span { float:left; width:46px; height:46px; margin-right:5px; display:block; text-indent:-9999px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; }
.blog .social .twitter { background:url(/assets/img/sprite.png) -782px 0px no-repeat; }
.blog .social .facebook { background:url(/assets/img/sprite.png) -834px 0px no-repeat; }
.blog .social .email { background:url(/assets/img/sprite.png) -886px 0px no-repeat; }
.blog .social .twitter:hover { background:url(/assets/img/sprite.png) -782px -46px no-repeat; }
.blog .social .facebook:hover { background:url(/assets/img/sprite.png) -834px -46px no-repeat; }
.blog .social .email:hover { background:url(/assets/img/sprite.png) -886px -46px no-repeat; }

.blog .no-results { font-size:28px; text-align:center; min-height:375px; }

/* ===== Menus Styles ===== */
.menus .wrapper3 { width:900px; position:relative; }
.menus .left { width:225px; margin-right:60px; font:18px/24px BrandonText-Medium; }
.menus .left h2 { font:18px/24px BrandonText-Medium; }
.menus .left ul { margin:0 0 15px; padding:0; list-style:none; }
.menus .left ul a { color:#736f6e; }
.menus .left ul a:hover { color:#43a4aa; }
.menus .left ul li.active a { color:#f28935; }
.menus .left .disclaimer { font-size:15px; line-height:17px; color:#9b9893; }
.menus .left .btn { font:12px/14px BrandonText-Bold; padding:8px 20px 5px; }
.menus .right { width:615px; text-align:center; font:18px/24px BrandonText-Medium; color:#736f6e; }
.menus .right .title2 { margin-bottom:0; }
.menus .right h3 { font-size:18px; line-height:28px; margin:0; padding:30px 0 0; font-family:BrandonText-Medium; font-weight:normal; font-style:normal; text-transform:uppercase; color:#1d1d1b; }
.menus .right span.desc { color:#9b9893; font-family:BrandonText-Regular; }
.menus .right .foods p { margin:0 0 10px; }
.menus .topper { width:184px; height:124px; text-align:center; background:url(/assets/img/sprite.png) -270px 28px no-repeat; position:absolute; bottom:0; }
.menus .topper a { color:#1d1d1b; text-transform:uppercase; display:block; height:124px; font-family:BrandonText-Medium; cursor:pointer; }
.menus .topper a:hover { color:#f28935; }

/* ===== Subscribe ===== */
#subscribe { background:#44a4aa; width:100%; padding:20px 0 15px; color:#fff; font-family:BrandonText-Medium; font-weight:normal; font-style:normal; display:none; position:relative; z-index:9999999999; }

#subscribe h4 { float:left; font-size:15px; line-height:23px; text-transform:uppercase; font-family:BrandonText-Medium; font-weight:normal; font-style:normal; margin:0; padding:10px 10px 0 55px; }
#subscribe form { float:left; width:310px; }
#subscribe input { float:left; border:0; outline:none; background:#fff; width:225px; height:40px; text-align:left; font-family:BrandonText-Medium; font-weight:normal; font-style:normal; padding:0 15px; margin:0;}
#subscribe button { float:left; width:55px; height:40px; text-align:center; line-height:40px; color:#fff; background:#f28935; font-size:16px; border:0; outline:none; padding:0; }
#subscribe label, #subscribe label.error { display:block; color:#fff; text-align:left; margin-top:5px; font-size:13px; }
#subscribe p { float:left; font-family:BrandonText-Regular; font-weight:normal; font-style:normal; font-size:17px; line-height:130%; padding:0 0 0 20px; margin:0; }
#subscribe .close { position:absolute; right:0; top:5px; }
#subscribe .close:hover { cursor:pointer; }

/* ===== Footer Only ===== */
.footer { text-align:center; color:#fff; }
.footer .copy { opacity:0.5; font-size:15px; line-height:22px; font-family:BrandonText-Medium; padding:0 0 15px; }
.footer .col { width:240px; float:left; padding:45px 0 0; }
.footer .col.first { margin-left:135px; }
.footer .col a { color:#fff; display:block; line-height:25px; }
.footer .logo { width:128px; height:82px; background:url(/assets/img/sprite.png) 0 -65px no-repeat; display:block; text-indent:-9999px; margin:15px auto 30px; }
.footer .logo a { width:128px; height:82px; display:block; }
.footer h3 { font-family:BrandonText-Medium; margin:0 0 10px; color:#fff; }
.footer a { color:#fff; }
.footer a:hover { color:#1d1d1b; }

.footer .social { width:105px; padding:15px 0 5px; margin:0 auto; }
.footer .social a { float:left; width:32px; height:30px; margin-left:3px; display:block; text-indent:-9999px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; }
.footer .social a.twitter { background:url(/assets/img/sprite.png) -458px 0px no-repeat; }
.footer .social a.facebook { background:url(/assets/img/sprite.png) -493px 0px no-repeat; }
.footer .social a.instagram { background:url(/assets/img/sprite.png) -528px 0px no-repeat; }
.footer .social a.twitter:hover { background:url(/assets/img/sprite.png) -458px -33px no-repeat; }
.footer .social a.facebook:hover { background:url(/assets/img/sprite.png) -493px -33px no-repeat; }
.footer .social a.instagram:hover { background:url(/assets/img/sprite.png) -528px -33px no-repeat; }

/* ===== Helper classes ===== */
.ir { background-color:transparent; border:0; overflow:hidden; text-indent:-9999px; }
.ir:before { content:""; display:block; width:0; height:150%; }
.hidden { display:none!important; visibility:hidden; }
.visuallyhidden { border:0; clip:rect(0000); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
.invisible { visibility:hidden; }
.clearfix:before,.clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
.clearing {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

/* ==== Select Styles ===== */
.selecter-element { *left: -999999px; position: absolute; opacity: 0; }
.selecter { display:block; margin:0 0 15px 0; position:relative; max-width:100%; z-index:1; outline:none; }
.selecter .selecter-selected { font-family:BrandonText-Regular; font-size:21px; background:#fff url(/assets/img/element-arrow.png) no-repeat right center; border:1px solid #ccc8c6; color:#1d1d1b; cursor: pointer; display:block; margin: 0; overflow:hidden; padding:8px 5px 3px; position:relative; text-overflow:clip; z-index:49; outline:none; }
.selecter .selecter-options { border:1px solid #ccc; border-width:0 1px 1px; background-color:#fefefe; display:none; left:0; margin:0; max-height:260px; overflow:auto; overflow-x:hidden; padding:0; position:absolute; top:100%; width:100%; *width:auto; z-index:50; }
.selecter .selecter-group { background: #F9F9F9; border-bottom: 1px solid #e3e3e3; color: #999; display: block; font-size:12px; padding: 5px 10px 4px; text-transform: uppercase; }
.selecter .selecter-item { background: #fff; border-bottom: 1px solid #e3e3e3; color: #333; cursor: pointer; display: block; font-size:15px; margin: 0; overflow: hidden; padding: 8px 10px; text-overflow: ellipsis; width: 100%; }
.selecter .selecter-item.selected { background: #F9F9F9; }
.selecter .selecter-item.disabled { color: #999; cursor: default; }
.selecter .selecter-item:first-child { border-radius: 0; }
.selecter .selecter-item:last-child { border-radius: 0 0 2px 2px; border-bottom: 0; }

/* Open */
.selecter.open { z-index: 3; }
.selecter.open .selecter-selected { z-index: 51; }
.selecter.open .selecter-selected, .selecter.focus .selecter-selected { background-color:#fff; border:2px solid #44a4aa; }

/* 'Cover' Positioning */
.selecter.cover .selecter-options { border-width: 1px; top: 0; }
.selecter.cover.open .selecter-selected { z-index: 49; }

/* 'Bottom' Positioning */
.selecter.bottom .selecter-options { border-width: 1px 1px 0; bottom: 100%; top: auto; }
.selecter.bottom .selecter-item:last-child { border: none; }

/* 'Bottom' + 'Cover' Positioning */
.selecter.bottom.cover .selecter-options { bottom: 0; top: auto; }

/* Scroller Support */
.selecter .selecter-options.scroller { overflow: hidden; }
.selecter .selecter-options.scroller .scroller-content { max-height: 260px; padding: 0; }

/* ===== Animations ===== */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-moz-keyframes shake{
	from{-moz-transform:translated3d(0,0,0);transform:translated3d(0,0,0)}
	20%{-moz-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0)}
	40%{-moz-transform:translated3d(0,0,0);transform:translated3d(0,0,0)}
	60%{-moz-transform:translate3d(0,7px,0);transform:translate3d(0,7px,0)}
	80%{-moz-transform:translated3d(0,0,0);transform:translated3d(0,0,0)}
}
@-webkit-keyframes shake{
	from{-webkit-transform:translated3d(0,0,0);transform:translated3d(0,0,0)}
	20%{-webkit-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0)}
	40%{-webkit-transform:translated3d(0,0,0);transform:translated3d(0,0,0)}
	60%{-webkit-transform:translate3d(0,7px,0);transform:translate3d(0,7px,0)}
	80%{-webkit-transform:translated3d(0,0,0);transform:translated3d(0,0,0)}
}
@-o-keyframes shake{
	from{-o-transform:translated3d(0,0,0);transform:translated3d(0,0,0)}
	20%{-o-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0)}
	40%{-o-transform:translated3d(0,0,0);transform:translated3d(0,0,0)}
	60%{-o-transform:translate3d(0,7px,0);transform:translate3d(0,7px,0)}
	80%{-o-transform:translated3d(0,0,0);transform:translated3d(0,0,0)}
}
@-ms-keyframes shake{
	from{-ms-transform:translated3d(0,0,0);transform:translated3d(0,0,0)}
	20%{-ms-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0)}
	40%{-ms-transform:translated3d(0,0,0);transform:translated3d(0,0,0)}
	60%{-ms-transform:translate3d(0,7px,0);transform:translate3d(0,7px,0)}
	80%{-ms-transform:translated3d(0,0,0);transform:translated3d(0,0,0)}
}
@keyframes shake{
	from{transform:translated3d(0,0,0)}
	20%{transform:translate3d(0,-7px,0)}
	40%{transform:translated3d(0,0,0)}
	60%{transform:translate3d(0,7px,0)}
	80%{transform:translated3d(0,0,0)}
}


/* ===== Media Queries ===== */

/* saf3+, chrome1+ 
@media screen and (-webkit-min-device-pixel-ratio:0) {
 body { letter-spacing:0.06em; }
}*/

@media only screen and min-width 35em {
}
@media print,-o-min-device-pixel-ratio 54,-webkit-min-device-pixel-ratio 125,min-resolution 120dpi {
}

@media screen and (min-width: 980px) {
	.selecter .selecter-item:hover,
	.selecter .selecter-item.selected:hover { background-color: #f3f3f3; }
	.selecter .selecter-item.disabled:hover { background-color: #fff; }
	.selecter:hover .selecter-selected { background-color: #fff; }
	.selecter.disabled .selecter-item:hover { background: #fff; }
}

@media screen and (max-width: 740px) {
	.selecter { max-width: 40%; }
}
@media screen and (max-width: 500px) {
	.selecter { max-width: 100%; }
}


/* ===== Print Styles ===== */
@media print{ 
	* {  background:transparent!important; color:#000!important; box-shadow:none!important; text-shadow:none!important; }
	a,a:visited { text-decoration:underline; }
	a[href]:after { content:" (" attr(href) ")"; }
	abbr[title]:after { content:" (" attr(title) ")"; }
	.ir a:after,a[href^=javascript:]:after,a[href^=#]:after { content:""; }
	pre,blockquote { border:1px solid #999; page-break-inside:avoid; }
	thead { display:table-header-group; }
	tr,img { page-break-inside:avoid; }
	img { max-width:100%!important; }
	@page { margin:.5cm; }
	p,h2,h3 { orphans:3; widows:3; }
	h2,h3 { page-break-after:avoid; }
}