/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* --------------
   GENERAL
-------------- */

html, body { height: 100%; }

body {
	background: #fffad2;
	font: 87%/1.4em Arial, Helvetica, sans-serif;
	color: #563e3a;
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

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

a:hover {
	color: #3b0201;
	text-decoration: underline;
}

ol {}

p { padding-bottom: 10px; }

table {}

h1 {
	font-size: 2.2em;
	color: #ffed00;
}

#hd {
	padding-bottom: 4px;
}

/* --------------
   LAYOUT
-------------- */

#header, #intro, #heading, #content, #home-content, #footer {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearer {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

.col {
	float: left;
	width: 300px;
}

.col-mid {
	float: left;
	width: 300px;
	margin: 0 20px;
}

.col2 {
	float: left;
	width: 620px;
	margin-right: 20px;
}

.col3 {
	float: left;
	width: 700px;
}

.col1 {
	float: left;
	width: 210px;
	margin-right: 30px;
}

.br21, .separator {
	clear: both;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
}

.br21 { height: 21px; }

.separator {
	height: 1px;
	background: #ebe1bd;
	margin-top: 13px;
}

/* --------------
   HEADER
-------------- */

#header-container {
	background: #3b0201 url(http://www.cennoapp.com/img/bg-header.gif) repeat-x 0 0;
	text-align: center;
}

#header {
	width: 940px;
	padding: 20px 30px;
	position: relative;
	color: #fff;
}

#logo {
	float: left;
	width: 239px;
	height: 100px;
	background: url(http://www.cennoapp.com/img/logo.png) no-repeat;
	text-indent: -9999px;
	line-height: normal;
}

#logo-landing {
	float: left;
	width: 239px;
	height: 100px;
	background: url(http://www.cennoapp.com/img/logo2.png) no-repeat;
	text-indent: -9999px;
	line-height: normal;
}

/* navigation - 1st level */

#nav {
	list-style: none;
	float: left;
	margin: 68px 0 0 54px;
}

#nav li {
	float: left;
	font-family: Verdana, Arial, sans-serif;
	/*margin-right: 24px;*/
	margin-right: 12px;
	/*font-size: 1.1em;*/
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
}

#nav li#tuki { margin-right: 18px; }

#nav li a {
	display: block;
	height: 17px;
	color: #fff;
	text-decoration: none;
	/*text-indent: -9999px;*/
}

#nav li a:hover, #nav li.in a {
	color: #fce172;
	text-decoration: none;
}

/*#nav a#home { width: 53px; background: url(http://www.cennoapp.com/img/nav/home.gif) no-repeat; }
#nav a#home:hover, #nav li.in a#home, #nav li.in a#home:hover { background: url(http://www.cennoapp.com/img/nav/home-on.gif) no-repeat; }

#nav a#ominaisuudet { width: 103px; background: url(http://www.cennoapp.com/img/nav/features.gif) no-repeat; }
#nav a#ominaisuudet:hover, #nav li.in a#ominaisuudet, #nav li.in a#ominaisuudet:hover { background: url(http://www.cennoapp.com/img/nav/features-on.gif) no-repeat; }*/

/*#nav a#hinnoittelu { width: 82px; background: url(http://www.cennoapp.com/img/nav/pricing.gif) no-repeat; }
#nav a#hinnoittelu:hover, #nav li.in a#hinnoittelu, #nav li.in a#hinnoittelu:hover { background: url(http://www.cennoapp.com/img/nav/pricing-on.gif) no-repeat; }*/

/*#nav a#yrityksille { width: 71px; background: url(http://www.cennoapp.com/img/nav/yrityksille.gif) no-repeat; }
#nav a#yrityksille:hover, #nav li.in a#yrityksille, #nav li.in a#yrityksille:hover { background: url(http://www.cennoapp.com/img/nav/yrityksille-on.gif) no-repeat; }

#nav a#yhteisoille { width: 75px; background: url(http://www.cennoapp.com/img/nav/yhteisoille.gif) no-repeat; }
#nav a#yhteisoille:hover, #nav li.in a#yhteisoille, #nav li.in a#yhteisoille:hover { background: url(http://www.cennoapp.com/img/nav/yhteisoille-on.gif) no-repeat; }

#nav a#tuki { width: 30px; background: url(http://www.cennoapp.com/img/nav/support.gif) no-repeat; }
#nav a#tuki:hover, #nav li.in a#tuki, #nav li.in a#tuki:hover { background: url(http://www.cennoapp.com/img/nav/support-on.gif) no-repeat; }

#nav a#blogi { width: 37px; background: url(http://www.cennoapp.com/img/nav/blogi.png) no-repeat; }
#nav a#blogi:hover, #nav li.in a#blogi, #nav li.in a#blogi:hover { background: url(http://www.cennoapp.com/img/nav/blogi-on.png) no-repeat; }*/

