@CHARSET "UTF-8";

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

html, body {
    height: 100%;
}
#wrapper {
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -127px;
}
.footer, .push {
    height: 127px;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Georgia, Arial;
    color: #FFF;
    width: 100%;
    text-align: center;
    background: #212121;
    font-size: 13px;
    overflow-y: scroll;
}
p {
    margin: 0 0 10px 0;
}
input {
    font-size: 14px;
    font-family: Georgia, Arial;
}

h1,h2,h3,h4,h5 {
    margin: 0px;
    padding: 0px;
    font-style: italic;
    color: #FFF;
    font-family: Georgia, Arial;
    font-weight: normal;
}
h2 {
    font-size: 17px;
}
h3 {
    font-size: 16px;
}
.text h3, .text h2 {
    margin: 0 0 15px 0;
}
.text td.header {
    font-weight: normal;
    vertical-align: top;
    padding-right: 10px;
    width: 150px;
    white-space: nowrap;
}

img {
    border: none;
}

a:hover img {
    border: none;
}

a {
    color: #FFF;
}
a:hover {
    text-decoration: none;
}

.half {
    ime-mode: disabled;
}

.halfModified {
    ime-mode: inactive;
}

.text, table td {
    line-height: 160%;
    font-family: Arial;
    font-size: 14px;
    color: #a8a8a8;
}
.text a {
    color: #FFF;
    text-decoration: underline;
}
.text a:hover {
    text-decoration: none;
    color: #2CD8BA;
}


#header {
    height: 83px;
}
#header-inner {
    width: 888px;
    margin: 0 auto;
    text-align: left;
}
#header-left {
    float: left;
    padding: 32px 0 0 0;
}
#header-right {
    float: right;
    padding: 28px 0 0 0;
}
#header-right div {
    display: inline;
}
.header-spacer {
    height: 1px;
    background: #404040;
}
#header-right a#home img, #header-right a#home-selected img {
    width: 90px;
    height: 29px;
    background: url(../images2/buttons1.png)
}
#header-right a:hover#home img, #header-right a#home-selected img {
    background-position: 0 -30px;
}
#header-right a#download img, #header-right a#download-selected img {
    width: 127px;
    height: 29px;
    background: url(../images2/buttons1.png);
    background-position: -585px 0;
}
#header-right a:hover#download img, #header-right a#download-selected img {
    background-position: -585px -30px;
}
#header-right a#whyroyale img, #header-right a#whyroyale-selected img {
    width: 160px;
    height: 29px;
    background: url(../images2/buttons1.png) top left no-repeat;
    background-position: -343px 0;
}
#header-right a:hover#whyroyale img, #header-right a#whyroyale-selected img {
    background-position: -343px -30px;
}
#header-right a#help img, #header-right a#help-selected img {
    width: 80px;
    height: 29px;
    background: url(../images2/buttons1.png) top left no-repeat;
    background-position: -504px 0;
}
#header-right a:hover#help img, #header-right a#help-selected img {
    background-position: -504px -30px;
}
#header-right a#signup img, #header-right a#signup-selected img {
    width: 110px;
    height: 29px;
    background: url(../images2/buttons1.png) top left no-repeat;
    background-position: -232px 0;
}
#header-right a:hover#signup img, #header-right a#signup-selected img {
    background-position: -232px -30px;
}
#header-right a#forum img, #header-right a#forum-selected img {
    width: 90px;
    height: 29px;
    background: url(../images2/buttons1.png) top left no-repeat;
    background-position: -713px 0;
}
#header-right a:hover#forum img, #header-right a#forum-selected img {
    background-position: -713px -30px;
}

#top-right a#sign-up img {
    width: 96px;
    height: 22px;
    background: url(../images2/btn5.png)
}
#top-right a:hover#sign-up img {
    background-position: 0 -22px;
}
#top-right a#live-demo img {
    width: 85px;
    height: 22px;
    background: url(../images2/btn5.png);
    background-position: -96px 0;
}
#top-right a:hover#live-demo img {
    background-position: -96px -22px;
}

