/*** main containers ***/
html {
background-color:#000;
}

body {
width:100%;
float:left;
cursor:default;
font-family: Arial, Helvetica, Verdana, 'sans-serif';
font-size:0.65em;
}

/*** main font style ***/
h2 {
color:#E5352C;
font-size:2.5em;
line-height:1.2em;
text-transform:uppercase;
font-weight:normal;
margin:0 0 10px 0;
}

h3 {
color:#E5352C;
font-size:1.8em;
line-height:1.2em;
text-transform:uppercase;
font-weight:normal;
margin:0 0 10px 0;
}

h4 {
color:#E5352C;
font-size:1.2em;
line-height:1.2em;
text-transform:uppercase;
font-weight:normal;
margin:0 0 10px 0;
}

p {
color:#000;
font-size:1.2em;
line-height:1.5em;
}

a {
color:#E5352C;
text-decoration:none;
cursor:pointer;
}

a:hover,
a:focus,
a:active {
color:#000;
}

/*** containers ***/
#bgContainer {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
min-width:1040px;
max-width:1500px;
float:left;
background:transparent url(../pics/bg-body-small.jpg) center center no-repeat;
background-attachement:fixed;
z-index:1;
}

#page {
position:relative;
width:980px;
float:left;
z-index:2;
}

#wrapper-1 {
position:relative;
top:110px;
width:240px;
float:left;
padding:0 0 50px 0;
}

#navigation {
width:100%;
float:left;
}

#wrapper-2 {
width:740px;
float:left;
padding:0 0 50px 0;
}

#home {
width:740px;
float:left;
padding:10px 0 0 0;
background:transparent url(../pics/home-top.png) top left no-repeat;
}

#main {
width:430px;
float:left;
}

span.home-bottom {
width:740px;
height:10px;
background:transparent url(../pics/home-bottom.png) top left no-repeat;
float:left;
}

span.main-top {
position:relative;
width:430px;
height:10px;
background:transparent url(../pics/main-top.png) top left no-repeat;
float:left;
z-index:100;
}

span.main-bottom {
width:430px;
height:10px;
background:transparent url(../pics/main-bottom.png) top left no-repeat;
float:left;
}

span.info-bottom {
width:300px;
height:10px;
background:transparent url(../pics/info-bottom.png) top left no-repeat;
float:left;
}

span.main-top.no-bg-image,
span.main-bottom.no-bg-image,
span.info-top.no-bg-image,
span.info-bottom.no-bg-image {
background-image:none;
}

#main {
width:430px;
float:left;
padding:10px 0 0 0;
background:transparent url(../pics/main-top.png) top left no-repeat;
}

#info-wrapper {
width:300px;
float:right;
}

#info {
width:300px;
float:right;
padding:10px 0 0 0;
background:transparent url(../pics/info-top.png) top left no-repeat;
}

/*** header ***/
#header {
width:100%;
height:110px;
float:left;
}

#logo {
width:300px;
float:right;
}

/*** adress ***/
.adress {
width:230px;
float:left;
margin:38px 0 0 0;
padding:10px 0 0 0;
background:transparent url(../pics/text-top.png) top right no-repeat;
}

.adress .text {
width:210px;
float:left;
padding:0 10px 0 10px;
background:transparent url(../pics/bg-nav.png) top right repeat;
}

span.adress-bottom {
width:230px;
height:10px;
float:left;
background:transparent url(../pics/text-bottom.png) top right no-repeat;
}

.adress .text p {
color:#fff;
text-transform:uppercase;
letter-spacing:0.05em;
}

.adress .text p a:hover {
color:#fff;
}

/*** text ***/
.text {
padding:0 10px 0 10px;
float:left;
}

.image {
padding:0 0 10px 0;
}

#main .image a {
width:auto;
overflow:hidden;
/*
border:2px solid #E5352C;
*/
float:left;
margin:0 0 10px 0;
}