/*#nav a#features { width: 64px; background: url(http://www.cennoapp.com/img/nav/features.gif) no-repeat; }
#nav a#features:hover, #nav li.in a#features, #nav li.in a#features:hover { background: url(http://www.cennoapp.com/img/nav/features-on.gif) no-repeat; }

#nav a#pricing { width: 50px; background: url(http://www.cennoapp.com/img/nav/pricing.gif) no-repeat; }
#nav a#pricing:hover, #nav li.in a#pricing, #nav li.in a#pricing:hover { background: url(http://www.cennoapp.com/img/nav/pricing-on.gif) no-repeat; }

#nav a#support { width: 60px; background: url(http://www.cennoapp.com/img/nav/support.gif) no-repeat; }
#nav a#support:hover, #nav li.in a#support, #nav li.in a#support:hover { background: url(http://www.cennoapp.com/img/nav/support-on.gif) no-repeat; }*/

/* user actions */

#user-actions {
	position: absolute;
	top: 84px;
	/*right: 28px;*/
	/*width: 209px;*/
	right: 0;
	width: 110px;
	list-style: none;
}

#user-actions li { float: left; }

#user-actions a {
	display: block;
	height: 30px;
	text-indent: -9999px;
	margin-right: 0;
}

#signup {
	width: 112px;
	background: url(http://www.cennoapp.com/img/buttons/signup.gif) no-repeat;
	margin-right: 11px;
}

#signup-form li select { float: left; }

#login {
	width: 86px;
	background: url(http://www.cennoapp.com/img/buttons/login.gif) no-repeat;
}

/*#signup {
	width: 78px;
	background: url(http://www.cennoapp.com/img/buttons/signup.gif) no-repeat;
	margin-right: 11px;
}

#login {
	width: 67px;
	background: url(http://www.cennoapp.com/img/buttons/login.gif) no-repeat;
}*/

/* language links */

#languages {
	position: absolute;
	top: 16px;
	right: 30px;
	font-size: 0.85em;
}

#languages a {
	color: #ccc3b7;
	text-decoration: none;
}

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

#lang-en {
	background: url(http://www.cennoapp.com/img/flag-en.gif) no-repeat 0 3px;
	padding-left: 20px;
}

/* --------------
   INTRO
-------------- */

#intro-container {
	height: 360px;
	background: #4f1601 url(http://www.cennoapp.com/img/bg-intro.gif) repeat-x 0 0;
	text-align: center;
}

#intro,
#intro-landing {
	width: 1000px;
	height: 305px;
	background: url(http://www.cennoapp.com/img/bg-intro-center.jpg) repeat-x center;
	padding: 55px 0 0;
	position: relative;
}

#intro-landing {
	margin: auto;
}

#intro h1,
#intro-landing h1 {
	/*width: 468px;*/
	/*height: 70px;*/
	/*background: url(http://www.cennoapp.com/img/intro-txt1.png) no-repeat;*/
	margin: 0px 0 0 0px;
	line-height: 38px;
	padding: 0;
	/*text-indent: -9999px;*/
	color: #ffed00;
}

#intro-landing h1 {
	background-image: url(http://www.cennoapp.com/img/intro-text.gif);
	height: 124px;
	width: 418px;
	position: absolute;
	left: 0;
	margin-top: -10px;
}

#intro-left {
	float: left;
	width: 440px;
	margin-left: 30px;
	vertical-align: middle;
	height: 290px;
	margin-top: -26px;
}
#intro-left td { vertical-align: middle; }

#intro-desc {
	width: 436px;
	/*height: 85px;*/
	/*background: url(http://www.cennoapp.com/img/intro-txt2.png) no-repeat;*/
	margin: 20px 0 0 0px;
	padding: 0;
	/*text-indent: -9999px;*/
	color: #f5f3e4;
}

#intro-landing #intro-desc {
	position: absolute;
	left: 0;
	/*bottom: 60px;*/
	bottom: 88px;
	width: 400px;
	height: 89px;
	background-image: url(http://www.cennoapp.com/img/intro-text2.gif);
	margin-bottom: 14px;
}