#share-buttons img {
    width: 16px;
    height: 18px;
    margin-right: 5px;
}
#share-buttons a#s1 img {
    background: url(../images2/btn4.png)
}
#share-buttons a:hover#s1 img {
    background-position: 0 -18px;
}
#share-buttons a#s2 img {
    background: url(../images2/btn4.png);
    background-position: -25px 0;
}
#share-buttons a:hover#s2 img {
    background-position: -25px -18px;
}
#share-buttons a#s3 img {
    background: url(../images2/btn4.png);
    background-position: -50px 0;
}
#share-buttons a:hover#s3 img {
    background-position: -50px -18px;
}
#share-buttons a#s4 img {
    background: url(../images2/btn4.png);
    background-position: -75px 0;
}
#share-buttons a:hover#s4 img {
    background-position: -75px -18px;
}
#share-buttons a#s5 img {
    background: url(../images2/btn4.png);
    background-position: -100px 0;
}
#share-buttons a:hover#s5 img {
    background-position: -100px -18px;
}
#share-buttons a#s6 img {
    background: url(../images2/btn4.png);
    background-position: -125px 0;
}
#share-buttons a:hover#s6 img {
    background-position: -125px -18px;
}
#share-buttons a#s7 img {
    background: url(../images2/btn4.png);
    background-position: -150px 0;
}
#share-buttons a:hover#s7 img {
    background-position: -150px -18px;
}
#share-buttons a#s8 img {
    background: url(../images2/btn4.png);
    background-position: -175px 0;
}
#share-buttons a:hover#s8 img {
    background-position: -175px -18px;
}
#share-buttons a#s9 img {
    background: url(../images2/btn4.png);
    background-position: -200px 0;
}
#share-buttons a:hover#s9 img {
    background-position: -200px -18px;
}
#share-buttons a#s10 img {
    background: url(../images2/btn4.png);
    background-position: -225px 0;
}
#share-buttons a:hover#s10 img {
    background-position: -225px -18px;
}

#top {
    height: 77px;
    background: url(../images2/p1.png)
}
#top-inner {
    width: 888px;
    margin: 0 auto;
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    font-style: italic;
}
#top-left {
    float: left;
    padding: 30px 0 0 0;
}
#top-right {
    float: right;
    padding: 27px 30px 0 0;
}
#top-right #live-demo {
    display: inline;
}


#flash {
    height: 372px
}
#flash-inner {
    width: 928px;
    height: 359px;
    margin: 0 auto;
}


#index {
    text-align: center
}
#index-inner {
    width: 888px;
    margin: 0 auto
}
#index-left {
    width: 435px;
    float: left;
    text-align: left
}
#index-header1 {
    padding: 0 0 10px 0;
}
#twitter-header {
    background: url(../images2/twitter1.png) top left no-repeat;
    height: 30px;
    padding: 7px 0 0 40px;
    font-style: italic;
    font-weight: normal;
}
#twitter-data {
    padding: 5px 0 10px 0;
}
#share-header {
    float: left;
    background: url(../images2/corner4.gif) bottom left no-repeat;
    padding: 8px 5px 0px 5px;
    font-style: italic;
    font-weight: normal;
}
#share-buttons {
    float: left;
    padding: 5px 5px 0 10px;
}
#credits {
    float: left;
    margin: 50px 0 0 10px;
    font-size: 12px
}
#index-right {
    width: 435px;
    float: right;
    text-align: left;
}
#index-header2 {
    padding: 0 0 10px 0
}
#index-flash {
    width: 435px;
}



.middle-inner li {
    list-style-type: none;
}
.middle-inner li {
    background: url(../images2/li1.png) top left no-repeat;
    padding: 5px 0 0 40px;
    margin: 0 0 30px 0;
}
.footer-spacer {
    height: 2px;
    background: #000;
}
#footer {
    margin: 0px;
    width: 100%;
    text-align: center;
    background: #f5f5f5;
}
#footerContent {
    height: 78px;
    width: 928px;
    margin: 0 auto;
    color: #949494;
}
#footerContent a {
    color: #949494;
    font-style: italic;
    text-decoration: none;
}
#footerContent a:hover, #footerContent a.selected {
    color: #212121;
    text-decoration: none;
}
.footerInner {
    padding: 30px 0 0 0;
}
.footerInner div {
    display: inline;
}
.footerInner div.spacer {
    padding: 0 10px;
}