#info .image a {
width:auto;
overflow:hidden;
/*
border:2px solid #E5352C;
*/
float:left;
margin:0 0 10px 0;
}

#main .image.right a,
#info .image.right a {
position:relative;
/*
left:-2px;
border:2px solid #E5352C;
*/
float:left;
width:auto;
}

#main .image.left a,
#info .image.left a {
/*
border:2px solid #E5352C;
*/
float:left;
width:auto;
}

/*
#main .image a:hover,
#info .image a:hover,
#main .image.right a:hover,
#info .image.right a:hover,
#main .image.left a:hover,
#info .image.left a:hover {
border:2px solid #000;
}
*/

.text.single {
padding:0 10px 0 10px;
margin:0;
}

.image.single {
padding:0;
}

#main .image.single a,
#info .image.single a {
margin:0;
}

span.image-zoom {
position:absolute;
margin:-8px 0 0 -7px;
z-index:1;
width:16px;
height:16px;
background:transparent url(../pics/image-zoom.png) 0 0 no-repeat;
float:right;
}

/*** main ***/
#main .text {
width:410px;
background-color:#fff;
}

.text ul li {
margin:0 0 0 15px;
list-style-type: disc;
list-style-position: outside;
color:#000;
font-size:1.2em;
line-height:1.5em;
padding:0 0 0 5px
}

.text ol li {
margin:0 0 0 20px;
list-style-type: decimal;
list-style-position: outside;
color:#000;
font-size:1.2em;
line-height:1.5em;
}

#main .main-space {
width:430px;
height:40px;
float:left;
background:transparent url(../pics/main-space.png) top left no-repeat;
}

#main .main-white {
width:430px;
height:15px;
float:left;
background-color:#fff;
}

#main .main-break {
width:430px;
height:20px;
float:left;
background-color:#fff;
border-top:1px solid #E5352C;
}

#main .main-break-noline {
width:430px;
height:20px;
float:left;
background-color:#fff;
}

#main.sender-template span.main-space {
height:30px;
}

#main .image.left {
width:180px;
float:left;
padding:6px 20px 10px 0;
}

#main .image.left img {
float:left;
}

#main .image.right {
width:180px;
float:right;
padding:6px 0 10px 20px;
}

#main .image.right img {
float:right;
}

#main span.block-text.left {
float:right;
width:210px;
}

#main span.block-text.right {
float:left;
width:210px;
}

/*** info ***/
#info .text {
width:280px;
background-color:#fff;
}

#info .main-space {
width:300px;
height:40px;
float:left;
background:transparent url(../pics/info-space.png) top left no-repeat;
}

#info .main-white {
width:300px;
height:15px;
float:left;
background-color:#fff;
}

#info .main-break {
width:300px;
height:20px;
float:left;
background-color:#fff;
border-top:1px solid #E5352C;
}

#info .main-break-noline {
width:300px;
height:20px;
float:left;
background-color:#fff;
}

#info .image.left {
width:100px;
float:left;
padding:6px 20px 10px 0;
}

#info .image.left img {
float:left;
}

#info .image.right {
width:100px;
float:right;
padding:6px 0 10px 20px;
}

#info .image.right img {
float:right;
}

#info span.block-text.left {
float:right;
width:160px;
}

#info span.block-text.right {
float:left;
width:160px;
}

/*** home ***/
#home .text {
padding:0;
}

#home .text h2,
#home .text span.subtitle p {
background-color:#fff;
margin:0;
padding:0 10px 0 10px;
}

span.subtitle p {
color:#000;
font-size:1.8em;
line-height:1.2em;
text-transform:uppercase;
font-weight:normal;
}

span.home-top {
background:transparent url(../pics/home-top.png) top left no-repeat;
height:10px;
width:740px;
float:left;
}

.image-home {
position:relative;
z-index:50;
width:550px;
overflow:hidden;
padding:110px 0 20px 20px;
}

.text.home {
position:relative;
margin:-150px 0 0 0;
z-index:5;
}

