body {
    margin: 0;
    padding: 0;
    font-family: myriad, verdana, tahoma, arial, sans-serif;
    font-size: 75%;
    line-height: 2em;
    color: #fff;
    text-align: center;
    background: #444141 url( ../img/bg.gif ) repeat-x 0 0;
}

.clr {clear: both;color: #444141}
img {border:none}
table {border:none}
a {color: #95c245;text-decoration:none}
a:hover {color: #95c245;text-decoration:underline}
h2 {font-size: 100%;color: #444141;text-align: right;}
h3 {font-size: 170%;color: #fff;font-weight:normal;}
h4 {font-size: 120%;color: #c7c6c6;border-bottom: solid 1px #535050;}

#container {
    margin: 0 auto;
    padding: 0;
    width: 63em;
    text-align: left;
}
body.index #container {
    background: url( ../img/bgContainerIndex.gif ) no-repeat 0 2em;
}

#audioplayer_1 {
    vertical-align: middle;
}

#header {
    margin: 1.2em 0 0 0;
    padding: 0;
    height: 110px;
}
body.index #header {
    height: 85px;
}
#header #menu {
    margin: .3em 0 0 0;
    padding: 0;
    float: right;
}
#header #menu li {
    margin: 0 0 0 1em;
    padding: 0;
    float: left;
    list-style: none;
}
#header #menu li a {
    margin: 0 1px 0 1px;
    padding: 0;
    display: block;
    background-color: #494646;
    border-top: solid 1px #494646;
    border-bottom: solid 1px #494646;
}
#header #menu li.activ a {
    background-color: #717171;
    border-top: solid 1px #717171;
    border-bottom: solid 1px #717171;
}
#header #menu li.login a {
    background-color: #bcff48;
    border-top: solid 1px #bcff48;
    border-bottom: solid 1px #bcff48;
}
#header #menu li a span {
    margin: 0 -1px 0 -1px;
    padding: .2em 1.2em .3em 1.2em;
    display: block;
    font-size: 90%;
    border-left: solid 1px #494646;
    border-right: solid 1px #494646;
}
#header #menu li.activ a span {
    color: #fff;
    border-left: solid 1px #717171;
    border-right: solid 1px #717171;
}
#header #menu li.login a span {
    color: #444141;
    font-weight: bold;
    border-left: solid 1px #bcff48;
    border-right: solid 1px #bcff48;
}
#header #menu li a:hover {
    text-decoration: none;
    background-color: #717171;
    border-top: solid 1px #717171;
    border-bottom: solid 1px #717171;
}
#header #menu li a:hover span {
    color: #fff;
    border-left: solid 1px #717171;
    border-right: solid 1px #717171;
}
#header #logo {
    margin: 0 0 0 0;
    padding: 0;
    float: left;
}
#header #slogan {
    margin: 24px 0 0 1em;
    padding: 0;
    float: left;
    font-weight: bold;
}

#content h1 {
    font-size: 300%;
    color: #fff;
    font-family: arial, sans-serif;
    font-weight: bold;
    margin: 0 0 0.3em 0;
    padding: 0;
    line-height: 1em;
}

body.download #header h1 {
    background: url( ../img/h1download.gif ) no-repeat 0 0;
}
body.gettingStarted #header h1 {
    padding-bottom: .3em;
    background: url( ../img/h1gettingStarted.gif ) no-repeat 0 0;
}
body.feedback #header h1 {
    background: url( ../img/h1feedback.gif ) no-repeat 0 0;
}




#content {
    margin: 0;
    padding: 0;
}
body.index #content {
    margin: 0 0 0 2em;
    padding: 0;
}

/*-------------------------------------------- Start Content Style -------------------------------------------------*/
#content p {
    margin: 0 0 1.5em 0;
    padding: 0;
}
#content .grey {
    color: #c7c6c6;
}
#content .less {
    font-size: 90%;
}
#content .more {
    font-size: 120%;
}
#content h2 {
    margin: 2em 0 .5em 0;
    padding: 0 0 1em 0;
}
#content h2.releaseHistory {
    margin-bottom: 2em;
    background: url( ../img/h2releaseHistory.gif ) no-repeat 0 0;
}
#content h2.download {
    background: url( ../img/h2download.gif ) no-repeat 0 0;
}
#content h2.keepTrack {
    margin-top: 6em;
    background: url( ../img/h2keepTrack.gif ) no-repeat 0 0;
}
#content h2.discover {
    background: url( ../img/h2discover.gif ) no-repeat 0 0;
}
#content h3 {
    margin: 0 0 .5em 0;
    padding: 0;
}
#content h4 {
    margin: 0 28em .5em 0;
    padding: 0 0 2px 0;
}
#content ul.list {
    margin: 0 0 1.5em 0;
    padding: 0;
}
body.download #content ul.list.arrow {
    margin: 0 0 1.5em 0;
    float: left;
}
#content ul.list li {
    margin: 0 0 .7em 0;
    padding: 0 0 0 1em;
    list-style: none;
}
#content ul.list.star li {
    background: url( ../img/bullList.gif ) no-repeat 0 center;
}
#content ul.list.arrow li {
    background: url( ../img/bullListArrow.gif ) no-repeat 0 center;
}
#content ol {
    margin: 0 0 1.5em 1.3em;
    padding: 0;
}
#content ol li {
    margin: 0;
    padding: .3em 0 1.3em 2.2em;
    list-style: none;
}
#content ol li.o1 {
    background: url( ../img/bullOlo1.gif ) no-repeat 3px 0;
}
#content ol li.o2 {
    background: url( ../img/bullOlo2.gif ) no-repeat 1px 0;
}
#content ol li.o3 {
    background: url( ../img/bullOlo3.gif ) no-repeat 0 0;
}
#content ol li.o4 {
    background: url( ../img/bullOlo4.gif ) no-repeat 0 0;
}
#content ol li.o5 {
    background: url( ../img/bullOlo5.gif ) no-repeat 0 0;
}
#content .picRight {
    margin-left: 1em;
    float: right;
}

