* {
    text-rendering: optimizeLegibility;
}
		    
body {
    background: url(../images/background.png) repeat;
    font-family: "Helvetica Neue";
    font-size: 12px;
    color: #000000;
}

a {
    transition:.2s linear;
    -moz-transition:.2s linear;
    -webkit-transition:.2s linear;
}

#page_container {
    width: 800px;
    margin: 0 auto 26px auto;
}

.bd-section {
    width: inherit;
    margin: 10px auto 26px auto;
    padding: 26px 0 20px 0;
    -moz-box-shadow: 0px 0px 2px #ddd;
    -webkit-box-shadow: 0px 0px 2px #ddd;
    box-shadow: 0px 0px 2px #ddd;
    background: url(../images/body-background.png) repeat;
    border: solid #727272 1px;
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}

.press p {
	padding: 0 20px 4px 20px;
	font-size: 14px;
}

.bd-section h4 p {
    display: inline;
}

.video {
    text-align: center;
}

.video h2 {
    font-size: 55px;
    font-weight: lighter;
    padding: 0;
    margin: 0;
    text-shadow: #FBFBFB 0 1px 0;
}

.app {
    background: url(../images/body-section-divider.png) top repeat-x;
    padding-top: 20px;
}

.app li {
    list-style: none;
    background: no-repeat;
    padding: 12px 26px 0 150px;
}

.app li h1 {
    padding: 0;
    margin: 0;
    text-shadow: #FBFBFB 0 1px 0;
}

.app li h2 {
    padding: 0;
    margin: 0;
    text-shadow: #FBFBFB 0 1px 0;
}

.bd-section h4 {
    font-size: 42px;
    color: #8D8D8D;
    text-shadow: #FBFBFB 0 1px 0;
    padding: 0;
    margin: 0;
    font-weight: normal;
}

#bd-intro {
    font-size: 20px;
    color: #000;
    padding: 18px 0 18px 0;
    margin: 0;
}

.app li p, #about p, #thanks p {
    font-size: 15px;
    color: #727272;
    padding: 8px 0 8px 0;
    margin: 0;
}

.app li .link {
    text-align: right;
    margin-right: 12px;
}

#about {
    padding: 26px 72px 0px 72px;
}

#about h2 {
    text-align: center;
}
#header{
	
}
#top-menu {
    font-weight: bold;
    width: 960px;
    text-align: right;
    margin: 0px auto 10px auto;
    background: url(../img/logo.png) no-repeat;
    height: 84px;
    padding-top: 12px;
}

#top-menu #logo {
    width:130px;
    height: 30px;
    display: block;
    float: left;
}

#top-menu a {
    color: #000000;
    text-decoration: none;
}

#home {
    background: url(../images/home.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
}

#home:hover {
    background: url(../images/home-over.png) no-repeat;
}

#top-menu a:hover {
    text-decoration: underline;
    color: #7d339a;
}

#top-menu #languages a {
    margin-left: 8px;
}

#top-menu #links a {
    margin-left: 18px;
}

.menu-elements {
    display: inline;
    padding-left: 20px;
}

.menu-elements li {
    display: inline-table;
    list-style: none;
    vertical-align: middle;
}

h1, h2 {
    color: #7c3898;
}

#headline {
    text-align: center;
}

#headline #left {
    text-align: right;
    width: 50%;
    float: left;
}

#headline #right {
    text-align: left;
    width: 50%;
    float: right;
}

#headline h1, #headline h2 {
    text-shadow: 0px 1px #fff, 0px -1px #471764;
    font-weight: normal;
    width: 200px;
}

#headline h1 {
    font-size: 55px;
    padding: 0;
    margin: 26px 0 0 0;
}

#headline h2 {
    font-size: 18px;
    margin: 0;
    padding: 0;
    text-align: center;
}

#headline #menu {
    text-align: center;
    font-size: 24px;
    font-weight: lighter;
    letter-spacing: 0.05em;
    padding: 30px 0 20px 0;
}

#headline #menu a {
    color: #a7aaad;
    text-decoration: none;
    margin: 0 17px 0 17px;
}

#headline #menu a:hover {
    color: #7d339a;
}

#links a p {
    display: inline;
}

#headline #menu p {
    display: inline;
}

/* SCREENS */
.bd-app {
    min-height: 300px;
    background: url(../images/body-section-divider.png) top repeat-x;
    padding: 16px 0 20px 0;
}

.bd-app b, .bd-app strong {
    color: #7d339a;
    line-height: 14px;
}

.bd-app p {
    padding: 0;
    margin: 12px 0 2px 0;
}

#reviews {
    background: url(../images/body-section-divider.png) top repeat-x;
    font-size: 20px;
    color: #7d339a;
    text-align: center;
    padding-top: 20px;
}

#reviews h3 {
    display: inline;
    font-weight: lighter;
}

#reviews span {
    font-weight: bold;
    font-size: 24px;
}

#review-link-icon {
    opacity: 0.3;
    /* Firefox */
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.25s;
    -moz-transition-delay: 0s;
    /* WebKit */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-delay: 0s;
    /* Opera */
    -o-transition-property: opacity;
    -o-transition-duration: 0.25s;
    -o-transition-delay: 0s;
    /* Standard */
    transition-property: opacity;
    transition-duration: 0.25s;
    transition-delay: 0s;
}

#review-link-icon:hover {
    opacity: 1;
}

.rsource {
    opacity: 0.3;
}

#sources {
    padding: 10px 0 10px 0;
}

#sources td {
    padding: 0 20px 0 20px;
}

