/* --------------------- Browser Reset --------------------- */

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, font, 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, optgroup, option, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100.01%; vertical-align:baseline; background:transparent; }

body { line-height:1; } 

ol, ul, dl { list-style:none; } 

blockquote, q { quotes:none; } 

:focus { outline:0; } 

ins { text-decoration:none; } 

del { text-decoration:line-through; } 

table { border-collapse:collapse; border-spacing:0; }

fieldset { border:solid 0 transparent; }


/* --------------------- HTML5 Baseline --------------------- */

article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object { display:block; margin:0; padding:0; }

a img { border:0; } 

figure { position:relative; } 

figure img { width:100%; } 

nav ul { list-style:none; } 


/* --------------------- Global Presets --------------------- */

html, body { height:100%; }

html { -webkit-font-smoothing:antialiased; } 

body { font-size:62.5%!important; line-height:1.385; font-family:sans-serif; color:#484137; *font-size:small; }

h1, h2, h3, h4, h5, h6 { text-rendering:optimizeLegibility; font-weight:bold; font-weight:800; color:#484137; }

h1 { font-size:2.6em; padding:0 0 0.4em; }

h2 { font-size:2em; padding:0 0 0.6em; }

h3 { font-size:1.8em; padding:0; }

h4 { font-size:1.5em; padding:0; }

h5 { font-size:1.3em; padding:0; }

h6 { font-size:1.3em; padding:0; }

p, ul, ol, dl { padding:0 0 1.3em; } 

p, li, dt, dd { font-size:1.3em; }

dt { font-weight:bold; }

dd { padding-bottom:1em; }

ul ul, ul ol, ul dl, ol ul, ol ol, dl ol, dl ul, dl ul, dl dl { padding:0; } 

ol { list-style:decimal; } 

ul, ul ul ul { list-style:disc; } 

ul ul, ul ul ul ul { list-style:circle; } 

li { margin-left:1.3em; } 

li li, li li li, li li li li { font-size:1em; margin-left:2em; }

li p { font-size:1em; }

strong { font-weight:bold; line-height:inherit; }

em, cite { font-style:italic; line-height:inherit; }

del, ins { line-height:1.8; }

a { text-decoration:none; }

a img { border:none; text-decoration:none; background:none; }

figcaption { font-size:1.1em; }

small { font-size:82.5%; line-height:1; }

sup, sub { height:0; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative; font-size:0.7em; padding:0 0.1em; }

sup { bottom:1.2ex; } 

sub { top:0.7ex; } 

code { font-family:Consolas, Monaco, monospace, sans-serif; padding:0.1em 0.3em 0; display:inline; background:#dedcd0; line-height:1; }

pre, kbd, samp { line-height:1.5; font-family:Consolas, monospace sans-serif; font-size:1.3em; background:#444; color:#fff; border-radius:7px; padding:1em; border-left:2em solid #555; margin-bottom:1.3em; }

pre code { background:none; color:#e9e8df; padding:0; }

pre { white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word; } /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */

blockquote { font-style:italic; font-size:1em; font-family:Georgia, Cambria, serif; padding:0 1.6em; margin:1.6em 0; border-left:5px solid #dddbcf; }

blockquote cite { font-style:normal; padding-bottom:0; }

blockquote:before, blockquote:after, q:before, q:after { content:""; content:none; }

hr { border:0; width:100%; height:1px; color:#dedcd0; background:#dedcd0; clear:both; display:block; margin:4em 0 2em; }

.ie8 hr { clear:none; width:auto; }

fieldset { background:#dedcd0; border:1px solid #cbc8b7; padding:1em 3%; line-height:1.3; margin:0 0 1.3em; font-size:1.3em; border-radius:5px; }

.ie7 fieldset, .ie8 fieldset { position:relative; margin-top:1.5em; padding-top:2em; }

fieldset ul { list-style:none; }

fieldset li, fieldset p, fieldset td, fieldset th, fieldset div label { font-size:1em; margin:0; line-height:1.8; }

button, input, select, textarea { margin:0; }  /* webkit browsers add a 2px margin outside the chrome of form elements */

legend { padding:0.5em 1em; background:#e9e8df; border:1px solid #a19e8b; border-radius:3px; color:#484137; } 

.ie7 legend, .ie8 legend { position:absolute; top:-1.1em; left:1.1em; }

label { font-weight:bold; padding:0; margin:0; }

div > label, div > input[type="text"], div > input[type="email"], div > input[type="password"] { font-size:1.3em; }

input { margin:0.2em 0 1em; font-family:MuseoSans, Arial, sans-serif; }

input[type="text"], input[type="password"], input[type="textarea"], input[type="email"], input[type="search"], textarea { vertical-align:top; padding:0.5em 1%; font-size:1em; width:98%; border:1px solid #cbc8b7; border-radius:3px; background:#fcfcfa; }

div input[type="text"], div input[type="password"], div input[type="textarea"], div input[type="email"], div input[type="search"], textarea { font-size:1em; }

input[type="text"]:hover, input[type="password"]:hover, input[type="textarea"]:hover, input[type="email"]:hover, input[type="search"]:hover, textarea:hover { border:1px solid #cbc8b7; background:#fff; }

input[type="text"]:focus, input[type="password"]:focus, input[type="textarea"]:focus, input[type="email"]:focus { background:#fcfcfa; }

input[type="checkbox"], input[type="radio"] { vertical-align:text-bottom; *vertical-align:baseline; padding:0; margin:0 0.5em 0 0; } /* align checkboxes, radios, text inputs with their label; Thierry Koblentz tjkdesign.com/ez-css/css/base.css */

input[type="submit"], input[type="reset"], input[type="button"], input[type="image"], button { width:auto; cursor:pointer; overflow:visible; vertical-align:text-bottom; *vertical-align:baseline; }

textarea { font:1em/1.5 MuseoSans, Arial, sans-serif; overflow:auto; }

select, optgroup, button { font:1em/1.5 MuseoSans, Arial, sans-serif; vertical-align:text-bottom; *vertical-align:baseline; }

select { margin-top:0.2em; width:auto; }

optgroup { padding-left:0.5em; font-style:normal; font-weight:bold; color:#666; }

option { padding-left:0.5em; color:#000; }

img, object, embed { max-width:100%; }

table { margin:0 0 3.1em; border-collapse:collapse; border-spacing:0; border:1px solid #c7c5b4; width:100%; }

th, td { border-bottom:1px solid #c7c5b4; font-size:1.3em; }

td { border-right:1px solid #c7c5b4; padding:0.7em 1%; }

th { font-weight:bold; background:#cc4213; padding:1em 1%; color:#fff; }

td, td img { vertical-align:top; }


/********************* Global Style Classes *********************/

a:link, a:visited { border-bottom:none; background:none; color:/*#4b799c*/#004973; }

a:hover, a:active { border-bottom:1px solid #e9e8df; background:none; text-decoration:none; color:#136991; }

/*a:active { margin-top:1px; }*/

.normal { font-weight:normal; }

.inline-list li { display:inline; margin-left:0; margin-right:2em; }

.inline-list dt { padding:0.5em 0 0 0; }

.inline-list dd { padding:0 0 0.5em 0; }

.rounded3 { border-radius:3px; }

.rounded5 { border-radius:5px; }

.allcaps { text-transform:uppercase; letter-spacing:0.1em; }

.border-b { border-bottom: 1px solid #dedcd0; margin-bottom:1.3em; }

figure { background:#fff; padding:3%; border:1px solid #dedcd0; margin-bottom:1.3em; border-radius:3px; }

figure img { padding-bottom:1.3em; }

figcaption h1 { font-size: 1.4em; }

.adj-img img { width:97%; }


/******************* Global Layout Classes ******************/

.left { float:left; } 

.right { float:right; }

.center { text-align:center!important; }

.right-text { text-align:right; }

.inline { display:inline; }

.block { display:block; } 

.clear { clear:both; display:block; }

.clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; visibility:hidden; }

.clearfix:after { clear:both; } 

.clearfix { zoom:1; }

  
/********************* Status Notification ********************/

.status { padding:0.5em 1em 0.4em; display:block; background:#e9e8df; margin-bottom:1.3em; color:#2c2b26; border-radius:5px; }

.status a { text-decoration:underline; }

.status.note { background:#dde4e8; border:1px solid #b6c7d1; color:#1c2e39; } /* blue */

.status.note a { color:#477390; }

.status.success { background:#e5eccf; border:1px solid #b8cb81; } /* green */

.status.success a { color:#6c7c3b; }

.status.warning { background:#ffe6be; border:1px solid #f6af3c; } /* yellow */

.status.warning a { color:#967123; }

.status.error { background:#f0c9b8; border:1px solid #e29376; } /* red */

.status.error a { color:#872b0c; }

.status.waiting { background:#dddbcf; border:1px solid #a19e8b; } /* gray(ish) */

.status.waiting a { color:#484137; }

.status.small { font-size:1.2em; }

  
/**************************** Buttons****************************/

a.button, input.button { padding:0.8em 1.6em; border-radius:3px; background:#dedcd0; color:#484137; text-shadow:0 1px 1px #fcfcf9; box-shadow:0 -1px px #716d58; display:inline-block; border:1px solid #a19e8b; vertical-align:middle; }

a.button:hover, input.button:hover { background:#c8c5b4; }

a.button:active, input.button:active { background:#a19e8b; }

a.button.small { padding:0.5em 0.9em; font-size:80%; text-shadow:none; font-weight:bold; }

a.button.large { padding:0.8em 1.8em; border-radius:5px; font-size:1.5em; }

span.button-smalltext { font-size: 70%; text-align: center; display:block; text-shadow:none; }

/***************************** Stats *****************************/

.stat { background:#3c5e72; border-radius:9px; }

.stat ul, .stat p { list-style:none; padding:1em; }

.stat li { text-align:center; margin:0; color:#f4f3ed; font-weight:bold; }

.stat p { text-align:center; }

.stat a { background:#b6c7d1; border-radius:20px; color:#3c5e72; padding: 0.1em 1em; }

/*********************** Responsive Layout ***********************/

/* Inspired by Ethan Marcotte's Responsive Web Design, using customized combinations of Andy Clark's "320 and Up" (stuffandnonsense.co.uk/projects/320andup), Andy Taylor's 1140 grid system (cssgrid.net), and Nicole Sullivan's Object-Oriented CSS (github.com/stubbornella/oocss) */


/************************** 320px and up *************************/

body { background:#f4f3ed url(../img/bkgd-texture.jpg) 0 0 repeat; }

.row:after, .line:after, .last:after { clear:both; display:block; visibility:hidden; overflow:hidden; height:0!important; line-height:0; font-size:xx-large; content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "; }

.row { padding:0 3%; } /* window-width with a little window padding */

.rowcontent { width:100%; max-width:880px; margin:0 auto; padding:2em 0; } /* the container in .row */

.line { width:100%; *zoom:1; margin-bottom:1.2em; } /* container-width */

footer { clear:both; margin-top:2em; position:relative; padding:1em 3%; }

footer a:link, footer a:visited { border-bottom:none; background:none; color:#29abe2; }

footer a:hover, footer a:active { border-bottom:1px solid #e9e8df; background:none; text-decoration:none; color:#4d4d4d; }

footer ul { list-style:none; }

footer li { margin:0 2em 0 0; float:left; display:inline; font-size:1.1em; }

footer .rowcontent { border:none; }

/* misc */

#header { background:#484137 url(../img/noise.png); border-top:1px solid #2c2b27; border-bottom:2px solid #2c2b27; }

#header header { border-bottom:none 0; padding:1.5px 0; }

h1#logo { width:130px; height:38px; background:transparent url(../img/nuferral-sprite.png) no-repeat 0 0; margin:0.3em auto 0.2em; }

h1#logo a { display:block; width:130px; height:0; padding-top:48px; overflow:hidden; border:none; text-decoration:none; background:none; }

h1#logo span { display:none; }

#global { float:none; clear:both; padding:0; margin:0; }

#global ul { padding:0; margin:0; text-align:center; }

#global li { display:inline; margin:0; color:#f4f3ed; font-size:1em; }

#global a { background:#2C2B27 url(../img/noise.png); border:1px solid #222; color:#fcfcf9; width:auto; padding:0.5em 1em; text-align:center; display:inline-block; vertical-align: middle; border-radius:3px; font-weight:bold; }

#global a:hover { background:#a4bd5e url(../img/noise.png); color:#333; }

#global a:active { background:#b1bd8e url(../img/noise.png); color:#333; }

#global a.selected { background:#6c7c3b url(../img/noise.png); }

.box1of1, .box1of2, .box1of3, .box2of3, .box1of4, .box3of4, .box1of5, .box2of5, .box3of5, .box4of5,
.box1of1-gutter, .box1of2-gutter, .box1of3-gutter, .box2of3-gutter, .box1of4-gutter, .box3of4-gutter, .box1of5-gutter, .box2of5-gutter, .box3of5-gutter, .box4of5-gutter 
{ width:94%; float:none; padding:1.3em 3%; margin-bottom:1.3em; background:#cbc8b7; }

.deck { font-size:1.7em; font-weight:bold; padding-bottom:1em; }

dl div { visibility:hidden; height:0; }

a.showcode { visibility:hidden; }

.selected { cursor:default; }

input[type="submit"], input[type="reset"], input[type="button"], input[type="image"], button { background:#6c7c3b; border:1px solid #414b25; color:#fff; text-shadow:none; }

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="image"]:hover, button:hover { background:#879a49; }

input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, input[type="image"]:active, button:active { background:#a3bc5d; }

#steps { margin-top:-3em; }

#steps p { padding-bottom:0.1em; }

#steps div { padding-top:1em; }

/*#cast dt, #cast dd { padding-left:62px; overflow:visible; }
#cast dt#business { background:transparent url(../img/cast-business.png) 0 0 no-repeat; }
#cast dt#regular { background:transparent url(../img/cast-regular.png) 0 0 no-repeat; }
#cast dt#nubi { background:transparent url(../img/cast-nubi.png) 0 0 no-repeat; }
#cast dt#deal { background:transparent url(../img/cast-deal.png) 0 0 no-repeat; }
#cast dt#goal { background:transparent url(../img/cast-goal.png) 0 0 no-repeat; }*/

.nomobile { display:none; }

#ctl00_contentMain_txbEmailAddresses { font-size:1.3em; } /* ReferFromEmail.aspx textbox */

.nobullets { list-style:none; }

.nobullets li { margin:0; }

article.legal { padding:2em 3%; }

article.legal dl h3, article.legal dl p, article.legal dl li, article.legal li h5, article.legal li p { font-size:1em; }

/* Customer Dashboard */

#cust-dashboard-view { float:right; }

#cust-dashboard-view li { font-size:1.2em; }

#cust-dashboard-view li a { color:#736357; }

#cust-dashboard-view li a.selected { color:#cc4213; font-weight:bold; }

#cust-dashboard-main { border-top:1px solid #dedcd0; }

#cust-dashboard-main table { border:1px solid #dedcd0; }

#cust-dashboard-main th { padding:0.75em; background:#484137; text-align:left; vertical-align:bottom; border-right:1px solid #716d58; }

#cust-dashboard-main td { border:none; border-bottom:1px solid #dedcd0; background:#fcfcf9; padding:0.75em; vertical-align:middle; }

#cust-dashboard-main a.circle { background:#716d58; border-radius:3em; color:#fcfcf9; padding:0.2em 0.6em; }

#cust-dashboard-main tr.acc_trigger:hover td, #cust-dashboard-main tr.expand:hover td { background:#eaeef0; cursor:pointer; }

#cust-dashboard-main a { text-decoration:none; border:none; color:#484137; }

#cust-dashboard-main .location { color:#a19e8b; font-size:1em; }

#cust-dashboard-main .acc_container td { vertical-align:top; border-top:none; background:#fff; }

#cust-dashboard-main .acc_container td li { font-size:1em; }

#cust-dashboard-main tr.active td { border:none; background:#fff; }

#cust-dashboard-main tr.acc_container:hover td, #cust-dashboard-main tr.active:hover td { background:#fff; }

#cust-dashboard-main tr.active td.rewards, #cust-dashboard-main tr.acc_container td.rewards { background:#e5eccf; }

#cust-dashboard-main tr.active td.rewards, .expand.active .title { font-weight:bold; }

#cust-dashboard-main .inline-list { font-size:0.9em; }

#cust-dashboard-main .inline-list a { color:#4b799c; text-decoration:underline; }

#cust-dashboard-main .small { font-size:0.8em; }

#cust-dashboard-main .friends { list-style:none; }

#cust-dashboard-main .friends li { border-top:1px solid #dedcd0; margin:0; padding:0.5em 0.9em; }

tr.active .company_name { font-size:1.4em; }

a.secondary, span.secondary, #cust-dashboard-main a.secondary { vertical-align:middle; padding:0 0.5em 0.5em; color:#4b799c; text-decoration:underline; } /* for secondary actions text next to primary action buttons, e.g. [ Primary Button ] Secondary Text */

a.small { font-size:0.8em; }

p.small { font-size:94%; }

#join fieldset input[type="radio"] { margin-top:0.5em; }

#join fieldset div label { line-height:1; }

/* Plans & Pricing */

table#plans th, table#plans td { vertical-align:middle; }

table#plans td { text-align:center; }

tr.prices td { font-size:3em; color:#cc4213; font-weight:bold; text-align:center; line-height:0.7; }

tr.prices td small { font-size:0.5em; color:#c7c5b4; line-height:1.2; }


.biz label { font-size:1.3em; font-weight:normal; }


/* Maps */

.mapresults { border-left:2px solid #dedcd0; padding-left:3%; }

.li_container ul li { margin-bottom:1.2em; }

#map_canvas { height:200px; border:4px solid #fff; }


/* Media Queries */


/*************************** 480px *****************************/

@media only screen and (min-width:420px) {

/* 'col' class is a responsive block-level width */

.col1of2 .col1of2, .col1of3 .col1of2, .col2of5 .col1of2, .col3of5 .col1of2,
.col1of2-gutter .col1of2, .col1of3-gutter .col1of2, .col2of5-gutter .col1of2, .col3of5-gutter .col1of2, 
.col1of2 .col1of2-gutter, .col1of3 .col1of2-gutter, .col2of5 .col1of2-gutter, .col3of5 .col1of2-gutter,
.col1of2-gutter .col1of2-gutter, .col1of3-gutter .col1of2-gutter, .col2of5-gutter .col1of2-gutter, .col3of5-gutter .col1of2-gutter
{ float:left; width:50%; }

/* 'box' class is a responsive padded container, intended for containers with a bkgd */

.box1of2 .box1of2, .box1of3 .box1of2, .box2of5 .box1of2, .box3of5 .box1of2,
.box1of2-gutter .box1of2, .box1of3-gutter .box1of2, .box2of5-gutter .box1of2, .box3of5-gutter .box1of2, 
.box1of2 .box1of2-gutter, .box1of3 .box1of2-gutter, .box2of5 .box1of2-gutter, .box3of5 .box1of2-gutter,
.box1of2-gutter .box1of2-gutter, .box1of3-gutter .box1of2-gutter, .box2of5-gutter .box1of2-gutter, .box3of5-gutter .box1of2-gutter
{ float:left; width:44%; padding:1.3em 3%; }

#global li { font-size:1em; }

#intro { margin-top:-30px; }

dl div { visibility:visible; float:left; padding-right:1em; width:30%; height:auto; }

.deal_img { float:left; width:47%; margin-right:3%; }

}


/*************************** 768px *****************************/

@media all and (min-width:662px) {

.last { display:table-cell; float:none; width:auto; *display:block; margin-right:0; *zoom:1; _position:relative; } /* this class must appear before width/float definitions (for ie) */

.col1of2, .col1of3, .col2of3, .col2of5, .col3of5, .col1of2-gutter, .col1of3-gutter, .col2of3-gutter, .col2of5-gutter, .col3of5-gutter  { float:left; }

.col1of1 { width:100%; float:none; }

.col1of2 { width:50%; }

.col1of3 { width:33.33333%; }

.col2of3 { width:66.66666%; }

.col2of5 { width:40%; }

.col3of5 { width:60%; }

.col1of2.gutter { width:47%; margin-right:3%; }

.col1of3.gutter { width:30.33333%; margin-right:3%; }

.col2of3.gutter { width:63.66666%; margin-right:3%; }

.col2of5.gutter { width:37%; margin-right:3%; }

.col3of5.gutter { width:57%; margin-right:3%; }

.col1of2-gutter { width:47%; margin-right:3%; }

.col1of3-gutter { width:30.33333%; margin-right:3%; }

.col2of3-gutter { width:63.66666%; margin-right:3%; }

.col2of5-gutter { width:37%; margin-right:3%; }

.col3of5-gutter { width:57%; margin-right:3%; }

.box1of2, .box1of3, .box2of3, .box1of4, .box3of4, .box1of5, .box2of5, .box3of5, .box4of5,
.box1of2-gutter, .box1of3-gutter, .box2of3-gutter, .box1of4-gutter, .box3of4-gutter, .box1of5-gutter, .box2of5-gutter, .box3of5-gutter, .box4of5-gutter
{ float:left; padding:1.3em 3%; margin-bottom:0; }

/*.ie8 .box1of2, .ie8 .box1of3, .ie8 .box2of3, .ie8 .box1of4, .ie8 .box3of4, .ie8 .box1of5, .ie8 .box2of5, .ie8 .box3of5, .ie8 .box4of5 { padding-bottom:0; }*/

.box1of2 { width:44%; }

.box1of3 { width:27.33333%; }

.box2of3 { width:60.66666%; }

.box2of5 { width:34%; }

.box3of5 { width:54%; }

.box1of2.gutter { width:41%; margin-right:3%; }

.box1of3.gutter { width:24.33333%; margin-right:3%; }

.box2of3.gutter { width:57.66666%; margin-right:3%; }

.box2of5.gutter { width:31%; margin-right:3%; }

.box3of5.gutter { width:51%; margin-right:3%; }

.box1of2-gutter { width:41%; margin-right:3%; }

.box1of3-gutter { width:24.33333%; margin-right:3%; }

.box2of3-gutter { width:57.66666%; margin-right:3%; }

.box2of5-gutter { width:31%; margin-right:3%; }

.box3of5-gutter { width:51%; margin-right:3%; }

.box1of4 { width:19%; }

.box3of4 { width:69%; }

.box1of2.gutter { width:41%; margin-right:3%; }

.box1of3.gutter { width:24.33333%; margin-right:3%; }

.box2of3.gutter { width:57.66666%; margin-right:3%; }

.box1of4.gutter { width:16%; margin-right:3%; }

.box3of4.gutter { width:66%; margin-right:3%; }

.box1of2-gutter { width:41%; margin-right:3%; }

.box1of3-gutter { width:24.33333%; margin-right:3%; }

.box2of3-gutter { width:57.66666%; margin-right:3%; }

.box1of4-gutter { width:16%; margin-right:3%; }

.box3of4-gutter { width:66%; margin-right:3%; }

/* misc */

h1#logo { float:left; margin:0.5em 0; padding:0; }

#global { clear:none; float:right; padding-top:1.3em; margin-top:0.5em; }

#global li { display:inline; margin:0 0 0 1em; }

#global a { padding:0.5em 1.6em; width:auto; }

#intro { margin-top:-60px; }

dl div { float:none; padding-right:0; width:auto; }

.nomobile { display:inline; }

.nav_login { background:#2c2b27; border-radius:5px; padding:0.5em 1em; margin-top:-0.5em; }

#business-dashboard-admin { margin-top:-4em; background:#2c2b27; color:#dedcd0; }

.business-dashboard-module li { border-bottom:1px solid #a19e8b; }

.business-dashboard-module li a.button { background:#e9e8df; }

hr.arrow-right { border-bottom:1px solid #dedcd0; height:2em; width:100%; clear:both; display:block; margin:0 0 2em; background:transparent url(../img/arrow-right.png) right top no-repeat; }

/* Deals (662px+) */

.deal_img { float:left; width:50%; margin-right:3%; }

.deal { float:left; width:50%; }

#footer { background:transparent url(../img/footer-town-bkgd.jpg) center top no-repeat; padding-top:220px; }

.ie8 #footer { padding-top:110px; padding-bottom:0; }

#footer p { text-align:center; margin-bottom:0; }

}


/*************************** 992px *****************************/

@media only screen and (min-width:992px), screen and (orientation:landscape) {
  
body { font-family:MuseoSans, Arial, sans-serif; }

.col1of4, .col3of4, .col1of5, .col4of5, 
.col1of4-gutter, .col3of4-gutter, .col1of5-gutter, .col4of5-gutter
{ float:left; }

.col1of4 { width:25%; }

.col3of4 { width:75%; }

.col1of5 { width:20%; }

.col4of5 { width:80%; }

.col1of2.gutter { width:47%; margin-right:3%; }

.col1of3.gutter { width:30.33333%; margin-right:3%; }

.col2of3.gutter { width:63.66666%; margin-right:3%; }

.col1of4.gutter { width:22%; margin-right:3%; }

.col3of4.gutter { width:72%; margin-right:3%; }

.col1of5.gutter { width:17%; margin-right:3%; }

.col4of5.gutter { width:77%; margin-right:3%; }

.col1of2-gutter { width:47%; margin-right:3%; }

.col1of3-gutter { width:30.33333%; margin-right:3%; }

.col2of3-gutter { width:63.66666%; margin-right:3%; }

.col1of4-gutter { width:22%; margin-right:3%; }

.col3of4-gutter { width:72%; margin-right:3%; }

.col1of5-gutter { width:17%; margin-right:3%; }

.col4of5-gutter { width:77%; margin-right:3%; }

.box1of5 { width:14%; }

.box4of5 { width:74%; }

.box1of5.gutter { width:11%; margin-right:3%; }

.box4of5.gutter { width:71%; margin-right:3%; }

.box1of5-gutter { width:11%; margin-right:3%; }

.box4of5-gutter { width:71%; margin-right:3%; }


/* misc */

#header { padding:1em 0; border:none; border-bottom:3px solid #2c2b27; }

.ie8 #header { padding-bottom:0; }

#global ul { padding-bottom:2em; }

.ie8 #global ul { padding-bottom:0; }

#global li { font-size:1.2em; }

#global a { margin:0.5em 0; padding:0.5em 1.4em; width:auto; background:none; border:none; color:#fcfcfa; }

#global a:hover { color:#cdff3c; background:none; border:none; }

#global a.selected { color:#f4f3ed; background:none; border:none; }

.deck { font-size:2em; }

a.showcode { visibility:visible; }

h1 { font-family:MuseoSans900, 'Arial Black', sans-serif; font-weight:normal; font-size:4em; padding:0.2em 0 0.7em; letter-spacing:-1px; color:#487391; }

.black { font-family:MuseoSans900, 'Arial Black', sans-serif; font-weight:normal; }

/* Deals (662px+) */

.deal_img { float:left; width:21%; margin-right:4%; }

.deal { float:left; width:75%; }

.deal_img img { border:1px solid #dedcd0; padding:0.4em; background:#e9e8df; }

.deal h2 { font-family:MuseoSans900, 'Arial Black', sans-serif; font-weight:normal; color:#716d58; }

.company_info, .sidebar_text { font-size:1.2em; line-height:1.6; padding-top:0.1em; }

.stat .number { font-size:3em; letter-spacing:normal; font-family:MuseoSans900, 'Arial Black', sans-serif; font-weight:normal; padding:0; margin:0; line-height:1; }

}


/*************************** 1382px *****************************/

@media only screen and (min-width:1382px) {
  
.rowcontent { max-width:1140px; } /* the container in .row */

.box1of2, .box1of3, .box2of3, .box1of4, .box3of4, .box1of5, .box2of5, .box3of5, .box4of5,
.box1of2-gutter, .box1of3-gutter, .box2of3-gutter, .box1of4-gutter, .box3of4-gutter, .box1of5-gutter, .box2of5-gutter, .box3of5-gutter, .box4of5-gutter 
{ padding:2em 3% 1.6em; }
  
p, ul, ol, dl { padding:0 0 1.4em; } 

p, li, dt, dd { font-size:1.5em; }

#global li { font-size:1.3em }

h1 { font-size:4.5em; padding:0.2em 0 0.7em; }

h2 { font-size:2.8em; padding:0 0 0.6em; }

h3 { font-size:2.1em; padding:0; }

h4 { font-size:1.7em; padding:0; }

h5 { font-size:1.5em; padding:0; }

h6 { font-size:1.5em; padding:0; }

.deck { font-size:2.2em; }

}

/***************************** Layout ****************************/

.nopadding { padding:0!important; }

.padding-b0 { padding-bottom:0; }

.padding-t10 { padding-top:1em; }

.padding-t20 { padding-top:2em; }

.padding-r20 { padding-right:3%; }

.padding-b10 { padding-bottom:1em; }

.padding-l20 { padding-left:2em; }

.nomargin { margin:0!important; }

.margin-t0 { margin-top:0; }

.margin-t10 { margin-top:1em; }

.margin-t20 { margin-top:2em; }

.margin-r10 { margin-right:1em; }

.margin-r20 { margin-right:2em; }

.margin-b0 { margin-bottom:0; }

.margin-b5 { margin-bottom:0.5em; }

.margin-b10 { margin-bottom:1em; }

.margin-b20 { margin-bottom:2em; }

.margin-l10 { margin-left:1em; }

.ir { text-indent:-9999px; height:0; }

/***************************** Colors ****************************/

.light { color:#fcfcfa; }

.light_bg { background:#fcfcfa; }

.light_border { border-top:1px solid #dedcd0; border-bottom:2px solid #dedcd0; }

.brown_bg { background:#484137 url(../img/noise.png); }

.med_brown { color:#a19e8b; }

.med_dark_brown { color:#716d58; }

.blue { color:#487391; }

.darkblue { color:#136991; }

.darkgray { color:#555; }

.blue_bg { background:#487391; color:#f4f3ed; }

a.blue_bg { background:#487391; color:#fcfcfa!important; border:1px solid #3c5e72; text-shadow:0 1px 1px #5c839d; }

a.blue_bg:hover { background:#3c5e72; }

.darkblue_bg, a.darkblue_bg { background:#1c2e39; color:#f4f3ed; text-shadow:0 1px 1px #87a3b6; }

.dark_bg, a.dark_bg { background:#373735; color:#fcfcf9; }

.vlightgreen_bg { background:#e5eccf; color:#716d58; }

.mlightgreen_bg { background:#b8cb81; color:#414b25; }

.lightgreen_bg { background:#cbd9a1; }

.lightblue_bg { background:#b6c7d1; }

.green { color:#cdff3c; }

.green_bg { background:#879a49; }

a.green_bg { background:#879a49; color:#fff!important; border:1px solid #414b25; text-shadow:0 1px 1px #8fa44d; }

a.green_bg:hover { background:#6c7c3b; }

.dark-green { color:#6c7c3b; }

.orange { color:#cc4213; }

.orange_bg { background:#cc4213; }

a.orange_bg, input.orange_bg { background:#cc4213; color:#fff!important; border:1px solid #a9360f; text-shadow:0 1px 1px #d3592f; }

a.orange_bg:hover, input.orange_bg:hover { background:#d3592f; }

.green-top-border { border-top:0.4em solid #6c7c3b; }


/*********************** Pixel Ratio: 2x ************************/

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {

}


/************************* Web Fonts ****************************/

@font-face {
    font-family: 'MuseoSans';
    src: url('../fonts/museosans300.eot'); /* IE9 Compat Modes */
    src: url('../fonts/museosans300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/museosans300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/museosans300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/museosans300.svg#MuseoSans300') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSans';
    src: url('../fonts/museosans300italic.eot');
    src: url('../fonts/museosans300italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans300italic.woff') format('woff'),
         url('../fonts/museosans300italic.ttf') format('truetype'),
         url('../fonts/museosans300italic.svg#MuseoSans300Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'MuseoSans';
    src: url('../fonts/museosans700.eot');
    src: url('../fonts/museosans700.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans700.woff') format('woff'),
         url('../fonts/museosans700.ttf') format('truetype'),
         url('../fonts/museosans700.svg#MuseoSans700') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSans';
    src: url('../fonts/museosans700italic.eot');
    src: url('../fonts/museosans700italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans700italic.woff') format('woff'),
         url('../fonts/museosans700italic.ttf') format('truetype'),
         url('../fonts/museosans700italic.svg#MuseoSans700Italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'MuseoSans900';
    src: url('../fonts/museosans900.eot');
    src: url('../fonts/museosans900.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans900.woff') format('woff'),
         url('../fonts/museosans900.ttf') format('truetype'),
         url('../fonts/museosans900.svg#MuseoSans900') format('svg');
    font-weight: normal;
    font-style: normal;
}


/********************* UI Stylesheet Page  **********************/

#grid .line div { background:#dddbcf; border-radius:3px; } /* "grid" id is for ui page demonstration only. not for use in production.  */

#grid h4 { padding-bottom:0.3em; }

#grid .line p { padding-bottom:0; }

#grid .guttercolor div { background:#cbc8b7; }

.stupid { border:1px solid green; } /* for testing */

a.showcode { font-size:0.8em; color:#777!important; padding:0.2em 0.5em; border:1px solid #aaa; border-radius:20px; margin-left:0.2em; text-decoration:none; background:#fff; }

a.showcode:hover { color:#444; border:1px solid #999; background:#f7f7f7; }

.modalcode { padding:1em 1em 1em 6em; background:transparent url('../img/butler.png') 0 50% no-repeat; width:560px; }

.modalcode pre { line-height:0.4; }

.modalcode p.small { font-size:1.3em; }


/*************************** Print *****************************/

@media print {

* { background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; } 

a, a:visited { color:#444 !important; text-decoration:underline; }

a[href]:after { content:" (" attr(href) ")"; }

abbr[title]:after { content:" (" attr(title) ")"; }

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; }

@page { margin:.5cm; }

p, h2, h3 { orphans:3; widows:3; }

h2, h3 { page-break-after:avoid; }

}