#content .top10 {
    margin: 0 0 0 4em;
    padding: 0;
    float: right;
}
#content .top10 li {
    margin: 1em 0 0 0;
    padding: 0 .5em 1em 0;
    list-style: none;
    border-bottom: solid 1px #535050;
}
#content .top10 li.title {
    padding: 0 0 1.4em 0;
    color: #444141;
    background: url( ../img/titleTop10.gif ) no-repeat 0 0;
}

#content ul.features {
    margin: 0;
    padding: 0;
}
body.index #content ul.features {
    padding-top: 19em;
}
#content ul.features li {
    margin: 0 0 .4em 0;
    padding: 0;
    font-size: 160%;
    font-family: arial, sans-serif;
    list-style: none;
}
body.index #content ul.features li {
    line-height: 1.2em;
    font-size: 210%;
}
#content ul.features li strong {
    color: #bcff48;
    font-weight: normal;
}

#content a.readMore {
    margin: 0 0 1.5em 0;
    padding: 0 0 1em 0;
    display: block;
    color: #444141;
    background: url( ../img/arrowReadMore.gif ) no-repeat right 0;
}
body.index #content a.readMore {
    margin-right: 26em;
}
#content .downloadT {
    margin: .5em 3em 1em 0;
    padding: 0 0 2.5em 0;
    float: right;
    width: 7em;
    text-align: center;
    background: url( ../img/bgDownload.gif ) no-repeat center bottom;
}
#content .downloadT a {
    font-weight: bold;
}

#content a.buttDownload {
    margin: 2.5em 1.5em 1.5em 0;
    padding: 1.5em 0 1.5em 0;
    width: 240px;
    display: block;
    float: left;
    text-align: right;
    color: #444141;
    background: url( ../img/buttDownload2.0.gif ) no-repeat 0 0;
}
body.index #content a.buttDownload {
    float: none;
    margin-top: 0;
}

#content form {
	margin: 0 0 1.5em 0;
}
#content form label {
	margin: 1em 0 .2em 0;
    padding: 0;
    display: block;
    font-size: 160%;
}
#content form label.radio {
	margin: 1em 0 0 0;
    padding: 0 0 0 2px;
    font-size: 110%;
    font-weight: bold;
}
#content form input {
	margin: 0 0 .8em 0;
    padding: 3px;
    background-color: #a7a5a5;
    border: solid 1px #fff;
}
#content form input.radio {
	margin: 1em .3em 0 0;
    padding: 3px;
    width: auto;
    height: 12px;
    float: left;
    background-color: transparent;
    border: none;
}
#content form textarea {
	margin: 0 0 .8em 0;
    padding: 3px;
    width: 20em;
    background-color: #a7a5a5;
    border: solid 1px #fff;
}
#content form .butt {
    margin: 0 2em 0 0;
    padding: 0;
    height: 29px;
    float: left;
    line-height: 1.4em;
    background: url(../img/bgButtLeft.gif) no-repeat 0 0;
}
#content form .butt p {
    margin: 0;
    padding: 5px 0 0 0;
    height: 29px;
    float: left;
    background: url(../img/bgButtRight.gif) no-repeat right 0;
}
#content form .butt p a {
    margin: 0 0 0 0;
    padding: .7em 3em;
    color: #303030;
    font-size: 150%;
    text-decoration: none;
}
/*-------------------------------------------- End Content Style -------------------------------------------------*/


#footer {
    margin: 5em 0 2em 0;
    padding: 0;
}
#footer p {
    margin: 0;
    padding: 0;
    font-size: 90%;
    color: #7c7a7a;
}

p.error {
	color: #f4b6f4;
	font-weight: bold;
	margin: 0;
}

.align_image img, .align_image span {
  vertical-align: middle;
  display: inline-block; 
}



