body {
    font: 62.5% sans-serif, Arial, Helvetica;
    background-color: #eee;
    color: #whiteSmoke;
    text-decoration: none;

}

.container {
    width: 100%;
}

.center {
    margin: 0 auto;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

#what_cream_is {
    color: black;
    margin: 0;
    margin-right: 10px;
    padding-bottom: 45px;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.top_padding {
    padding-top: 17px;
}

.hero-unit {
    padding: 60px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    color: inherit;
    background-color: #E6E6E6;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid white;
}

UL, OL {
    list-style: none;
}

li {
    list-style-type: none;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.clr {
    clear: both;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */

.lF {
    float: left;
}

.rF {
    float: right;
}

/*------------FORM CSS TAGS------------*/

form {
    margin: 0 0 0 0;
}

input {
    font-family: sans-serif, Arial, Helvetica, Tahoma;
    font-size: 11px;
    color: #f1f1f1;
    background: #555555;
    border: 0px solid #c5c9cc;
    padding: 2px 2px;
}

textarea {
    font-family: sans-serif, Arial, Helvetica, Tahoma;
    font-size: 11px;
    color: #f1f1f1;
    background: #555555;
    border: 0px solid #a2a2a2;
}

select {
    font-family: sans-serif, Arial, Helvetica, Tahoma;
    font-size: 11px;
    color: #f1f1f1;
    background: none !important;
    background: #e5e5e5;
    border: 1px solid #a2a2a2 !important;
    border: none;
    padding: 0px;
}

radio {
    background: none;
    border: 0px solid #a2a2a2;
}

.input {
    font-family: sans-serif, Arial, Helvetica, Tahoma;
    font-size: 11px;
    color: none;
    background: none;
    border: 0px solid #a2a2a2;
}

.input-button {
    font-family: sans-serif, Arial, Helvetica, Tahoma;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 10px;
    color: #333;
    background: #dbdbdb url(../img/buttonBg.gif) top left repeat-x;
    border: 0px solid #bc8d03;
}

.container_12,
.container_16,
.container_24 {

}

.container_12 {
    background-image: url(../img/12_col.gif);
}

.container_16 {

}

.container_24 {
    background-image: url(../img/24_col.gif);
}

#top_section {
    height: 83px;
    margin: 0 auto;
    background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 70%, from(#ffffff), to(#f5f5f5));
    background: -moz-linear-gradient(#ffffff, #f5f5f5 70%);
    background: linear-gradient(#ffffff, #f5f5f5 70%);
    -pie-background: linear-gradient(#ffffff, #f5f5f5 70%);
    
}

#kirnu_logo {
    width: 300px;
    height: 54px;
    float: left;
    margin: 10px 0 0 0;
}

#menu {
    font-weight: bold;
    float: right;
    margin-top: 34px;
    font: 16px sans-serif, Arial, Helvetica, Arial, Helvetica, sans-serif;
    color: #333333;
}

nav {

    text-align: center;
}

.menu-container{
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-transition: opacity .218s;
    transition: opacity .218s;
    background: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    cursor: default;
    font-size: 13px;
    margin: 0;
    outline: none;
    padding: 6px 4px;
    position: absolute;
}

nav ul ul {
    display: none;
}

nav ul li:hover > ul {
    display: block;
}


nav ul {
    padding: 0 0px;
    list-style: none;
    position: relative;
    display: inline-table;
}
nav ul:after {
    content: ""; clear: both; display: block;
}

nav ul li {
    float: left;
}
nav ul li:hover {


}


nav ul li a {
    display: block; padding: 0px 20px;
    color: #757575; text-decoration: none;
}


nav ul ul {
    background: #ccc;

    position: absolute; top: 100%;
}
nav ul ul li {
    float: none;

    position: relative;
}
nav ul ul li a {
    padding: 10px 42px;
    color: #fff;
}
nav ul ul li a:hover {
    background: #eee;
}

nav ul ul ul {
    position: absolute; left: 100%; top:0;
}

.nav {
    float: right;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 1px #dedede;

}

.nav li {
    margin: 0;
    padding: 0 0px;
    list-style: none;
    text-shadow: 1px 1px 1px #dedede;
}

.nav li a {
    display: block;
    height: auto;
    vertical-align: middle;
    text-decoration: none;
    line-height: 12px;
    color: #616161;
    font-weight: normal;
    font-size: 16px;
}

.nav li a.selected {
    text-decoration: none;
    color: #4f8ebf;
    font-weight: normal;
    font-size: 14px;
    text-shadow: 1px 1px 1px #dedede;
}

.nav li.partition-line {
    background-color: #a3a3a3;
    width: 1px;
    height: 11px;
    text-shadow: 1px 1px 1px #dedede;
    padding: 0;
}

/*----- Top Section End -----*/

/*----- Header Section Start -----*/
#header_section {
    height: 464px;
    margin: 0 auto;
    background-color: #4d9fc2;
    background: url(../img/header_back_bg.png) left top repeat-x;
}

#header_section_mobile {
    height: 616px;
    margin: 0 auto;
    background-color: #4d9fc2;
    background: url(../img/header_back_bg.png) left top repeat-x;
}

.header_content {

    height: 464px;
    margin: 0 auto;
    border-top: 1px solid #4F8EBF;
}

.header_banner {
    width: 930px;
    height: 324px;
    margin: 0 auto;
}

.header_banner_content {
    width: 500px;
    height: 464px;
    float: left;
}

.kirnu_2_logo {
    width: 230px;
    height: 62px;
    float: left;
    padding-top: 39px;
    padding-left: 0px;
}

.header_banner_text {
    width: 500px;
    float: left;
    font-family: "Frutiger LT 77 BlackCn";
    font-size: 4.5em;
    text-align: left;
    color: #ffffff;
    padding-top: 28px;
    text-shadow: 1px 1px 1px #78b7cf;
}

.header_banner_box {
    width: 430px;
    height: 63px;
    float: left;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 14px;
    text-align: left top;
    color: #ffffff;
    margin-top: 35px;
    margin-left: 15px;
    line-height: 20px;
    text-shadow: 1px 1px 1px #477585;
}

.header_butt {

}

.buy-now-form {
    color: transparent;
}



.buy-now-sale-29-bttn {
    width: 255px;
    height: 72px;
    background-image: url(../img/BuyNow_green_29.png);
    background-repeat: no-repeat;
    display: block;
}

.buy-now-sale-bttn {
    width: 255px;
    height: 72px;
    background-image: url(../img/buy_winter_sale.png);
    background-repeat: no-repeat;
    display: block;
}

.buy-now-bttn {
    width: 255px;
    height: 72px;
    background-image: url(../img/BuyNow_green.png);
    background-repeat: no-repeat;
    display: block;
}

.buy-now-bttn-blackfriday {
    width: 255px;
    height: 72px;
    background-image: url(../img/buynow_blackfriday.png);
    background-repeat: no-repeat;
    display: block;
}

.lite-version-bttn {
    width: 214px;
    height: 71px;
}

.lite-version-win-bttn {
    margin-left: 20px;
    width: 205px;
    height: 67px;
    background-size: 205px 67px;
    background-image: url(../img/win_demo.png);
    background-repeat: no-repeat;
    display: block;
}

.lite-version-mac-bttn {
    margin-left: 20px;
    width: 205px;
    height: 67px;
    background-size: 205px 67px;
    background-image: url(../img/mac_demo.png);
    background-repeat: no-repeat;
    display: block;
}

.mobile-version-bttn {
    float: left;
    width: 135px;
    height: 40px;
    background-size: 135px 40px;
    background-image: url(../img/download_applestore.png);
    background-repeat: no-repeat;
    display: block;
}


/*----- Header Section End -----*/

.headings_std {
    height: 35px;
    border-bottom: 1px #D4D4D4 solid;
    background-position: left;
    background-repeat: no-repeat;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 20px;
    font-weight: bold;
    color: #4A4C52;
    text-shadow: 1px 1px 1px #D7D8D8;
}

#content_section {
    width: 100%;
    height: auto;
    margin: 0 auto;
    /*	padding:0 0 40px 0;*/
    background-color: #EEEEEE;
}

.content_area {
    width: 930px;
    margin: 0 auto;
}

#feature_box {
    float: left;
    margin-left: 0px;

}

