div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.contentIframe{
	height: 800px;
	margin-left: 5px;
}
div.contentIframe iframe{
	min-height: 1000px;
	width: 100%;
}
ul{
	margin:0;
}
#backgroundHeaderMenu{
    background: url("../images/design/bg_header.jpg") repeat-X;
    height: 22px;
    width: 100%;
    left:0px;
    top:0px;
    position:fixed;
    z-index: 9999;
}
#headerMenu{
    width: 990px;
    margin: 0 auto;
    height: 22px;
    text-align: right;
    line-height:22px;
}
#headerMenu ul{
    margin: 0;
}
#headerMenu ul li{
    display: inline-block;
    height:12px;
    line-height: 12px;
    border-right: 1px solid #aaa;
    margin: 2px auto auto -5px;
    padding: 0 10px;
}
#headerMenu ul li a{
    color: #bababa;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
}
#headerMenu ul li:last-child{
    border: 0;
    padding-right: 0;
}
#headerMenu ul li a:hover{
    color: #fff;
}
#headerMenu ul li.active a{
	color: #666;	
}
#background{
    background: url("../images/design/bg.jpg") repeat-X #380000;
    width: 100%;
}
#shadow{
    background: url("../images/design/shadow.png") repeat-Y;
    width: 1044px;
    margin: 0 auto;
}
#main_bg, #main_en, #main_ru{
    background: url("../images/design/bg_middle_bg.jpg") no-repeat #380000;
    width: 990px;
    margin: 0 auto;
}
 #main_en{
    background: url("../images/design/bg_middle_en.jpg") no-repeat #380000;
 }
 #main_ru{
    background: url("../images/design/bg_middle_ru.jpg") no-repeat #380000;
 }
#leftColumn{
    width: 240px;
    float: left;
}
#prepend-labelAfrodite, #prepend-labelAfrodite1, #prepend-labelAfrodite2, #prepend-labelAfrodite3, #prepend-labelAfroditePalace{
	background: url("../images/design/logo_afrodite.png") no-repeat center;
	height: 64px;
	margin-top: 10px;
}
#labelAfrodite, #labelAfrodite1, #labelAfrodite2, #labelAfrodite3, #labelAfroditePalace, #labelAfroditeGardens, #labelAfroditeRose {
    width: 215px;
    height: 85px;
    margin: 0px auto 10px;
    background: url("../images/design/afrodite.png") no-repeat;
}
#labelAfrodite1{
    background: url("../images/design/afrodite1.png") no-repeat;
}
#labelAfrodite2{
    background: url("../images/design/afrodite2.png") no-repeat;
}
#labelAfrodite3{
    background: url("../images/design/afrodite3.png") no-repeat;
}
#labelAfroditePalace{
    background: url("../images/design/afrodite_palace.png") no-repeat;
}
#labelAfroditeGardens{
    background: url("../images/design/afrodite_gardens.png") no-repeat center;
	height: 170px;
}
#labelAfroditeRose{
    background: url("../images/design/afrodite_rose.png") no-repeat center;
	height: 170px;
}

#afroditeLeftColumnMenu ul li{
    margin: 0;
    height:20px;
    line-height: 20px;
    text-align:center;
}
#afroditeLeftColumnMenu ul li a{
    color: #deb759;
    font-family: arial;
    font-size: 12px;
}
#afroditeLeftColumnMenu ul li.active a/*,  #homeLeftColumnMenu ul li.active a*/{
    color: #8e6709;
}
.accent1 {
	font-size: 20px;
	color: #00ff00;
}
.accent2 {
	font-size: 20px;
	color: #00ffff;
}
.complexPrices a {
    color: #f0d492 !important;
}
.complexPrices a:hover {
    color: #ffffff !important;
}
#ornamentUp, #ornamentDown{
    width: 140px;
    height: 42px;
    margin: 10px auto;
    background: url("../images/design/ornament_up.png") no-repeat;
}
#ornamentDown{
    background: url("../images/design/ornament_down.png") no-repeat;
}
#rightColumn{
    float: left;
    width: 750px;
}
#title{
    height: 55px;
}
.redirect {
    color: #fff;
    float: left;
    height: 22px;
    line-height: 22px;    
}
.redirect a {
    color: #fff;
}
.redirect a:hover {
    color: #66ffff;
}