.button-register {
	display: block;
	width: 257px;
	height: 38px;
	background: url(http://www.cennoapp.com/img/buttons/register.gif) no-repeat;
	text-indent: -9999px;
}

.link-features,
.contact-us {
	display: block;
	width: 147px;
	height: 17px;
	background: url(http://www.cennoapp.com/img/intro-link.gif) no-repeat;
	text-indent: -9999px;
}

.link-features:hover { background: url(http://www.cennoapp.com/img/intro-link2.gif) no-repeat; }

#intro-actions {
	margin: 30px 0 0 0px;
	padding: 0;
}

#intro .button-register { float: left; }

#intro .link-features,
#intro .contact-us {
	float: left;
	margin: 12px 0 0 7px;
}

#intro .contact-us { background: url(http://www.cennoapp.com/img/contact-us.png) no-repeat; width: 109px; height: 30px; margin-top: 5px; }

#intro #intro-actions span#or {
	float: left;
	width: 20px;
	height: 14px;
	/*background: url(http://www.cennoapp.com/img/or.gif) no-repeat;*/
	margin: 10px 0 0 8px;
	/*text-indent: -9999px;*/
	color: #F5F3E4;
}

#intro img,
#intro-landing img {
	position: absolute;
	top: 36px;
	right: 16px;
}

#intro-landing img {
	margin-top: 20px;
	margin-right: 12px;
}

/* --------------
   HEADINGS
-------------- */

#heading-container {
	height: 106px;
	background: #4b1201 url(http://www.cennoapp.com/img/bg-heading.jpg) repeat-x center;
}

#heading {
	width: 940px;
	padding: 31px 30px 0;
	position: relative;
}

#heading .button-register {
	position: absolute;
	right: 28px;
	top: 35px;
}

/* --------------
   CONTENT
-------------- */

#content, #home-content,
#landing-content {
	width: 940px;
	padding: 30px 30px;
	position: relative;
}

#landing-content {
	margin: auto;
}

#home-content h1 {
	color: #660000;
	font-size: 1.6em;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #660000;
	margin-bottom: 23px;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #660000;
	margin: 13px 0 23px;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	color: #660000;
	margin: 13px 0 23px;
}

.screen {
	width: 302px;
	height: 201px;
	overflow: hidden;
	margin-top: 2px;
	margin-bottom: 10px;
}

#content ul {
	list-style: none;
	margin: 0;
	padding: 0 0 10px;
}

#content ul li {
	background: url(http://www.cennoapp.com/img/tick.gif) no-repeat 0 0;
	padding: 0 0 10px 22px;
}

#content ul li strong { color: #3b0201; }

.arrow-link, #content .arrow-link {
	background: url(http://www.cennoapp.com/img/arrow.gif) no-repeat 0 4px;
	padding-left: 11px;
}

#content .arrow-link strong { color: #660000; }
#content .arrow-link:hover strong { color: #3b0201; }

.new-window-link {
	background: url(http://www.cennoapp.com/img/new-window.gif) no-repeat 0 4px;
	padding-left: 14px;
	margin-left: 5px;
}

/* features list with icons */

.feat-list li, #content .feat-list li {
	padding: 0 0 24px 60px;
	position: relative;
}

.feat-list li p, #content .feat-list li p { padding-bottom: 10px; }

.feat-list li h2, #content .feat-list li h2 {
	margin-bottom: 11px;
	padding-top: 11px;
}

.feat-list li h2 a, #content .feat-list li h2 a {
	color: #660000;
	text-decoration: none;
}

#landing-content .feat-list h2 {
    font-weight: normal;
    padding-top: 0;
    margin-bottom: 0;
}

#landing-content .feat-list li {
    width: 230px;
}

#landing-content .feat-list li p {
    padding-bottom: 0;
    padding-top: 6px;
    margin-top: 0;
}

#home-content .feat-list {
	margin-top: 17px;
	margin-bottom: -13px;
}

#home-content .feat-list li h2 { margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

#basic { margin-top: -23px; }

#basic h2, #basic-nav h2 { margin-top: 23px; }

#basic-nav { background: url(http://www.cennoapp.com/img/bg-txtnav.gif) repeat-y 0 0; }

#basic-nav .col3 { margin-top: -23px; }

#nav2 li, #content #nav2 li {
	background: none;
	padding-left: 0;
	padding-right: 30px;
}

#nav2 li a, #content #nav2 li a { text-decoration: none; }

#nav2 li.on, #content #nav2 li.on { font-weight: bold; }

/* --------------
   RIGHT MENU
-------------- */

.right-menu {
	border-left: 1px solid #efe6c1;
	padding-left: 20px;
	width: 278px;
	/*margin-top: -30px;*/
}

.right-menu ul {
	border-bottom: 1px solid #efe6c1;
	padding-bottom: 6px;
	margin-bottom: 16px;
	margin-top: 16px;
}

