/*
(c) Ambient Ringtone Design Inc. All rights reserved. Built by Nifty Cloud.
*/

/*test area*/
div#button_float {
        float: right;
        top: 20px;
        left: 320px;
        margin-top: 45px;
    margin-right: 45px;
}

ul#social_buttons {
    display: block;
    list-style-type: none;
    margin-bottom: 5px;
    margin-top: 5px;
}


/*global*/
html,body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    width: 100%;
    font: 76% Verdana,arial,sans-serif;
    text-align: center;
    background: url(layout/background.png) #6f7685; /*b4bccc*/
    background-repeat: repeat-x;
}

div {
    margin: 0px;
    padding: 0px;
}

div#container {
    width: 100%;
    margin: 0;
    padding: 0;
}

div.center {
    overflow: hidden;
    width: 842px;
    margin: 0 auto;
    text-align: center /*for IE*/
}

ul {
    margin-top: 0;
    margin-left: 0;
    padding: 0;
}

p {
    font-family: Verdana;
    font-size: 10pt; 
    font-weight: normal;
    text-decoration: none;
    color: #46526a;
}

p.content {
    font-family: Verdana;
    font-size: 10pt; 
    font-weight: normal;
    text-decoration: none;
    color: #46526a;
}

p.ringpack {
    font-family: Verdana;
    font-size: 8pt; 
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}

p.copyright {
    font-size: 9px;
    color: #333333;
}

p.copyright_left {
    font-size: 11px;
    color: #333333;
    text-align: left;
    margin: 5px;
}

.stats {
    font-family: Verdana;
    font-size: 8pt; 
    font-weight: none;
    text-decoration: none;
    color: #c6c6c6;
}

.download {
    font-family: Verdana;
    font-size: 8pt; 
    font-weight: bold;
    text-decoration: none;
    color: #ffcc00;
}

ol.ringpack li {
    font-family: Verdana;
    font-size: 8pt; 
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}

a#xx {
    color: #ffffff;
    text-decoration: none;
}

a {
    color: #333333;
    text-decoration: underline;
}

/*a:hover {
    color: #ffffff;
}*/


a {
outline: none;
}

img {
    border: none;
}

/*download now*/

div#download_button_bg {
    width: 188px;
    height: 38px;
    background: url(layout/download_button_bg.png);
}

div#sm_outer3 {
    width: 842px; /*700*/
    background: #11161d;
    display: none;
}

/*gap*/
div#gap {
    height: 25px; /*55*/
}

/*top*/
div#top {
    width: 842px; /*700*/
    height: 67px;
    background: url(layout/top_bg.png);
}

div#top_left {
    float: left;
    width: 11px;
    height: 67px;
    background: url(layout/top_left.png);
}

div#top_logo {
    float: left;
    width: 235px;
    height: 67px;
    background: url(layout/top_logo.png);
}

div#top_right_interior {
    float: right;
    margin-right: 20px;
}

#top li {
    margin-left: 30px;
    height: 67px;
    line-height: 67px;
    display: block;
    color: #ffffff;
    text-align: right;
    float: right;
    list-style: none;
}

div#top_right {
    float: right;
    width: 11px;
    height: 67px;
    background: url(layout/top_right.png);
}

div#sm_outer {
    width: 842px; /*700*/
    background: #11161d;
    display: none;
    overflow: hidden;
    text-align: left; /*for IE*/
}

div#sm_outer2 {
    width: 842px; /*700*/
    background: #11161d;
    display: none;
    overflow: hidden;
    text-align: left; /*for IE*/
}

div#sm_container {
    width: 559px; /*417*/
    padding-left: 37px;
    padding-right: 10px;
    text-align: left;
    overflow: hidden;
}

div#installation_left {
    width: 120px;
    float: left;
    margin-bottom: 10px;
    min-height: 100px;
}