#languages{
    height: 22px;
    text-align: right;
    line-height:22px;
    float: right;
}
 #languages ul{
    margin: 0;
    padding-right: 6px;
}
#languages ul li{
    display: inline-block;
    height:11px;
    line-height: 11px;
    border-right: 1px solid #e2a891;
    margin: 2px auto auto -5px;
    padding: 0 8px;
}
#languages ul li a{
    color: #e2a891;
    font-family: arial;
    font-size: 11px;
}
#languages ul li:last-child{
    border: 0;
    padding-right: 5px;
}
#languages ul li a:hover{
    color: #fff;
}
#languages ul li.active a{
    color: #a26851;
}
#rightWrapper{
    width: 740px;
	border: 1px solid #c9a46a;
}
#firstSlide1Wpapper{
    height: 385px;
}
#firstSlide1Wpapper > #slide1 img{
    width: 732px;
    /*g margin: 4px;*/
}
#secondSlide1Wpapper{
	width: 494px;
    height: 330px;
	margin: 20px 20px 0px;
	float: left;
}
#secondSlide1Wpapper > #slide1 img{
    width: 494px;
	-moz-box-shadow: 4px 4px 12px -1px #000;
	-webkit-box-shadow: 4px 4px 12px -1px #000;
	box-shadow: 4px 4px 12px -1px #000;
/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');	
}
#ornamentDivider{
    width: 460px;
    height: 40px;
    margin: 0px auto 10px;
    background: url("../images/design/ornament_divider.png") no-repeat 0px 15px;
}
#pageTitle{
    width: 700px;
    height: 30px;
    margin: 0px auto;
    text-align:center;
    font-size:20px;
    line-height: 30px;
}
#pageContent{
	text-align: justify;
    font-size: 14px;
	line-height: 14px;	
	margin: 3px;	
}
.background{
	background: url("../images/design/bg_gold_h.jpg") repeat-y;
	color: #24200a;
}
.presentation{
    font-family: Times new roman;
	font-size: 16px;
	line-height: 16px;
	padding: 0 23px;
}
.aboutUs{
	padding: 10px 15px 15px 15px;	
}
.exhibitions {
	padding: 10px 15px;	
}
.dotesSpace{
	margin: 5px auto;
	overflow: hidden;
	width: 700px;
}
.distribution{
	padding: 10px;	
}

.paymentScheme{
	padding: 20px 10px 10px 30px;	
}
.locations{
	padding: 10px;	
}
.locations p{
    padding-left: 15px;
    padding-right: 15px;
}
.locations p:last-child{
    padding-left: 0;
}
.videos {
	padding: 10px;	
}
.otherEstates {
	padding: 15px;
}
.contact{
	padding: 10px 50px;
}
.marginViewPicBlock {
    margin-top: -160px !important;
}

.logoBM {
    width: 230px;
    margin: 0px auto;    
}
.imgLogoBM {
    height: 60px;
    margin-top: 10px;
}
.pageTitleWidthLogo {
    text-align:center;
    font-size:20px;
    line-height: 20px;
}


.forum {
	padding: 10px 0 5px 0;
}
.forum p{
	margin: 0 15px 15px;	
}
.forPurchaser{
	padding: 10px 15px;
	line-height: 20px;
}
.forPurchaser ol{
    margin-left: 5px;
}
.for_sunny_beach{
    padding: 10px 15px;
}
.for_sunny_beach p:nth-child(2){
    margin-top: 20px;
}
.for_sunny_beach p:last-child{
    margin-bottom: 10px;
}
#tabs{
    margin-top: 10px;
}
#complexDescription{
	padding: 20px;
}
/*.description p:last-child, .aboutUs p:last-child, .locations p:last-child,*/  p:last-child{
	margin-bottom: 0;
}