.text.home .home-link {
background-color:#fff;
float:right;
padding:10px 20px 10px 20px;
width:700px;
}

.text.home .home-link a {
position:relative;
float:right;
z-index:100;
}

/*** slideshow ***/
.slider-wrapper {
width:280px;
padding:0 10px 0 10px;
background-color:#fff;
float:left;
}

.slideFixedWidth {
background-color:#fff;
width:280px;
height:400px;
overflow:hidden;
}

.slideFixedWidth span p {
position:relative;
font-family:Georgia, Times, serif;
font-weight:bold;
font-style:italic;
font-size:2em;
text-align:center;
color:#E5352C;
letter-spacing:0.05em;
line-height:1.2em;
width:260px;
padding:0 10px 0 10px;
margin:130px 0 0 0;
}

/*** link ***/
.text.link,
.text.download {
padding-bottom:0;
}

.text.link a {
display:block;
padding:4px 0 4px 27px;
background:#fff url(../pics/link.gif) 0 3px no-repeat;
font-size:1.2em;
line-height:1.5em;
}

.text.link a:hover {
background:#fff url(../pics/link-on.gif) 0 3px no-repeat;
}

.text.download img {
margin-top:6px;
float:left;
}

.text.download a {
display:block;
padding:4px 0 4px 27px;
font-size:1.2em;
line-height:1.5em;
}

.text.download a span {
font-size:0.8em;
text-transform:uppercase;
color:#000;
}

/*** sender template ***/
#main.sender-template {
background-image:none;
padding:0;
}

.pool-header {
width:100%;
float:left;
}

.pool-header h3 {
margin:0;
padding:0 0 5px 0;
border-bottom:1px solid #E5352C;
}

.item-container {
float:left;
width:100%;
border-top:1px solid #E5352C;
}

.item-container p {
padding:4px 0 4px 0;
font-size:1.2em;
letter-spacing:0.05em;
}

.tarif {
padding:70px 10px 0 10px;
margin:auto;
}

.tarif.pool-tarif {
padding:10px 10px 0 10px;
margin:auto;
}

.pool-item {
width:50px;
float:left;
height:50px;
padding:10px 0 0 0;
margin:0 0 -10px 0;
}

a.pool-tarif,
a.pool-area {
font-size:15px !important;
line-height:1em !important;
float:left;
width:auto;
padding-right:30px !important;
background-position:0 2px !important;
}

.item-container a.pool-tarif {
position:relative;
z-index:10000;
margin:0 0 -8px 0;
}

/* tarif table */
.tarif table {
border:none !important;
}

.tarif table tr {
border:none !important;
}

/*
.tarif table td {
border:1px solid #fff !important;
}
*/

.tarif table td font {
/*
text-align:left !important;
*/
padding:2px !important;
/*
font-size:10px !important;
float:left !important;
display:inline !important;
*/
}

/* sender */
.sender {
width:300px;
float:right;
}

.sender h4 {
border-bottom:1px solid #E5352C;
}

.sender-logo {
width:80px;
float:left;
}

.sender-logo-tarif {
position:absolute;
width:auto;
height:auto;
top:10px;
left:10px;
float:left;
}

/*** form ***/
.form-space {
float:left;
width:100%;
padding:0 0 20px 0;
}

form label,
form input,
form textarea,
form .formBlock span {
font-size:1.2em;
line-height:1.5em;
font-family: Arial, Helvetica, Verdana, 'sans-serif';
}

form label,
form input,
form textarea,
form .formBlock span {
font-size:1.2em;
line-height:1.5em;
font-family: Arial, Helvetica, Verdana, 'sans-serif';
}

form input.input,
form textarea {
width:250px;
float:right;
padding:2px;
border:1px solid #ddd;
background-color:#fafafa;
}

form .label {
float:left;
width:140px;
}

form .label-title {
display:inline;
width:auto;
}