div#installation_title {
    width: 162px;
    height: 22px;
    background: url(layout/installation_title.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

ul.install {
    list-style-position: outside;
    list-style-type: none;
    font-family: Verdana;
    font-size: 10pt; 
    font-weight: normal;
    text-decoration: none;
    color: #46526a;
    text-align: left;
}

div#installation_right {
    width: 120px;
    float: right;
    margin-bottom: 10px;
    min-height: 100px;
}

div#installation_middle {
    padding: 5px 115 px 5px 115px;
    margin-bottom: 10px;
}

/*donate drop down*/
div#sm_outer2 {
    width: 842px; /*700*/
    background: #11161d;
    display: none;
    overflow: hidden;
    text-align: left; /*for IE*/
}

div#contactus_title {
    width: 108px;
    height: 22px;
    background: url(layout/contactus_title.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

div#mailinglist_title {
    width: 199px;
    height: 22px;
    background: url(layout/mailinglist_title.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

div#followus_title {
    width: 95px;
    height: 22px;
    background: url(layout/followus_title.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

div#pack_outer {
    width: 842px; /*700*/
    background: #11161d;
    overflow: hidden;
    text-align: left; /*for IE*/
}

div#pack_container {
    width: 550px;
    /*margin-left: 36px; /*36*/
    float: center;
    margin: 0 auto;
    position: relative;
}

div#pack_icon {
    float: left;
    width: 104px; /*121*/
    height: 138px;
    margin-left: 15px;
    background: url(layout/classic_icon.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    position: relative;
}

div#pack_information {
    float: right;
    width: 392px;  /*292px*/                /*279px*/
    min-height: 101px;
    text-align: left;
}

/*ringpack titles*/
div#classic_title {
    width: 303px;
    height: 32px; /*29*/
    background: url(layout/classic_title.png);
    background-repeat: no-repeat;
}

div#ember_content {
    width: 279px;
    height: 272px;
    text-align: left;
}

/**/

div#drop_bg {
    width: 842px; /*700*/
    height: 30px;
    background: url(layout/drop_bg.png);
}

/*top
div#top {
    width: 100%;
    height: 122px;
    background: url(layout/top_bg.png);
    background-repeat: repeat-x;
    overflow: hidden;
}

div#top_left {
    float: left;
    width: 259px;
    height: 122px;
    background: url(layout/top_left.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

div#top_right {
    float: right;
    width: 441px;
    height: 122px;
    position: relative;
}

#top li {
    margin-left: 30px;
    height: 195px;
    line-height: 195px;
    display: block;
    color: #ffffff;
    text-align: right;
    float: right;
    list-style: none;
}
*/

.top_indent {
    margin-left: 5px;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
}

a.top {
    color: #ffffff;
    text-decoration: none;
}

.top_large {
    font-size: 12px;
}

a.top_large {
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
}

/*logo*/
div#logo {
    margin-top: 10px;
    width: 290px;
    height: 66px;
    background: url(layout/iprorings.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    position: relative;
}

/*main*/
div#main {
    width: 100%;
    height: 275px;
    background: url(layout/main_right.png);
    background-repeat: repeat-x;
    overflow: hidden;
}

div#main_left {
    float: left;
    width: 283px;
    height: 275px;
    background: url(layout/main_left.png);
    background-repeat: no-repeat;
    background-position: right;
}

div#main_right {
    float: right;
    width: 559px; /*417*/ /*559*/
    height: 275px;
    text-align: left;
    background: url(layout/right_bg.png);
    background-repeat: no-repeat;
    /*background-position: right;*/
    overflow: hidden;
}

div#main_container {
    margin-right: 20px;
    height: 260px;
}

div.tab_container {
    margin-top: 40px;
    margin-right: 20px;
}