#feature_box_2 {
    width: 275px;
    float: left;
    margin-left: 37px;
}

#feature_box_3 {
    width: 100px;
    float: left;
    margin: 0px;
}

.more_about_box {
    width: 610px;
    float: left;
    margin: 40px 0 0 10px;
}

.feature_text_box {
    width: 275px;
    float: left;
    margin: 0 0 10px 0;
}

.more_about_text {
    width: 280px;
    height: auto;
    padding-bottom: 10px;
    float: left;
    margin: 0 0 10px 0;
    border-bottom: 1px #818181 solid;
}

.buy_now {
    width: 260px;
    height: 35px;
    float: left;
    border-bottom: 1px #D4D4D4 solid;
    background-position: left;
    background-repeat: no-repeat;
    margin-top: 0;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 20px;
    padding-left: 20px;
    color: #4A4C52;
    text-shadow: 1px 1px 1px #D7D8D8;
}

.buy_now .chord_head {
    margin-top: 0;
    background-image: none;
}

.buy_now .feature_text_box {
    width: 275px;
    float: left;
    margin: 0 0 -21px 0;
    border-bottom: 0;
}

.what_is_head {
    height: 35px;
    border-bottom: 1px #D4D4D4 solid;
    background-position: left;
    background-repeat: no-repeat;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 20px;
    font-weight: bold;
    color: #4A4C52;
    text-shadow: 1px 1px 1px #D7D8D8;
}