form .selectInput {
width:264px;
float:right;
}

form select.selectInput {
width:255px;
float:right;
font-size:1.2em;
background-color:#fafafa;
border:1px solid #ddd;
padding:2px 0 2px 0;
}

form .selectInput .formBlock {
float:right;
width:255px;
}

form .selectInput .formBlock span {
float:right;
width:235px;
padding:0;
}

form .radio,
form .checkbox {
padding:0 10px 0 0;
float:left;
border:none;
width:16px;
margin:4px 0 0 0;
}

span.mandatory {
width:10px !important;
margin:0 0 0 5px;
}

.submit {
margin:20px 0 -20px 0;
float:right;
cursor:pointer;
}

/*** anchor-nav ***/
.anchor-list {
width:100%;
padding:20px 0 20px 0;
float:left;
}

span.anchor-nav,
div.anchor-nav {
width:100%;
padding:0 0 5px 0;
float:left;
}

span.anchor-nav a.anchor,
div.anchor-nav a.anchor {
width:auto;
padding:1px 5px 0 5px;
float:left;
background:transparent url(../pics/bg-nav.png) 0 0 repeat;
text-transform:uppercase;
color:#fff;
font-size:15px;
line-height:1.5em;
}

span.anchor-nav a.anchor:hover,
div.anchor-nav a.anchor:hover {
background-image:none;
background-color:#E5352C;
}

span.anchor-nav a.anchor img,
div.anchor-nav a.anchor img {
position:relative;
top:-5px;
}

span.anchor-nav.top-button a,
div.anchor-nav.top-button a {
position:relative;
left:440px;
top:-44px;
line-height:1.5em;
padding:2px 5px 0 5px;
}

/*** sender link ***/
.link-wrapper {
float:left;
padding:0 0 30px 0;
width:100%;
}

.fade-area-1 {
position:relative;
float:left;
width:430px;
}

.text.sender-link {
padding-bottom:0;
}

.text.sender-link h4 {
margin-bottom:0;
}

.sender-link-item {
float:left;
}

.sender-link-item a,
.sender-link-item span {
width:80px;
height:80px;
padding:10px;
overflow:hidden;
background:transparent url(../pics/link-sender-bg.png) 0 0 no-repeat;
float:left;
margin:10px 10px 0 0;
cursor:pointer;
}

.sender-link-item span {
cursor:default;
}

.no-margin-right a {
margin-right:0px;
}

/*** flash ***/
.sbMovieLink {
position:relative;
width:360px;
float:left;
padding:10px 0 10px 0;
margin:0;
z-index:100;
}

.sbMovieLink a {
color:#E5352C;
font-size:1.3em;
line-height:1.5em;
}

.sbMovieLink a:hover {
text-decoration: none;
color: #000;
}

.sbMovieLink span.moviePlayButton {
position:relative;
width:30px;
height:30px;
float:left;
background:transparent url(../pics/moviePlayButton.png) 0 0 no-repeat;
margin:-6px 0 0 0;
padding:0 10px 0 0;
z-index:130;
}

.sbMovieContainer {
position:relative;
float:left;
padding:0;
margin:0;
overflow:hidden;
z-index:100;
}

.sbMovieContainer img {
z-index:110;
}

.sbMovieContainer a img {
position:relative;
left:0;
top:0;
margin:0;
opacity: 0.9;
-moz-opacity:0.9;
filter:Alpha(opacity=90);
z-index:120;
}

.sbMovieContainer a:hover img {
opacity: 1;
-moz-opacity:1;
filter:Alpha(opacity=100);
}

.moviePlayButton {
position:absolute;
width:30px;
height:30px;
float:left;
background:transparent url(../pics/moviePlayButton.png) 0 0 no-repeat;
padding:0;
z-index:130;
}

/*** image gallery ***/
.sbSimpleImageContainer {
width:100%;
float:left;
padding:0 0 30px 0;
}