/*titles*/
div#about_title {
    width: 395px;
    height: 24px;
    background: url(layout/about_title.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

div#details_title {
    width: 306px;
    height: 24px;
    background: url(layout/details_title.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

div#donate_title {
    width: 283px;
    height: 24px;
    background: url(layout/donate_title.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

/*menu*/
div#menu {
    width: 100%;
    height: 72px;
    background: url(layout/menu_background.png);
    background-repeat: repeat-x;
}

div#menu_left {
    float: left;
    width: 272px; /*274 (took off two pixels to allow menu)*/
    height: 72px;
    background: url(layout/icon_left.png);
    background-repeat: no-repeat;
    background-position: left;
}

div#menu_right {
    float: right;
    width: 570px; /*568 (will be adding two pixels)*/            /*441*/  /*426*/
    height: 72px;
    text-align: left;
    background: url(layout/menu_edge.png);
    background-repeat: no-repeat;
    background-position: right;
}

/*menu_items*/
#menu ul {
    width: 570px; /*426*/
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
    /*clean this up*/
#menu li {
    height: 72px;
    line-height: 72px;
    float: left;
    width: 285px; /*142*/            /*115*/
    display: block;
    font-family: Verdana;
    font-size: 10pt; 
    font-weight: bold;
    color: #384154;
    text-decoration: none;
    text-align: center;
}
    /*clean this up*/
#menu li a {
    height: 72px;
    line-height: 72px;
    float: left;
    width: 285px; /*114*/
    display: block;
    font-family: Verdana;
    font-size: 10pt; 
    font-weight: bold;
    color: #384154;
    text-decoration: none;
    text-align: center;
    float: none;
}

.indent {
    margin-left: 30px;
    /*display: none;*/
}


/*jQuery menu*/

li#about {
    background: url(layout/menu/menu_about.png);
}

li#about a:hover {
    background: url(layout/menu/menu_about_hover.png);
}

li#about.active a:hover {    /*sets hover effect when inactive*/
    background: url(layout/menu/menu_about_active.png);
}

li#about.active {    /*kills hover effect when active*/
    background: url(layout/menu/menu_about_active.png);
}

li#download {
    background: url(layout/menu/menu_download.png);
}

li#download a:hover {
    background: url(layout/menu/menu_download_hover.png);
}

li#download.active {
    background: url(layout/menu/menu_download_active.png);
}

li#download.active a:hover {    /*sets hover effect when inactive*/
    background: url(layout/menu/menu_download_active.png);
}

li#download.active {    /*kills hover effect when active*/
    background: url(layout/menu/menu_download_active.png);
}

li#donate {
    background: url(layout/menu/menu_donate.png);
}

li#donate a:hover {
    background: url(layout/menu/menu_donate_hover.png);
}

li#donate.active {
    background: url(layout/menu/menu_donate_active.png);
}

li#donate.active a:hover {    /*sets hover effect when inactive*/
    background: url(layout/menu/menu_donate_active.png);
}

li#donate.active {    /*kills hover effect when active*/
    background: url(layout/menu/menu_donate_active.png);
}


/*hacks*/
/*:focus { -moz-outline-style: none; }*/

/*


li.active {
    background: url(layout/menu_about_active.png);
}
*/


/*about
ul#menu li.about a {
    background: url(layout/menu_about.png);
}

ul#menu li.about {
    background: url(layout/menu_about_active.png);
}

ul#menu li.about a:hover {
    background: url(layout/menu_about_hover.png);
}

/*download
ul#menu li.download a {
    background: url(layout/menu_download.png);
}

ul#menu li.download {
    background: url(layout/menu_download_active.png);
}

ul#menu li.download a:hover {
    background: url(layout/menu_download_hover.png);
}

/*donate
ul#menu li.donate a {
    background: url(layout/menu_donate.png);
}

ul#menu li.donate {
    background: url(layout/menu_donate_active.png);
}

ul#menu li.donate a:hover {
    background: url(layout/menu_donate_hover.png);
}

/*icon*/
div#icon {
    width: 100%;
    height: 25px;
    background: url(layout/icon_bg.png);
    overflow: hidden;
}

