body {
	font-family : Verdana, Arial, sans-serif;
	font-size   : 12px
}

.wrapper {
	width   : 650px;
	border  : #000 solid 1px;
	margin  : 10px auto 0 auto;
	padding : 10px;
}

.header {
	text-align : center;
}

.title {
	position : relative;
}

.title .price {
	position : absolute;
	top      : 3px;
	right    : 0;
}

h1 {
	font-size     : 18px;
	margin        : 10px 0;
	border-bottom : #aaa solid 2px;
	border-top    : #aaa solid 2px;
	padding       : 5px 0;
}

h3 {
	margin : 5px 0;
}

.main .photos {
	float   : left;
	padding : 5px;
}

.main .description {
	padding : 5px;
}

.main .description .mandate {
	padding          : 5px;
	background-color : #aaa;
	color            : #fff;

}

.main .description .textWrap > span {
	display       : block;
	font-weight   : bold;
	border-bottom : #aaa solid 1px;
	margin           : 10px 0;
}

.main .description .text {
	text-align : justify;
}

.extras {
	clear : both;
}

.extras ul {
	padding : 0;
}

.extras ul li {
	margin     : 0;
	list-style : none;
	float      : left;
	width      : 30%;
	margin     : 5px 0 0 5px;
}

.diagnostics .content {
	text-align: center;
}

.diagnostics .content img {
	margin : 0 30px;
}

.agency {
	clear         : both;
	padding       : 10px 0;
	border-bottom : #aaa solid 2px;
	border-top    : #aaa solid 2px;
	margin        : 10px 0;
	position      : relative;
}

.agency .commentary {
	position : absolute;
	top      : 0;
	right    : 0;
}

.footer {
	text-align : center;
}

.footer button {
	background : none;
	border     : none;
	cursor     : pointer;
}

/* micro clearfix*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}