.chord_head {
    width: 260px;
    height: 35px;
    float: left;
    border-bottom: 1px #d4d4d4 solid;
    background-image: url(../img/text-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    margin-top: 30px;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 20px;
    font-weight: bold;
    padding-left: 20px;
    color: #4a4c52;
    text-shadow: 1px 1px 1px #d7d8d8;
}

.more_about_head {
    width: 630px;
    height: 35px;
    float: left;
    border-bottom: 1px #d4d4d4 solid;
}

.chord_feature_icon {
    width: 57px;
    height: 42px;
    float: left;
    margin: 20px 20px 10px 0;
    background: url(../img/icons.png) left top no-repeat;
}

.pattern_feature_icon {
    width: 57px;
    height: 42px;
    float: left;
    margin: 20px 20px 10px 0;
    background: url(../img/icons.png) left -53px no-repeat;
}

.sample_feature_icon {
    width: 57px;
    height: 42px;
    float: left;
    margin: 20px 20px 10px 0;
    background: url(../img/icons.png) left -104px no-repeat;
}

.feature_text {
    font-family: sans-serif, Arial, Helvetica;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
}

.read_more {
    width: 280px;
    height: 15px;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #6d6d6d;
    background: url(../img/icons.png) 260px -159px no-repeat;
    text-shadow: 1px 1px 1px #d7d8d8;
}

.read_more a {
    width: 306px;
    height: 15px;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #6d6d6d;
    text-shadow: 1px 1px 1px #d7d8d8;

}

.read_more a:hover {
    width: 306px;
    height: 15px;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    color: #424242;
    text-shadow: 1px 1px 1px #d7d8d8;
}

.about_info_sec {
    width: 930px;
    float: left;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 12px;
}

.app_img {
    width: 310px;
    height: 172px;
    float: left;
    margin: 40px 0 0 0;
}

.more_about_box {
    width: 610px;
    height: auto;
    float: right;
    margin: 40px 0 0 10px;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
}

.more_about_head {
    width: 575px;
    height: 35px;
    float: left;
    border-bottom: 1px #d4d4d4 solid;
    background-image: url(../img/text-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 20px;
    font-weight: bold;
    color: #4a4c52;
    padding-left: 20px;
    text-shadow: 1px 1px 1px #d7d8d8;
}

.more_about_text {
    width: 595px;
    float: left;
    margin: 0 0 10px 0;
    border-bottom: 1px #818181 solid;
}

.read_more_3 {
    width: 595px;
    height: 15px;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #6d6d6d;
    background: url(../img/icons.png) 578px -159px no-repeat;
    text-shadow: 1px 1px 1px #d7d8d8;
}

.read_more_3 a {
    width: 630px;
    height: 15px;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #6d6d6d;
    text-shadow: 1px 1px 1px #d7d8d8;
}

.read_more_3 a:hover {
    width: 630px;
    height: 15px;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    color: #424242;
    text-shadow: 1px 1px 1px #d7d8d8;
}

.feature_text {
    font-family: sans-serif, Arial, Helvetica;
    font-size: 12px;
    color: #4a4c52;
    line-height: 18px;
    padding: 20px 0 20px 0;
}

/*----- Content Section Ends -----*/

/*----- Footer Section Start -----*/
#footer_section {
    width: 100%;
    height: auto;
    background-color: #d7d7d7;
}

.footer_area {
    width: 930px;
    height: 150px;
    margin: 0 auto;
}

.navigation_inner {
    height: 60px;
    padding: 12px 0 0 0;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 14px;
    color: #000000;
    line-height: 50pt;
    text-align: center;
    background: url(../img/footer_nav_bg.gif) left bottom repeat-x;
    margin-top: 30px;

}

.navigation_inner .anchor {
    color: #7b7b7b;
    text-decoration: none;
    text-shadow: 1px 1px 1px #d7d8d8;

}

.navigation_inner .anchor:hover {
    color: #111111;
    text-decoration: none;
    text-shadow: 1px 1px 1px #c7c7c7;

}

.navigation_inner .anchor_act {
    color: #111111;
    text-decoration: none;
    text-shadow: 1px 1px 1px #c7c7c7;

}

.copyrights {
    width: 300px;
    height: 14px;
    float: left;
    font-size: 11px;
    color: #7b7b7b;
    margin: 25px 0 0 0px;
    font-family: sans-serif, Arial, Helvetica;
    font-size: 12px;
    color: #7b7b7b;
}

.social_facebook {
    width: 38px;
    height: 38px;
    float: left;
    margin: 20px 0 0 496px;
    background: url(../img/social.gif) left top no-repeat;
}

.social_facebook a {
    width: 38px;
    height: 38px;
    float: left;
    background: url(../img/social.gif) left top no-repeat;
}

.social_facebook a:hover {
    width: 38px;
    height: 38px;
    float: left;
    background: url(../img/social.gif) left -38px no-repeat;
}

.social_twitter {
    width: 38px;
    height: 38px;
    float: left;
    margin: 20px 0 0 10px;
    background: url(../img/social.gif) -58px top no-repeat;
}

.social_email {
    width: 38px;
    height: 38px;
    float: left;
    margin: 20px 0 0 10px;
}

.social_twitter a {
    width: 38px;
    height: 38px;
    float: left;
    background: url(../img/social.gif) -58px top no-repeat;
}

.social_twitter a:hover {
    width: 38px;
    height: 38px;
    float: left;
    background: url(../img/social.gif) -58px -38px no-repeat;
}

.social_forum {
    width: 38px;
    height: 38px;
    float: left;
    margin: 20px 0 0 10px;
    background: url(../img/social.gif) -116px top no-repeat;
}

.social_forum a {
    width: 38px;
    height: 38px;
    float: left;
    background: url(../img/social.gif) -116px top no-repeat;
}

.social_forum a:hover {
    width: 38px;
    height: 38px;
    float: left;
    background: url(../img/social.gif) -116px -38px no-repeat;
}

#footer {
    width: 630px;
    height: 60px;
}