.sbSimpleImageContainer span.main-top,
.sbSimpleImageContainer .text.sender-link,
.sbSimpleImageContainer span.main-bottom,
.sbSimpleImageContainer .sbSimpleGalleryContainer {
position:relative;
top:-10px;
}

.image-gallery-item {
width:80px;
height:80px;
padding:10px;
overflow:hidden;
background:transparent url(../pics/link-sender-bg.png) 0 0 no-repeat;
float:left;
margin:10px 10px 0 0;
}

.image-gallery-item a {
width:80px;
height:80px;
overflow:hidden;
cursor:pointer;
padding:0;
margin:0;
float:left;
}

.no-margin-right {
margin-right:0px;
}

/*** fullscren ***/
.fullscreen .text {
background-color:#fff;
width:740px;
}

.fullscreen .text h2, 
.fullscreen .text h3, 
.fullscreen .text p {
padding:0 10px 0 10px;
}

.fullscreen .text h3 {
color:#000;
}

.fullscreen .text .image {
padding:10px;
}

#home.fullscreen .text.download,
#home.fullscreen .text.link,
#home.fullscreen .text.code {
padding-left:10px;
padding-right:10px;
width:720px;
}

#home.fullscreen .text embed {
position:relative;
left:10px;
}

.fullscreen .main-space {
width:740px;
height:40px;
float:left;
background:transparent url(../pics/fullscreen-space.png) top left no-repeat;
}

.fullscreen .main-white {
width:740px;
height:15px;
float:left;
background-color:#fff;
}

.fullscreen .main-break {
width:740px;
height:20px;
float:left;
background-color:#fff;
border-top:1px solid #E5352C;
}

.fullscreen .main-break-noline {
width:740px;
height:20px;
float:left;
background-color:#fff;
}

.fullscreen .text .image a {
width:auto;
overflow:hidden;
float:left;
margin:0 0 10px 0;
}

.fullscreen .text .image.right a {
position:relative;
float:left;
width:auto;
}

.fullscreen .text .image.left a {
float:left;
width:auto;
}

.fullscreen .text .image.left {
width:250px;
float:left;
padding:6px 20px 10px 10px;
}

.fullscreen .text .image.right {
width:250px;
float:right;
padding:6px 10px 10px 20px;
}

.fullscreen .text span.block-text.left {
float:right;
width:460px;
}

.fullscreen .text span.block-text.right {
float:left;
width:460px;
}

.fullscreen .text .image.above {
width:720px;
float:left;
}

/*** multi image container ***/
.text .leftFloat {
width:auto;
float:left;
padding:0 0 10px 10px;
}

.text .rightFloat {
width:auto;
float:right;
padding:0 10px 10px 0;
}

/*** helpers ***/
.blockAdminbar {
width:100%;
height:24px;
float:left;
display:block;
}

.mgnlControlBarSmall {
clear:both !important;
}

.info-area {
width:100%;
float:left;
background-color:#ffffdd;
margin:0 0 10px 0;
}

.info-area p {
padding:3px;
font-family:Arial, Helvetica, Verdana sans-serif !important;
font-size:0.8em !important;
color:#777;
text-align:center;
border:1px solid yellow;
font-style:normal !important;
font-weight:normal !important;
}

.error-area {
width:100%;
float:left;
background-color:#ffeeee;
margin:0 0 10px 0;
}

.error-area p {
padding:3px;
font-family:Arial, Helvetica, Verdana sans-serif !important;
font-size:0.8em !important;
color:#777;
text-align:center;
border:1px solid red;
font-style:normal !important;
font-weight:normal !important;
}

.hidden,
.hiddenInput {
display:none;
visibility:hidden;
}

h4 a,
h4 a:hover {
background-image:none !important;
padding:0 !important;
cursor:default !important;
color:#E5352C !important;
}

/* mgnl controlbar */
.mgnlControlBarSmall {
position:relative;
z-index:100000 !important;
}

/*** end of css ***/