.rounded1 {
    background: #0e0e0e url(../images2/corner1.gif) top left no-repeat;
}
.rounded2 {
    background: url(../images2/corner2.gif) top right no-repeat;
}
.rounded3 {
    background: url(../images2/corner3.gif) bottom right no-repeat;
}
.rounded4 {
    background: url(../images2/corner4.gif) bottom left no-repeat;
    padding: 0 15px;
}


.blue, .blue a {
    color: #2cd8ba;
}
.white, .white a {
    color: #FFF;
}


#index-flash div {
    display: inline;
}
#index-flash img {
    cursor: default;
    width: 108px;
    height: 73px;
    background: url(../images2/logos.gif) top left no-repeat;
}
#index-flash a#b1 img {
    background-position: 0 0;
    margin: 0 1px 1px 0;
}
#index-flash a:hover#b1 img {
    background-position: 0 -74px;
    margin: 0 1px 1px 0;
}
#index-flash a#b2 img {
    background-position: -109px 0;
    margin: 0 1px 1px 0;
}
#index-flash a:hover#b2 img {
    background-position: -109px -74px;
    margin: 0 1px 1px 0;
}
#index-flash a#b3 img {
    background-position: -218px 0;
    margin: 0 1px 1px 0;
}
#index-flash a:hover#b3 img {
    background-position: -218px -74px;
    margin: 0 1px 1px 0;
}
#index-flash a#b4 img {
    background-position: -327px 0;
    margin: 0 0 1px 0;
}
#index-flash a:hover#b4 img {
    background-position: -327px -74px;
    margin: 0 0 1px 0;
}

#index-flash a#b5 img {
    background-position: -436px 0;
    margin: 0 1px 1px 0;
}
#index-flash a:hover#b5 img {
    background-position: -436px -74px;
    margin: 0 1px 1px 0;
}
#index-flash a#b6 img {
    background-position: -545px 0;
    margin: 0 1px 1px 0;
}
#index-flash a:hover#b6 img {
    background-position: -545px -74px;
    margin: 0 1px 1px 0;
}
#index-flash a#b7 img {
    background-position: -654px 0;
    margin: 0 1px 1px 0;
}
#index-flash a:hover#b7 img {
    background-position: -654px -74px;
    margin: 0 1px 1px 0;
}
#index-flash a#b8 img {
    background-position: -763px 0;
    margin: 0 0 1px 0;
}
#index-flash a:hover#b8 img {
    background-position: -763px -74px;
    margin: 0 0 1px 0;
}

#index-flash a#b9 img {
    background-position: -872px 0;
    margin: 0 1px 1px 0;
}
#index-flash a:hover#b9 img {
    background-position: -872px -74px;
    margin: 0 1px 1px 0;
}
#index-flash a#ba img {
    background-position: -981px 0;
    margin: 0 1px 1px 0;
}
#index-flash a:hover#ba img {
    background-position: -981px -74px;
    margin: 0 1px 1px 0;
}
#index-flash a#bb img {
    background-position: -1090px 0;
    margin: 0 1px 1px 0;
}
#index-flash a:hover#bb img {
    background-position: -1090px -74px;
    margin: 0 1px 1px 0;
}
#index-flash a#bc img {
    background-position: -1199px 0;
    margin: 0 0 1px 0;
}
#index-flash a:hover#bc img {
    background-position: -1199px -74px;
    margin: 0 0 1px 0;
}

#index-flash a#bd img {
    background-position: -1308px 0;
    margin: 0 1px 0 0;
}
#index-flash a:hover#bd img {
    background-position: -1308px -74px;
    margin: 0 1px 0 0;
}
#index-flash a#be img {
    background-position: -1417px 0;
    margin: 0 1px 0 0;
}
#index-flash a:hover#be img {
    background-position: -1417px -74px;
    margin: 0 1px 0 0;
}
#index-flash a#bf img {
    background-position: -1526px 0;
    margin: 0 1px 0 0;
}
#index-flash a:hover#bf img {
    background-position: -1526px -74px;
    margin: 0 1px 0 0;
}
#index-flash a#bg img {
    background-position: -1635px 0;
}
#index-flash a:hover#bg img {
    background-position: -1635px -74px;
}