.locations a, small a{
    font-size: 13px;
	font-weight: bold;
    color: #7c0c0c;
}
.locations a:hover, small a:hover{
    color: #ff0000;
}
/* Images Menu */
#complexesImgMenu{
	margin: 30px auto 10px 0;
	width: 740px;
	padding: 4px;
}
#imgMenu{
    height: 190px;
    width: 740px;
}
.imgMenuItem{
    display: block;
    color: #f0d492;
    float: left;
    text-align: center;
    width: 243px;
}
.imgMenuItemHeader{
    text-align: center;
    font-size: 14px;
    margin-bottom: 7px;
}
.imgMenuItemFooter{
    text-align: center;
    font-size: 10px;
	line-height: 15px;
    font-weight: bold;
    margin-top: 9px;
    color: #a6834c;
}
#footer{
    height: 100px;
    background: url("../images/design/bg_footer.jpg") repeat-X;
}
#footerContent{
     width: 990px;
     margin: 0 auto;
     font-size:12px;
     height: 100px;
     color: #deb759;
}
#contacts{
    float: left;
    margin-top: 12px;
}
#reserve{
     font-style: italic;
     color: #aaa;
     font-size:11px;
     margin-top: 3px;
}
#anchors{
     float: left;
     margin-top: 2px;
}
#facebook{
     float: left;
     margin: 20px 40px auto;
}
#investor{
    float: right;
    margin-top: 12px;
}

.estates{
	text-align: left;
	overflow: hidden;
	width: 150px;
	white-space:nowrap;
}

/* complexes */
#contentRight{
    float: right;
    margin: 20px 20px 0 0;
    width: 175px;
}
#vintage {
    width: 206px;
    height: 114px;
    margin: 10px auto auto -15px;
    padding-top: 75px;
    background: url("../images/design/vintage.png") no-repeat;
}
#contentTitle{	
    font-size: 16px;
    text-align: center;
	color: #583f19;
	font-weight:bold;
}
#contentComplexLocate_bg, #contentComplexLocate_en, #contentComplexLocate_ru{
	height: 35px;
    margin: 10px auto;
    background: url("../images/design/sunny_beach_bg.png") no-repeat center;    
}
#contentComplexLocate_en{
	background: url("../images/design/sunny_beach_en.png") no-repeat center;	
}
#contentComplexLocate_ru{
	background: url("../images/design/sunny_beach_ru.png") no-repeat center;	
}
#contentComplex{
    font-size: 13px;
    text-align: center;
    margin: 10px auto;
    color: #583f19;
}
.complexAnchors{
    text-align: left;
}
.complexAnchors a{
     font-size: 13px;
     color: #b00000;
	font-weight: bold;
}
.complexAnchors a:hover{
     color: #fff;
}

/*
.complexDescriptionHeaders, #leftTopContentGallery{
    font-size: 17px;
    color: #8b0000;
    text-align: left;
    font-weight: bold;
    margin: 15px auto 20px 0px;
}

.headerPaymentScheme, .locationsComplexes, .video {
	font-size: 17px;
    color: #8b0000;
    text-align: left;
    font-weight: bold;
    padding: 15px;	
}
*/
.otherComplex, .ourProjects{
    font-size: 17px;
    color: #f0d492;
    text-align: left;
    font-weight: bold;
    margin: 15px auto 20px 0px;
}
.otherEstatesHeaders{
	font-size: 17px;
    color: #7c0c0c; /*#f0d492;*/
    text-align: left;
    font-weight: bold;
	padding: 15px 0 0 15px;
    margin-top: 10px;
}
.otherComplex{
	margin:40px auto 20px 20px;	
}
.ourProjects{
	text-align: center;
	margin:40px auto 20px 0px;	
}
/*
#topContentGallery{
	width:730px;
	height: 42px;
	background: url("../images/design/ornament_up.png") no-repeat center;
}

#leftTopContentGallery{
	padding-left: 25px;
}

#rightTopContentGallery{
	float: right;
	width: 150px;	
	text-align: right;
	padding-right: 5px;
	font-size: 15px;
	margin-top: 25px;
}
*/
/* ??? */
.mForm{
	text-align: center;
	color: #fff;
	width: 150px;
}

