/*****************/
/* COMMON STYLES */
/*****************/
*{margin:0;padding:0;border:0;}
.of{display:none;}
.border{border:1px solid #fff;border-width:1px 0;}

html,body,#wrap{height:100%;}
body > #wrap{height:auto;min-height:100%;}
body{margin:auto;background:#0c0c0d url(images/bg_main.jpg) repeat-x;}
hr{height:1px;margin: 0 0 20px 0;background:url(images/bg_hr.png) repeat-x;}

/* FLOATS */
.floatLeft{float:left;}
.floatRight{float:right;}
.right{float:right;}
.floatMiddle{text-align:center;margin:0 auto;}
.clearer{clear:both;}
div.clearer{clear:both;height:57px;}

/* PADDINGS */
.leftPad{padding:0 0 0 60px;}
.middlePad{padding:0 35px 0 10px;}
.rightPad{padding:0 60px 0 35px;}
.pad30x0{padding:30px 0 0 0;}
.blog .leftPad{width:540px;}
.front .leftPad{padding:0 0 0 45px;}

/* TYPOGRAPHY */
body,p,div,td,th,li{font:12px/18px HelveticaNeue,helvetica,sans-serif;color:#878787;text-align:left;}

p{margin:10px 0;}
.first{margin-top:0;}
.ingress{font-weight:bold;margin-bottom:15px;}

a,a:visited{text-decoration:none;color:#3093ed;}
a:hover,a:active{text-decoration:underline;color:#FFF;}
a:focus {outline:none;}
.blog-post h2 a{text-decoration:none;color:#cfcfcf;}
.blog-post h2 a:hover{text-decoration:underline;color:#FFF;}

h1{font:24px/34px Georgia,times,serif;font-weight:normal;margin:0 0 0 0;color:#f6f6f6;}
h2{font:18px/22px Georgia,times,serif;font-weight:normal;margin:0 0 0 0;color:#f2f2f2;}
h3{font:14px/24px HelveticaNeue,helvetica,sans-serif;font-weight:bold;color:#f2f2f2;margin:0 0;}
h4{font:12px/20px HelveticaNeue,helvetica,sans-serif;font-weight:bold;color:#f2f2f2;margin:0 0 0 0;padding:2px 0 0 0;position:relative;left:-2px;}
h1.bird{font-size:28px;background:url(images/tinybird_pink.png) no-repeat;padding:23px 0 0 6px;position:relative;left:-6px;margin:0;}

.appTitle h1{font:26px/36px Georgia,times,serif;margin:0;}
.appTitle h2{font:11px/13px Georgia,times,serif;margin:0;text-transform:uppercase;}
.iphoneApp{background:url(images/iphoneapp.png) no-repeat;}

#message{font: 22px/32px Georgia,times;margin:43px 0;text-align:center;color:#cfcfcf;}

.blue{color:#3093ed;}

/* FORMS AND BUTTONS */
.input{width:308px;height:13px;background:#333 url(images/bg_form.jpg) no-repeat;color:#ccc;margin:2px 0;padding:5px;-moz-opacity: 0.5;filter:alpha(opacity=50);opacity:0.5;}
.two{background-position: 0 -60px;}
.thr{background-position: 0 -120px;}
.four{background-position: 0 -180px;}
.btnSubmit{background:url(images/form_bird.png) no-repeat;height:24px;color:#FFF;padding-left:30px;margin-bottom:5px;cursor:pointer;float:right;}
.btnSubmit:hover{text-decoration:underline;}
textarea{width:435px;height:200px;background:#333 url(images/bg_form.jpg) no-repeat;color:#ccc;padding:5px;margin:2px 0;filter:alpha(opacity=50);opacity:0.5;}
.form p{margin:0 0 15px 0;color:#FFF;font-weight: bold;}
.form p.notice{font-weight:normal;font-style:italic;}



/********************/
/* STRUCTURE STYLES */
/********************/
#container{position:relative;margin:0 auto;width:1083px;text-align:center;background:url(images/bg_hilite.jpg) no-repeat;padding-bottom:152px;}
#topBar{height:25px;width:100%;position:fixed;left:0;top:0;border-bottom:1px solid #383838;z-index:5;}
.trans{height:25px;width:100%;position:absolute;left:0;top:0;background:#000;-moz-opacity: 0.9;filter:alpha(opacity=90);opacity:0.9;z-index:6;}


/* NAVMENU */
#navMenu{position:relative;margin:0 auto;width:960px;}
#navMenu ul{height:30px;display:table;_display:inline;list-style:none;float:right;white-space:nowrap;z-index:10;position:relative;}
#navMenu ul li{height:30px;display:table-cell;background:url(images/nav_div.png) no-repeat right top;float:left;padding:2px 23px 0 23px;}
#navMenu ul li.last{background:none;padding-right:0;}
#navMenu ul li a{height:30px;display:block;}

#navMenu ul li a#home{background:url(images/nav_home_on.png) no-repeat top center;width:28px;}
#navMenu ul li a#home:link,
#navMenu ul li a#home:visited{background:url(images/nav_home_of.png) no-repeat top center;width:28px;}
#navMenu ul li a#home.active,
#navMenu ul li a#home:active,
#navMenu ul li a#home:hover{background:url(images/nav_home_on.png) no-repeat top center;}

#navMenu ul li a#mac{background:url(images/nav_mac_on.png) no-repeat top center;width:26px;}
#navMenu ul li a#mac:link,
#navMenu ul li a#mac:visited{background:url(images/nav_mac_of.png) no-repeat top center;width:26px;}
#navMenu ul li a#mac.active,
#navMenu ul li a#mac:active,
#navMenu ul li a#mac:hover{background:url(images/nav_mac_on.png) no-repeat top center;}

#navMenu ul li a#iphone{background:url(images/nav_iphone_on.png) no-repeat top center;width:43px;}
#navMenu ul li a#iphone:link,
#navMenu ul li a#iphone:visited{background:url(images/nav_iphone_of.png) no-repeat top center;width:43px;}
#navMenu ul li a#iphone.active,
#navMenu ul li a#iphone:active,
#navMenu ul li a#iphone:hover{background:url(images/nav_iphone_on.png) no-repeat top center;}

#navMenu ul li a#blog{background:url(images/nav_blog_on.png) no-repeat top center;width:26px;}
#navMenu ul li a#blog:link,
#navMenu ul li a#blog:visited{background:url(images/nav_blog_of.png) no-repeat top center;width:26px;}
#navMenu ul li a#blog.active,
#navMenu ul li a#blog:active,
#navMenu ul li a#blog:hover{background:url(images/nav_blog_on.png) no-repeat top center;}

#navMenu ul li a#store{background:url(images/nav_store_on.png) no-repeat top center;width:38px;}
#navMenu ul li a#store:link,
#navMenu ul li a#store:visited{background:url(images/nav_store_of.png) no-repeat top center;width:38px;}
#navMenu ul li a#store.active,
#navMenu ul li a#store:active,
#navMenu ul li a#store:hover{background:url(images/nav_store_on.png) no-repeat top center;}

#navMenu ul li a#contact{background:url(images/nav_contact_on.png) no-repeat top center;width:44px;}
#navMenu ul li a#contact:link,
#navMenu ul li a#contact:visited{background:url(images/nav_contact_of.png) no-repeat top center;width:44px;}
#navMenu ul li a#contact.active,
#navMenu ul li a#contact:active,
#navMenu ul li a#contact:hover{background:url(images/nav_contact_on.png) no-repeat top center;}


/* HEADER */
#header{position:relative;width:960px;height:142px;margin-top:57px;left:61px;float:left;}
#logo{background:url(images/logo_main.png) no-repeat;display:block;height:70px;width:489px;position:absolute;left:66px;top:30px;}
#postit{background:url(images/logo_postit.png) no-repeat;display:block;height:185px;width:193px;position:absolute;left:-20px;top:-15px;}
#postit a{display:block;height:185px;width:193px;}


/* FOOTER */
#footer{background:url(images/bg_footer.jpg) repeat-x;width:100%;position:relative;margin-top:-102px;height:102px;clear:both;}
#footer div.bird{background:url(images/fot_bird.png) no-repeat;margin-right:15px;height:28px;width:36px;float:left;}
div.misc{background:url(images/fot_misc.png) no-repeat center 4px;margin-right:15px;height:36px;width:28px;float:left;}
.phone{background:url(images/fot_phone.png) no-repeat;padding-left:26px;height:16px;}
#footer span{float:left;}
span.mail{background:url(images/fot_mail_long.png) no-repeat;width:130px;height:16px;float:left;}
#footer a{color:#444;text-decoration:none;}
#footer a:hover{color:#fff;text-decoration:underline;}
#footer div div{color:#444;}
#footer div div span{margin-top:17px;}
#footer div div span.div{margin-left:21px;margin-right:21px;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}


/* CONTENT */
.front .rightMenu{height:100%;width:214px;padding:15px 0 40px 30px;margin:10px 0 0 0;}
.rightMenu ul{width:184px;}
.rightMenu li{border-bottom:1px solid #212222;padding-bottom:5px;margin-bottom:5px;}
.rightMenu a{font:11px/14px HelveticaNeue,helvetica,sans-serif;font-weight:bold;color:#878787;text-decoration:none;text-transform:uppercase;}
.rightMenu a{display:block;width:174px;padding:4px 0;background:url(images/cat_arrow.png) no-repeat center right;border-bottom:1px solid #2a2a2b;}
.rightMenu a:hover{color:#FFF;}
.category a{background:url(images/folder_icon_small.png) no-repeat;background-position:0 4px;padding-left:20px;width:154px;}
.posts a,
.tags a{text-transform:none;background:none;}
.rightMenu a.more{width:auto;border:none;background:none;display:inline;margin:5px 0 0 0;color:#3093ed;float:right;}
.rightMenu h3{margin-top:0;}

.thumbs{margin-top:20px;width:540px;height:110px;}
.thumbs img{float:left;margin-right:20px;}
.thumbs img.last{margin:0;}

/* APP BOX */
.appBox{
    width:214px;
    background:url(images/bg_rightMenu.jpg) no-repeat;
    padding:15px 0 0 30px;
    margin:10px 0 0 0;
}
.appBox h3{margin-left:0px; margin-top:0;}
.appBox ul{padding-left:0px; width:184px;}
.appBox li{border-bottom:1px solid #212222;padding-bottom:8px;margin-bottom:8px;}
.appBox li{color:#7cbf53;}
.appBox li *{color:#878787;}

.harmonyBox{float:right; position:absolute; right:60px; top:390px;}
.freeButton{position:absolute;top:-10px;right:50px}


/* APP ICON */
.marginForAppIcon{margin-left:52px;}
.appIcon{position:absolute;top:6px;left:44px;}


div.btnbar{margin-top:30px;}
div.btnbar div{margin-right:60px;height:48px;width:130px}
div.btnbar div a{clear:both; height:37px;width:88px;display:block;font-size:16px;color:#f6f6f6;text-decoration:none;padding:4px 0 0 42px;line-height:16px;}
div.btnbar div a span{clear:left;font-size:10px;color:#878787;}


/* ERROR PAGE */
img.error-page{margin-top:12em;}
div.error-page{padding-bottom:0;}

/***************/
/* BLOG STYLES */
/***************/
.blog-post{}
.blog-post h2{font:26px/24px Georgia,times,serif;font-weight:normal;margin:0;color:#cfcfcf;margin-bottom:15px;}
.blog-post h3{font:14px/20px Georgia,times,serif;font-weight:normal;margin:0;color:#878787;margin-bottom:10px;}
.blog-post p{font:12px/20px HelveticaNeue,helvetica,sans-serif;color:#878787;margin-bottom:20px;}
.blog-footer{background:url(images/blog_bird.png) no-repeat left center;float:left;margin-bottom:20px;font-size:11px;}
.blog-footer .blog-cat,
.blog-footer .blog-posted-by{float:left;margin-left:35px;text-transform:uppercase;font-size:11px;}
.blog-footer .blog-posted-time{color:#3093ed;}
.blog-footer .blog-categories,
.blog-footer .blog-poster{}
.blog-footer .blog-link{float:left;margin-left:20px;text-decoration:none;text-transform:uppercase;}
.blog-footer .blog-link:hover{text-decoration:underline;}
.blog hr{clear:both;}



/********************/
/* 960px FIXED GRID */
/********************/
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width9800px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
.column {margin:0 10px;float:left;overflow:hidden;position:relative;min-height:1px;}
.row {width:960px;margin:0 auto;overflow:hidden;position:relative;}
.front .column{overflow:visible;}

.blog,
.form{margin-top:40px;}
.front{margin-top:20px;}



/****************/
/* SIFR3 STYLES */
/****************/
.sIFR-flash {visibility: visible !important;margin: 0;padding: 0;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
.sIFR-active #message{font-size:24px;line-height:34px;margin:43px 0;text-align:center;color:#cfcfcf;visibility: hidden;}


/**************/
/* Order form */
/**************/
.core-form-field-body-note { color: #878787; }