html {height:100%;}
body {width:100%; height:100%; background-color:#FFF; margin:0; padding:0; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px; color:#666;}

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

.wrapper{width:1000px; height:100%; margin:auto; overflow:hidden;}


/* HEADER */
.header{height:112px; background: #000;}
.logo{width:300px; height:100%; float:left;}
.menu{margin-right:18px; float:right; font-size:16px; height:100%;/* width:560px;*/}
.menu ul{list-style:none; margin-top:36px;}
.menu ul li{float:left; height:40px;}
.menu ul li a{color:#999999; text-decoration:none; padding:12px 18px 12px 21px; float:left; line-height:16px; margin-right:3px;}
.menu ul li a:hover{color:#FFF;}
.menu ul li span{float:left; height:100%; width:0;}
.menu ul li.active a{color:#70C8FF; background: url("../../assets/img/menu_btn_start.png") no-repeat; margin-right:0;}
.menu ul li.active span{background: url("../../assets/img/menu_btn_end.png") no-repeat; width:3px;}

/* SPLASH */
.splash{height:416px; background:#FFF url("../../assets/img/home_splash_bg.jpg") repeat-x;}
.splash .screenshots{background: url("../../assets/img/splash_screenshots.png") no-repeat; height:100%; width:691px; float:left;}
.splash .desc{float:right;/* width:274px; */margin:54px 18px 0 0; text-align:right; color:#000;}
.splash .desc .title{font-size:28px; font-style:italic; display:block;}
.splash .desc .subtitle{font-size:18px; display:block; margin:15px 0 26px 0; line-height:1.1em;}
.splash #demo_button{float:right;}
.splash #demo_button input{width:166px;}

.int_splash{height:111px; background:#FFF url("../../assets/img/home_splash_bg.jpg") repeat-x top left; border-bottom:1px solid #d9d9d9; overflow:hidden; margin-bottom:43px;}
.int_splash .screenshots{background: url("../../assets/img/splash_internal.png") no-repeat; height:100%; width:628px; float:left; margin:16px 0 0 35px;}
.int_splash .desc{float:right; margin-right: 18px; text-align:right; color:#000; height:100%;}
.int_splash .desc .title{font-size:28px; font-style:italic; display:block; height:2em; position:relative; top:50%; margin-top:-1em;}


/* CONTENT */
.content{width:934px; margin:0 auto 48px auto; padding:22px 22px; background:#FFF url("../../assets/img/home_content_bg.png") no-repeat; overflow:hidden;}
.col_626{float:left; width:626px; margin:0 28px 0 0;}

.home .questions{float:left; width:273px;}
.home .feature{float:left; width:300px; margin:32px 10px 0 2px;}
.home .feature div h3{position:relative; top:50%; margin-top:-20px; height:40px; float:left;}
.home .feature .pictures_icon{height:62px; overflow:hidden; margin-bottom:10px; background:#FFF url("../../assets/img/icons/pictures.png") no-repeat; padding-left:78px;}
.home .feature .users_icon{height:62px; overflow:hidden; margin-bottom:10px; background:#FFF url("../../assets/img/icons/users.png") no-repeat; padding-left:78px;}
.home .feature .star_icon{height:62px; overflow:hidden; margin-bottom:10px; background:#FFF url("../../assets/img/icons/star.png") no-repeat; padding-left:78px;}
.home .feature .box_icon{height:62px; overflow:hidden; margin-bottom:10px; background:#FFF url("../../assets/img/icons/box.png") no-repeat; padding-left:78px;}
.home .feature span{line-height:20px;}

.features .content ul{list-style:none;}
.features .content li{float:left; width:300px; margin:32px 6px 0 2px; padding:128px 0 0 0;}
.features .content li.easy{background:transparent url("../../assets/img/feature_easy.png") no-repeat top center;}
.features .content li.customizable{background:transparent url("../../assets/img/feature_customizable.png") no-repeat top center;}
.features .content li.extensible{background:transparent url("../../assets/img/feature_space.png") no-repeat top center;}
.features .content li.albums{background:transparent url("../../assets/img/feature_album.png") no-repeat top center;}
.features .content li.multiuser{background:transparent url("../../assets/img/feature_multiuser.png") no-repeat top center;}
.features .content li.cool{background:transparent url("../../assets/img/feature_cool.png") no-repeat top center;}
.features .content li.rating{background:transparent url("../../assets/img/feature_rating.png") no-repeat top center;}
.features .content li.files{background:transparent url("../../assets/img/feature_files.png") no-repeat top center;}
.features .content li.money{background:transparent url("../../assets/img/feature_money.jpg") no-repeat top center;}
.features .content li h3{font-size:20px; color:#c63271; margin:0 0 2px 0;}
.features .content li span{line-height:20px;}

.demo .content .screenshot{width:626px; height:421px; background: transparent url("../../assets/img/demo_bg.jpg") no-repeat; margin:20px 0 34px 0;}
.demo .content .info{float:left; width:403px; padding-left:13px; line-height:20px;}
.demo .content .login_data{float:left; border-left:1px solid #d8d8d8; padding:0 0 20px 24px; width:180px}
.demo .content .login_data h3{font-size:20px; color:#c63271;}
.demo .content .login_data ul{list-style:none;}
.demo .content .login_data li{background: transparent url("../../assets/img/icons/verified.png") no-repeat; padding:0 0 0 25px; margin-top:22px;}
.demo .content .login_data li span{font-size:12px; line-height: 14px; display:block; margin-top:4px;}

.prices .content .big_text{display:block; color:#333333; font-size:18px; line-height:20px; margin:25px 0;}
.prices .content .screenshot{width:626px; height:362px; background: transparent url("../../assets/img/prices_bg.jpg") no-repeat;}
.prices .content .requirements{float:left; width:252px; height:373px; background: transparent url("../../assets/img/prices_requirement	s_bg.png") no-repeat; margin-top:27px; font-size:12px; color:#666666; line-height:20px; padding:23px 0 0 23px;}
.prices .content .requirements .title{font-size:14px;}
.prices .content .packet_info{width:385px; float:left; margin:0 15px 0 0; line-height:20px;}
.prices .content .packet_info h3{font-size:20px; color:#c63271; margin:19px 0 20px 0;}
.prices .content .packet_info span.little{font-size:11px; line-height:13px; display:block;}
.prices .content .cost_info{width:188px; float:left; border-left:1px solid #d8d8d8; padding:12px 0 22px 25px; margin-top:19px; line-height:20px;}
.prices .content .cost_info .cost{line-height:42px;}
.prices .content .cost_info span.euro{font-size:39px; color:#000;}
.prices .content .cost_info span.amount{font-size:42px; color:#c63271;}
.prices .content .cost_info span.monthly{font-size:26px;}
.prices .content .cost_info #getit_button{margin-top:8px;}
.prices .content .cost_info #demo_button{margin-top:8px;}
.prices .content .cost_info #getit_button input{width:166px;}
.prices .content .cost_info #demo_button input{width:166px;}

.request .content .center_768{width:768px; margin:54px auto 0 auto; overflow:hidden;}
.request .content .left{width:275px; float:left; margin-right:108px;}
.request .content .right{width:286px; float:left; border-left:1px solid #d8d8d8; padding:0 0 66px 98px;}
.request .content .contacts{margin-top:80px;}
.request .content .contacts span{margin-top:14px; padding-left:8px; display:block; line-height:20px;}
.request .content .right span.text{line-height:20px; display:block; margin-top:12px;}
.request .content .right form{margin:22px 0 0 0;}
.request .content .right input[type="text"]{width:272px; margin-bottom:10px;}
.request .content .right textarea{width:272px; margin-bottom:10px; height:160px;}
.request .content .right #request_button{float:right; margin-top:5px;}
.request .content .right #request_button input{width:166px;}
.request .content .right span.forcheck{display:block; margin:6px 0 22px 0; overflow:hidden; line-height:14px; font-size:12px;}
.request .content .right span.forcheck input{float:left;}
.request .content .right span.forcheck label{float:left; width:240px; margin-left:8px;}

.questions{float:left; width:275px;}
.questions form{margin:32px 0 0 0;}
.questions input[type="text"]{width:259px; margin-bottom:10px;}
.questions textarea{width:259px; margin-bottom:10px; height:130px;}
.questions #question_button{float:right; margin-top:5px;}
.questions #question_button input{width:166px;}

div.result{margin:0 0 16px 0;}
div.result span.error{display:block; margin:0 0 6px 0; background:transparent url("../../assets/img/icons/cross_circle.png") no-repeat; padding-left:22px; line-height:16px}
div.result span.information{display:block; margin:0 0 6px 0; background:transparent url("../../assets/img/icons/information.png") no-repeat; padding-left:22px; line-height:16px}
div.result span.success{display:block; margin:0 0 6px 0; background:transparent url("../../assets/img/icons/tick_circle.png") no-repeat; padding-left:22px; line-height:16px}


#privacy_dialog p{margin: 1em 0;}
#privacy_dialog ul{display: block; list-style-type: disc; margin: 1em 0; padding-left: 40px;}
#privacy_dialog ol{display: block; list-style-type: decimal; margin: 1em 0; padding-left: 40px;}
#privacy_dialog ol.lower_alpha{list-style-type:lower-alpha;}
#privacy_dialog li{display: list-item;}

/* FOOTER */
.footer{background:#000; font-family:'Trebuchet MS'; font-size:11px;}
.footer .left{height:85px; float:left; margin-left:12px;}
.footer .right{height:85px; float:right; line-height:85px; margin-right:12px;}
.footer .credits{height:30px; position:relative; top:50%; margin-top:-15px; line-height:1.3em;  background:#000 url("../../assets/img/icons/mini_logo.png") no-repeat; padding-left:39px;}


h2{font-size:28px; color:#000; font-weight: normal;}
h2.icon_bubble{background:transparent url('../../assets/img/icons/bubble.png') no-repeat; padding-left:52px;}
h2.icon_phone{background:transparent url('../../assets/img/icons/phone.png') no-repeat; padding-left:52px;}
h2.icon_cart{background:transparent url('../../assets/img/icons/cart.png') no-repeat; padding-left:52px;}
h3{font-size:16px; color:#333; font-weight: normal; line-height:20px;}


.bottom_border{border-bottom:1px solid #d8d8d8; padding:8px 0 15px 0; overflow:hidden;}
.bottom_border2{border-bottom:1px solid #d8d8d8; padding:4px 0 8px 0; overflow:hidden;}


.styled{overflow:hidden;}
.styled input[type="button"],
.styled input[type="submit"]{float:left; cursor:pointer; background: url("../../assets/img/input_btn_start.png") no-repeat; border: none; height:40px; font-size:15px; color:#333333; padding:1px 0 0 5px;}
.styled .button_ending{float:left; cursor:pointer; background: url("../../assets/img/input_btn_end.png") no-repeat; height:40px; width:5px;}

textarea{resize:none;}

input[type="text"], textarea{border:1px solid #d2d2d2; padding:10px 6px; color:#333333; font-family:'Arial'; font-size:12px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
input[type="text"].label, textarea.label{ font-style:italic; color:#b4b4b4;}