.labelMessageForm{
	color: #deb759;
}
.textMessageForm, .textareaMessageForm, .submitMessageForm{
	border:1px solid #927125;
	border-radius: 5px;
	background-color: #4C130A;
	margin: 0 auto;
	width: 210px;
	color: #fff;
	padding:4px;
}
#submit-element{
	text-align: right;
}
.submitMessageForm{
	width: 80px;
	color: #deb759;
	font-size:11px;
}

.contactForm .mForm{
	text-align: center;
	color: #fff;
	width: 150px;
}
.contactForm .labelMessageForm{
	color: #8b0000;
}
.contactForm .textMessageForm, .contactForm .textareaMessageForm, .contactForm .submitMessageForm{
	border:1px solid #000;
	border-radius: 5px;
	background-color: #fff;
	margin: 0 auto;
	width: 210px;
	color: #000;
	padding:4px;
}
.contactForm #submit-element{
	text-align: right;
}
.contactForm .submitMessageForm{
	width: 80px;
	color: #8b0000;
	font-size:11px;
}


dl{
	margin-top:50px;
	font-size:11px;
}
dt{
	margin: 15px 0 3px 20px;
	text-align: left;
}
dd{
	margin: 0px 10px;
}
ul.errors{
	color: #b00000;	
	font-size: 13px;
	margin-top: 5px;
}

/* slide1Controls */
#slide1Controls{
	width: 730px;
	height: 37px;
	background: transparent url('../images/design/SS-OverlayControls.png') repeat 0 0;
	top: 4px;
	left: 4px;
	position: absolute;
	z-index: 96;
}
/* Slide Pager */
#slide1Pager{
	position: relative;
	top: 10px;
	left: 9px;
	float: left;
}
#slide1Pager a, #slide1Pager a:visited{
	float: left;
	width: 17px;
	height: 17px;
	margin: 0 1px;
	overflow: hidden;
	background: transparent url("../images/design/SS-Paging.png") no-repeat 0 0;
	text-decoration: none;
	text-indent: -1234px;
}
#slide1Pager a:hover{
	background-position: 0 -17px;
}
#slide1Pager a.activeSlide {
	background-position: 0 -34px;
}
/* Slide Next/Prev */
#slide1NextPrev{
	position: relative;
	top: 5px;
	right: 8px;
	float: right;
	width: 60px;
}
#slide1NextPrev a, #slide1NextPrev a:visited{
	float: right;
	width:28px;
	height: 28px;
	margin: 0 1px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -1234px;
}
a.slide1Next{
	background: transparent url("../images/design/SS-ButtonNext.png") no-repeat 0 0;
}
a.slide1Prev{
	background: transparent url("../images/design/SS-ButtonPrev.png") no-repeat 0 0;
}
a.slide1Next:hover{
	background-position: 0 -27px;
}
a.slide1Prev:hover{
	background-position: 0 -27px;
}