.right-menu li {
	padding-left: 24px;
	background: url('http://www.cennoapp.com/img/tick.gif') no-repeat;
	padding-bottom: 10px;
}

.right-menu .news,
.right-menu #home-notes ul {
	padding-bottom: 10px;
	padding-top: 4px;
	margin-bottom: 12px;
	margin-top: 4px;
	font-size: 13px;
}

.right-menu #home-notes ul {
	padding-top: 2px;
}

.right-menu .news a,
.right-menu #home-notes ul a {
	font-size: 14px;
}

.right-menu .news li,
.right-menu #home-notes ul li {
	padding-left: 0;
	background: none;
	color: #ab9d87;
	line-height: 17px;
}

.right-menu .fb img {
	padding-bottom: 4px;
	padding-top: 7px;
	padding-right: 17px;
}

.right-menu .connect {
	border-bottom: 1px solid #efe6c1;
	padding-bottom: 10px;
	margin-bottom: 14px;
}

.right-menu h2 {
	font-size: 1.6em;
	margin-bottom: 0;
}

.right-menu .subscribe { clear: both; padding-bottom: 20px; border-bottom: 1px solid #efe6c1; margin-bottom: 22px; }
.right-menu .subscribe p { padding-bottom: 6px; }
#social-media { height: 32px; margin-bottom: 22px; }
#twitter-feed { clear: both; margin-top: 22px; padding-top: 20px; border-top: 1px solid #efe6c1; }

#mc-embedded-subscribe {
	border: none;
	background: url('http://www.cennoapp.com/img/buttons/subscribe.png') 0 0 no-repeat;
	height: 27px;
	width: 89px;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 3px;
	margin-top: -1px;
}

#mce-EMAIL {
	padding: 4px;
	vertical-align: middle;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    #mc-embedded-subscribe { margin-left: 1px; }
}

.features {
	padding-top: 15px;
}

.features h1 {
	margin-bottom: 12px;
}

/* --------------
   NEWS LIST
-------------- */

#news-list a {
	font-weight: bold;
}

#news-list .col1,
#news-list .col2 {
	width: 440px;
	margin-right: 50px;
}

#news-list .col2 {
	margin-right: 0;
}

#news-list .col1 ul li,
#news-list .col2 ul li {
	padding-left: 0;
	background: none;
	padding-bottom: 14px;
	color: #ab9d87;
}

#news-list span {
	line-height: 15px;
	color: #563e3a;
}

/* --------------
   NEWS ARTICLE
-------------- */

#news-article {
	padding-bottom: 32px;
}

#news-article h1 {
	color: #660000;
	font-size: 1.5em;
	margin-bottom: 26px;
}

#news-article img {
	border: none;
	float: right;
	padding: 0 0 20px 20px;
}

#news-article p {
	line-height: 17px;
}

#news-article .date {
	margin-bottom: 13px;
}

/* --------------
   PROMO
-------------- */

#promo-container {
	background: #5f2901;
	border-top: 1px solid #501901;
	border-bottom: 1px solid #501901;
}

#promo {
	width: 620px;
	margin: 0 auto;
	padding: 16px 350px 16px 30px;
	position: relative;
	text-align: left;
	line-height: normal;
	color: #fff;
	font-size: 1.2em;
}

#promo a {
	color: #ffed00;
	text-decoration: underline;
}

#promo a:hover {
	color: #e69802;
	text-decoration: underline;
}

.promo-action {
	position: absolute;
	top: 16px;
	right: 27px;
	width: 257px;
	text-align: center;
}

.promo-action .button-register { margin-bottom: 2px; }

#promo p { padding: 5px 0; }

/* --------------
   FOOTER
-------------- */

#footer-container {
	border-top: 1px solid #d8c8a8;
	padding: 10px 0;
	font-size: 0.85em;
	color: #aa9c86;
}

#footer,
#footer-landing {
	width: 940px;
	padding: 0 30px;
	position: relative;
	text-align: left;
	line-height: normal;
}

#footer-new {
	text-align: left;
	width: 940px;
	padding: 0 30px;
	margin: auto;
}

#footer-landing {
	text-align: left;
	margin: auto;
}

#footer ul,
#footer-new ul {
	/*float: left;*/
	list-style: none;
	margin-bottom: 10px;
}

#footer ul li,
#footer-new ul li {
	display: inline;
	padding-right: 15px;
}

#footer a ,
#footer-new a {
	color: #563e3a;
	text-decoration: none;
}

#footer a:hover,
#footer-new a {
	color: #3b0201;
	text-decoration: none;
}

/* --------------
   FORMS
-------------- */