#download-sc {
    background: url(../images/body-section-divider.png) top repeat-x;
    text-align: center;
    width: inherit;
    color: #7d339a;
    font-size: 20px;
    font-weight: lighter;
    padding: 30px 0 8px 0;
}

#download-sc p {
    display: inline;
}

#download-sc a {
    margin: 0 10px 0 10px;
}

#download-sc img {
    vertical-align: middle;
}

#other-language-link p {
    display: inline;
}

.desc {
    padding: 0 50px 0 50px;
    font-size: 16px;
    color: #424242;
}

.desc img {
    border: 8px solid white;
    -webkit-box-shadow: 0px 1px 5px #999;
}

.desc h4 {
    font-size: 24px;
    color: #7d339a;
    margin: 26px 0 0 0;
    padding: 0;
    text-shadow: 0px 1px #fff;
    text-align: center;
}

.desc b {
    color: #7d339a;
    line-height: 14px;
}

ol#sc-desc {
    font-size: 16px;
    background: #e6e6e6;
    font-weight: bold;
    padding: 20px 0px 20px 20px;
    margin: 0;
}

#sc-schema {
    background: url(../images/sc-schema.png);
    width: 800px;
    height: 410px;
    padding: 0;
    margin: 0;
}

ol#sc-desc li {
    color: #7d339a;
    background: #e6e6e6;
    margin: 0 50px 0 50px;
    padding: 10px 0 10px 0;
}

ol#sc-desc li span {
    color: #424242;
    font-weight: lighter;
}

#sc-id-link {
    font-weight: lighter;
    text-shadow: 0px 1px #fff;
    text-decoration: none;
    color: #c1c1c1;
    transition:.2s linear;
    -moz-transition:.2s linear;
    -webkit-transition:.2s linear;
}

#sc-id-link span {
    font-weight: bold;
}

#sc-id-link:hover {
    color: #7d339a;
}

#download-vert-divider {
    margin: 0 8px 0 14px;
}


/* FOOTER */

#footer {
    padding-bottom: 12px;
    text-align: center;
    font-size: 12px;
    color: #000000;
}

#twitter {
    text-align: center;
}

input[type=submit], input[type=reset], input[type=button] {
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    
    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    box-shadow: 0px 1px 4px #ccc;
    
    border: 1px solid #5e8c22;
    padding: 0px 20px 0px 20px;
    margin: 0 10px 0 10px;
    height: 33px;
    
    font-size: 14px;
    color: #fff;
    text-shadow: 0 1px #66992d;
    
    cursor: pointer;
    background: url(../images/button-gradient-green.png) repeat-x;
}

#frm_contact {
    margin-left: 78px;
}

#frm_contact label {
    width: 75px;
    text-align: right;
    display: inline-block;
    padding-right: 8px;
    font-size: 15px;
    color: #999999;
}

#frm_contact label p {
    display: inline;
    color: #999999;
}

#frm_contact input[type=text], #frm_contact input[type=name], #frm_contact input[type=email], #frm_contact select {
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border: 1px solid #999999;
    width: 320px;
    height: 36px;
    padding: 0 6px;
    color: #8C8C8C;
    font-size: 16px;
    margin: 6px 0;
}

#frm_contact textarea {
    width: 320px;
    height: 150px;
    background-color: white;
    border: 1px solid #999999;
    border-radius: 5px;
    color: #8C8C8C;
    font: 14px/34px Helvetica,Arial,sans-serif!important;
    padding: 5px;
    font-size: 16px;
}

#frm_contact .textarealabel {
    vertical-align: top;
    padding-top: 10px;
}

#frm_contact #submitBtn {
    float: right;
    margin-right: 160px;
    margin-top: 10px;
}

#thanks {
    text-align: center;
    color: #7C3898;
    font-weight: bold;
}

#thanks p {
    color: #7C3898;
}

iframe.twitter-follow-button {
    margin-top: 0px;
    padding-top: 0px;
}

#requirements {
    text-align: center;
    font-size: 10px;
    color: #999999;
    padding: 12px 0 6px 0;
}

/* ERROR */

#sad-mac {
    text-align: center;
}

#sad-mac h2 {
    padding: 0px;
    margin: 0px;
    font-size: 36px;
}

#sad-mac h3 {
    font: 32px;
}

/*********************************************************************************
*
* HERO
*
*********************************************************************************/

.hero {
	width: 802px;
	height: 530px;
	margin-bottom: 28px;
	text-align: center;
}

.hero a {
	text-decoration: none;
}

.hero h1, .hero h2, .hero h3 {
	font-weight: normal;	
}

.hero h1 {
	font-size: 80px;
	padding: 30px 0 0 0;
	margin: 0;
	line-height: 70px;
}

.hero h2 {
	font-size: 32px;
	margin: 0;
	padding: 0;
	font-weight: 300;
}

.hero h3 {
	font-size: 21px;
	margin: 0;
	padding: 0;
	font-weight: 300;
}

#minidisplay {
	background: url(/images/minidisplay-hero.png) no-repeat;
}

#minidisplay h1, #minidisplay h2, #minidisplay h3 {
	font-family: "source-sans-pro";
	color: #716e69;
	color: rgb(113,110,105);
}

#bd h1 {
}

#bd h2 {
	font-size: 32px;
	margin: 0;
	padding: 6px 0 2px;
}

#bd h3 {
	font-size: 21px;
	margin: 0;
	padding: 0;
	color: #7c3898;
}

#bd {
	height: 380px;
/* 	background: url(/images/bd-3-hero.png) no-repeat; */
}

#bd img {
	border: solid #e89f2c 1px;
	border-radius: 18px; 
    -moz-border-radius: 18px; 
    -webkit-border-radius: 18px;
}