div#icon_left {
    float: left;
    width: 259px;
    height: 25px;
    background: url(layout/icon_1.png);
    background-repeat: no-repeat;
    background-position: left;
}

div#icon_right {
    float: right;
    width: 441px;
    height: 25px;
    text-align: left;
}

/*install*/
div#sm_outer {
    width: 842px; /*700*/
    background: #11161d;
    display: none;
}

div#install {
    padding-top: 100px;
    padding-left: 40px;
}

div#install_interior {
    background: #7a86a0;
}

/*post*/
div#post {
    width: 100%;
    background: url(layout/post_left.png);
    background-repeat: no-repeat;
    min-height: 155px; /*200px*/
    text-align: left;
}

/*post_top
div#post_top {
    width: 700px;
    height: 27px;
    background: url(layout/post_top.png);
    background-repeat: repeat-x;
}

div#post_top_left {
    width: 295px;
    height: 27px;
    background: url(layout/post_left.png);
    float: left;
}

div#post_top_right {
    float: right;
}

/*div#post_middle {
    background: url(layout/post_middle.png) #778199;
    background-repeat: repeat-x;
    min-height: 400px;
}

div#post_middle_left {
    float: left;
    width: 295px;
    background: url(layout/post_middle_left.png);
    background-repeat: no-repeat;
    min-height: 165px;
}

div#post_middle_right {
    float: right;
/*    margin-top: 40px;
    margin-right: 20px;
}
*/

div#post_interior {
    position: relative;
}*/

/*post_middle
div#post_middle {
    padding-top: 27px;
    position: relative;
}

/*div#post_left {
    float: left;
    width: 299px;
    height: 151px;
    background: url(layout/post_left.png);
    background-repeat: no-repeat;
    background-position: left;
}

div#post_right {
    float: right;
    width: 441px;
    text-align: left;
    background: url(layout/post_bg.png);
    background-repeat: repeat-x;
    overflow: auto;
}*/

/*install*/
div#install_right {
    float: right;
    text-align: left;
    width: 559px; /*417*/
    font-family: Verdana;
    font-size: 10pt; 
    font-weight: normal;
    text-decoration: none;
    color: #46526a;
    
}

/*footer*/
div#footer {
    margin: 0 auto;
    text-align: center; /*for IE*/
    width: 842px; /*700*/
}

/*cta-button*/

#download {
    display: inline;
}

div#download_container {
    width: 420px;
    margin-right: 10px;
}

li.button_blank {
    display: block;
/*    float: left;*/
    width: 246px; /*246*/
    height: 31px;
    padding-top: 5px;
    padding-right: 15px;
    font-family: Verdana;
    font-size: 8pt; /*9*/
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0px 0px 1px rgba(0,0,0.6,1);
    color: #46526a;
    list-style-type: none;
    text-align: center;
    vertical-align: middle;
}

li.button_blank a {
    display: block;
    height: 24px;
    line-height: 19px;
    text-decoration: none;
    margin-left: 7px;
    margin-right: 4px;
    text-align: center;
    outline: none;
}

li.button {
    display: block;
/*    float: left;*/
    width: 246px;
    height: 31px;
    background: url(images/button.png);
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-right: 15px;
    font-family: Verdana;
    font-size: 8pt; /*9*/
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0px 0px 1px rgba(0,0,0.6,1);
    color: #46526a;
    list-style-type: none;
    text-align: center;
    vertical-align: middle;
}

li.button a {
    display: block;
    height: 24px;
    line-height: 19px;
    text-decoration: none;
    /*text-shadow: 0px 0px 1px rgba(0,0,0.6,1);*/
    text-shadow: 0px 1px 0px #F0F8FF;
    margin-left: 7px;
    margin-right: 4px;
    text-align: center;
    outline: none;
}

li.button:hover {
    text-decoration: none;
    color: 46526a;
}

.button-a:hover {
    text-decoration: none;
    color: 46526a;
}