input, textarea, select {
	border: 1px solid #ddd4b4;
	background: #fff;
}

input, textarea { padding: 2px 4px; }

form ul, #content form ul {
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
}

form ul li, #content form ul li {
	background: none;
	padding: 0;
	margin: 0 0 15px 0;
	float: left;
	width: 100%;
}

form ul li label {
	float: left;
	width: 140px;
	margin: 2px 20px 0 0;
}

form ul li input {
	float: left;
	width: 290px;
}

form ul li span {
	float: left;
	margin: 2px 0 0 5px;
	color: #aa9c86;
}

.form-note {
	clear: both;
	margin: 2px 0 0 160px;
	font-size: 0.85em;
	line-height: normal;
	color: #aa9c86;
}

.inp-short { width: 183px; }

form ul li.inl, #content form ul li.inl { padding: 15px 0; }

form ul li.inl input {
	width: auto;
	border: 0;
	background: none;
}

.errormsg {
	padding: 15px 0;
	color: #ed1c24;
}

label.err { color: #ed1c24; }

/* sign up */

#signup-form { margin-top: 15px; }

#signup-form li.inl input { margin: 2px 6px 0 0; }

#signup-form .button {
	width: 170px;
	height: 38px;
	border: 0;
	padding: 0;
	background: url(http://www.cennoapp.com/img/buttons/create.gif) no-repeat;
	cursor: pointer;
	margin-top: 15px;
}

/* login */

#login-form { margin-top: 15px; }

#login-form li.inl, #content #login-form ul li.inl { padding: 7px 0; }

#login-form li.inl input { margin: 2px 6px 0 160px; }

#login-form .button {
	width: 119px;
	height: 38px;
	border: 0;
	padding: 0;
	background: url(http://www.cennoapp.com/img/buttons/login-big.gif) no-repeat;
	cursor: pointer;
	margin-left: 160px;
}

/* --------------
   CMS
-------------- */

.big-txt { font-size: 20px; }

/* --------------
   OTHER
-------------- */

.home-links {
	margin: 37px 0 0;
	background: #fef2ac;
	padding: 30px;
}

.home-links .fb {
	display: inline-block;
	padding-left: 110px;
	background: url(http://www.cennoapp.com/img/fb.gif) 0 0 no-repeat;
	line-height: 36px;
	height: 36px;
}

.home-links .dwn {
	display: inline-block;
	padding-left: 53px;
	background: url(http://www.cennoapp.com/img/download.gif) 0 0 no-repeat;
	line-height: 37px;
	height: 37px;
	margin-left: 63px;
}

.download {
	position: absolute;
	left: 58px;
	width: 257px;
	height: 38px;
	bottom: 100px;
}

#video {
	float: right;
	width: 488px;
	height: 298px;
	margin-top: -26px;
	z-index: -999;
}

#video iframe { z-index: -999 !important; }

#social-media a {
	display: block;
	float: left;
	margin-right: 8px;
	width: 32px;
	height: 32px;
	text-decoration: none;
}

#social-media a#fb { background: url('http://www.cennoapp.com/img/socialmedia_sprite.png') 0 -806px no-repeat; }
#social-media a#twitter { background: url('http://www.cennoapp.com/img/socialmedia_sprite.png') 0 -2878px no-repeat; }
#social-media a#blogger { background: url('http://www.cennoapp.com/img/socialmedia_sprite.png') 0 -362px no-repeat; }
#social-media a#linkedin { background: url('http://www.cennoapp.com/img/socialmedia_sprite.png') 0 -1990px no-repeat; }
#social-media a#youtube { background: url('http://www.cennoapp.com/img/socialmedia_sprite.png') 0 -3766px no-repeat; }
#social-media a#google { background: url('http://www.cennoapp.com/img/socialmedia_sprite.png') 0 -3934px no-repeat; }

#horizontal h1 { margin-bottom: 16px; }
#horizontal h1 a { text-decoration: none; }
#horizontal > li { border-top: 1px solid #EFE6C1; padding-top: 20px; margin-top: 16px; }
#horizontal > li:first-child { border-top: none; padding-top: 0px; margin-top: 0px; }

#horizontal > li:first-child li {
	background: url("http://www.cennoapp.com/img/tick.gif") 0 0 no-repeat;
	padding-bottom: 10px;
	padding-left: 24px;
}

/*#fancybox-wrap { width: 490px !important; }*/
#fancybox-content {
	/*width: 470px !important;*/
	background: #FFFAD2 !important;
	border-color: #FFFAD2 !important;
}

#fancybox-content > div { padding: 14px 10px !important; }

@media \0screen {
	.subscribe { margin-top: 8px; }
}