/* complexGallery */
#viewPicBlock{
	width:730px;
	margin: 2px auto;
}
#viewPicBlock table{
	margin:15px auto 0px;
}
#viewPic{
	text-align: center;	
	vertical-align: middle;
	width: 700px;
	/*height: 525px;*/
}
#complex_galleries {
    display: table-cell;
    padding-left: 55px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.exhibition {
    display: table-cell;
    padding-left: 55px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.exh_gallery_title {
	padding: 30px 0 0 55px;
	font-weight: bold;
	text-decoration: underline;
}
/*
#viewPic img{
	-moz-box-shadow: 0px 0px 12px 4px #000;
	-webkit-box-shadow: 0px 0px 12px 4px #000;
	box-shadow: 0px 0px 12px 4px #000;
 For IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
 For IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
*/
.image_carousel{
	padding: 15px 0 15px 25px;
	position: relative;
}
.image_carousel img{
	border: 1px solid #ccc;
	background-color: white;
	margin: 7px;
	display: block;
	float: left;
	cursor: pointer;
}
a.prev, a.next{
	background: url(../images/design/SS-ButtonPrev.png) no-repeat transparent;
	width: 28px;
	height: 27px;
	display: block;
	position: absolute;
	top: 85px;
}
a.next{
	background: url(../images/design/SS-ButtonNext.png) no-repeat transparent;
}
a.prev, a.next{
	top:50px;
	background-position: 0 0;
}
a.prev{
	left: 0px;
}
a.next{
	right: 0px;
}
a.prev:hover, a.next:hover{
	background-position: 0 -27px;
}
a.prev.disabled, a.next.disabled {
	background-position: 0 -54px !important; 
	cursor: default;
}
a.prev span, a.next span {
	display: none;
}


.pagination {
	text-align: center;
	width: 680px;
}
.pagination a {
	background: url(../images/design/SS-Paging.png) 0 no-repeat transparent;
	width: 17px;
	height: 17px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: 0px 0px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}


table.complex {
    margin-top: 10px;
}
table.complex a, table.complex a:hover, .aboutUs a, .aboutUs a:hover {
	color:#800000;
	font-weight: bold;
}
table.complex a:hover, .aboutUs a:hover{
	color:#270000;
}

table.complex .leftTd{
	text-align: center;
	vertical-align: middle;
    width: 340px;
}
table.complex .rightTd{
	padding: 0px 20px;
    vertical-align: middle;    
}
.headerVintage{
    font-weight: bold;
    width: 206px;
    height: 63px;
    margin: 0px auto;
    background: url("../images/design/vintage1.png") no-repeat;
    line-height: 63px;
    font-size: 15px;    
}
.contact .textareaMessageForm{
	width: 370px;
	height: 100px;
}
.contactForm {
	width: 380px;
}
.contactForm dt{
	margin-left: 10px;
}
.contactForm dd{
	margin-left: 0px;
	margin-right: 0px;
}
.pic{
	padding: 2px;
}
.paginator{
	text-align: center;
	margin: 0px auto;
	line-height: 25px;
	font-weight: bold;
}
.paginator a {
	color: #8b0000;
	font-weight: bold;
}
.paginator a:hover{
	color: #270000;
} 
.distribution table {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:100%;
	border-collapse:collapse;
}
.distribution table td, .distribution table th {
	font-size:1em;
	border:thin solid #c9a46a ;
	padding:3px 7px 2px 7px;
	text-align:center;
    vertical-align: middle;
}
.distribution table th {
	font-size:1.1em;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#270000;
	color:#ffffff;
}
.distribution table tr:first-child td {
	font-size: 30px;
	line-height: 60px;
}
/*
.distribution table tr td:nth-child(3), .distribution table tr th:nth-child(3) {
	display: none;
}
*/



.otherEstates table {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:100%;
	border-collapse:collapse;
}
.otherEstates table td, .otherEstates table th {
	font-size:1em;
	border:thin solid #c9a46a ;
	padding:3px 7px 2px 7px;
	text-align:center;	
}
.otherEstates table th {
	font-size:1.1em;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#270000;
	color:#ffffff;
}
.othEstates {
	height: 185px;
	margin: 20px auto;
}
.othEstates img {
	margin: 0 15px;
}

.leftOtherEstates {
	width: 275px;
	float: left;
	margin-left: 35px;
}
.leftCenterOtherEstates, .rightCenterOtherEstates{
	height: 710px;	
}
.rightCenterOtherEstates{
	padding-top: 60px;
    display:table-cell;
    vertical-align:middle;
}
.vilaHeader, .vilaPlace, .vilaDistribution, .newComplexHeader {
	text-align: center;
	padding: 20px;
	font-size: 15px;
	font-weight: bold;
	color: #7c0c0c;
    line-height: 20px;
}
.newComplexHeader {
    padding-top: 0;    
}
 .vilaPlace {
}
.rightOtherEstates {
	width: 275px;
	float: right;
	margin-right: 35px;
	font-size: 14px;
}

.tableContact {
    margin:20px auto;
}

.tableContact td {
    padding: 8px;
    vertical-align: middle;
}
.cigTable .cigTd{
	vertical-align: middle;
	border: 0;	
}
.presentation p{
	margin-bottom:0;
}
p iframe{
	margin-left: -3px;
}

.linkToPDF a {
    color: #b00000;
}
.linkToPDF a:hover {
    color: #0fb44b;
}

.fs16{
	font-size: 16px;
	line-height: 16px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.cl{
    clear: both;
}
.tar{
	text-align: right;
}
.tac{
	text-align: center;
}
.h10{
	height: 10px;
}


.tuho_ru {
    
}




#mainOlimpiq{
    background: #ccc;
    width: 990px;
    margin: 0 auto;
}
#headOlimpia {
    width: 805px;
    margin: 0px auto;
}
#logoOlimpiq {
    float: left;
    width: 260px;
    height: 120px;
}
#logoOlimpiq img {
    margin-top: 15px;
}
#labelOlimpia {
    height: 120px;
    margin-left: 260px;
}
#titleOlimpia {
    height: 98px;
	text-align: center;
	font-size: 30px;
	line-height: 98px;
	color: #BE9128;
}
#titleOlimpia img {
    margin: 40px auto auto 65px;
}
#slideOlimpia {
    width: 805px;
    height: 274px;
    margin: 0px auto;
}
#firstSlideOlimpiaWpapper {
    height: 274px;
}
#firstSlideOlimpiaWpapper > #slideOlimpia img{
    width: 805px;
}
/* slideOlimpiaControls */
#slideOlimpiaControls{
	width: 805px;
	height: 37px;
	background: transparent url('../images/design/SS-OverlayControls.png') repeat 0 0;
	top: 4px;
	left: 92px;
	position: absolute;
	z-index: 96;
}
/* Slide Pager */
#slideOlimpiaPager{
	position: relative;
	top: 10px;
	left: 9px;
	float: left;
}
#slideOlimpiaPager a, #slideOlimpiaPager a:visited{
	float: left;
	width: 17px;
	height: 17px;
	margin: 0 1px;
	overflow: hidden;
	background: transparent url("../images/design/SS-Paging.png") no-repeat 0 0;
	text-decoration: none;
	text-indent: -1234px;
}
#slideOlimpiaPager a:hover{
	background-position: 0 -17px;
}
#slideOlimpiaPager a.activeSlide {
	background-position: 0 -34px;
}
/* Slide Next/Prev */
#slideOlimpiaNextPrev{
	position: relative;
	top: 5px;
	right: 8px;
	float: right;
	width: 60px;
}
#slideOlimpiaNextPrev a, #slideOlimpiaNextPrev a:visited{
	float: right;
	width:28px;
	height: 28px;
	margin: 0 1px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -1234px;
}
a.slideOlimpiaNext{
	background: transparent url("../images/design/SS-ButtonNext.png") no-repeat 0 0;
}
a.slideOlimpiaPrev{
	background: transparent url("../images/design/SS-ButtonPrev.png") no-repeat 0 0;
}
a.slideOlimpiaNext:hover{
	background-position: 0 -27px;
}
a.slideOlimpiaPrev:hover{
	background-position: 0 -27px;
}
.olimpiaPresentation {
    padding: 40px;
    text-align: justify;
    font-size: 15px;
}
div.linkGalleryOlimpia {
    float: right;
}
div.linkGalleryOlimpia a {
    color: #be9128;
    font-weight: bold;
}
div.linkGalleryOlimpia a:hover {
    color: #F36F17;    
}
.picOlimpia {
    height: 290px;
    width: 330px;
    display:table-cell;
    vertical-align:middle;
    text-align: center;
}

.linkToPDF {
    text-align: center;
    margin-top: 45px;
}
.picDistributions {
    float: left;
    width: 450px;
    /*height: 120px;*/
    margin: 10px auto auto 5px;
    overflow: hidden;
}
.picDistribution{
    float: left;
    margin-left: 5px;
}