/* Basic
-----------------------------------------------
*/

body, html{
	font: 11px Arial, Sans-Serif;
	color: #504f4f;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#background{
	background: #fff url('../img/bg_darkblue.gif') repeat-x 0px 0px;
}

#backgroundbouw{
	background: #fff url('../img/bg_blue.gif') repeat-x 0px 0px;
}

#backgroundonderhoud{
	background: #fff url('../img/bg_red.gif') repeat-x 0px 0px;
}

#backgroundinstallatie{
	background: #fff url('../img/bg_grey.gif') repeat-x 0px 0px;
}

*{
	padding: 0px;
	margin: 0px;
}

h1{
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0px 7px 0px;
}

img{
	border: 0px;
}

select{
	color: #615f5f;
	font: 11px Verdana, Sans-Serif;
	margin: 0px 0px 3px 0px;
	padding: 1px;
	border: 1px solid #615f5f;
}

input{
	color: #615f5f;
	font: 11px Verdana, Sans-Serif;
}

textarea{
	color: #615f5f;
	font: 11px Verdana, Sans-Serif;
}

a{
	color: #504f4f;
	text-decoration: underline;
	font-weight: bold;
}

a:hover{
	text-decoration: none;
}

legend{
	color: #1C2F6B;
}

hr{
	height: 0px;
}

p{
	padding: 0px 0px 12px 0px;
}

address{
	padding: 0px 0px 15px 0px;
	font-style: normal;
}

/*layout
-----------------------------------------------
*/

#wrapper{
	background: transparent;
	width: 964px;
    margin: 0px auto;
	padding: 0px;
    display: table;
	overflow: hidden;
}

#wrapper #header{
	background: transparent url('../img/header.gif') no-repeat 441px 68px;
	width: 964px;
	height: 165px;
    margin: 0px auto;
	padding: 0px;
    display: table;
}

#wrapper #header #logo{
	padding: 9px 0 0 0;
	width: 217px;
	height: 79px;
	float: left;
}

#wrapper #welcome{
	width: 964px;
	padding: 30px 0px 0px 0px;
	overflow: hidden;
}

#wrapper #image{
	float: left;
	padding: 0px 3px 0px 8px;
}

#wrapper #vacature{
	float: right;
	padding: 0px 0px 0px 0px;
	width: 620px;
	font-size: 12px;
}

#wrapper #vacature .white{
	background-color: #fff;
	padding: 5px 2px 5px 2px;
}

#wrapper #vacature .grey{
	background-color: #eee;
	padding: 5px 2px 5px 2px;
}

#wrapper #vacature label
{
	float: left;
	width: 190px;
	padding: 2px 0px 2px 2px;
}

#wrapper #vacature .field
{
	padding: 2px 0px 2px 2px;
	margin: 1px;
	width: 250px;
	border: 1px solid #504f4f;
	color: #504f4f;
}

#wrapper #vacature .selectbox
{
	padding: 2px 0px 2px 2px;
	margin: 1px;
	width: 254px;
	border: 1px solid #504f4f;
	color: #504f4f;
}

#wrapper #vacature #birthdate_day, #wrapper #vacature #birthdate_month
{
	padding: 2px 0px 2px 2px;
	margin: 1px;
	width: 20px;
	border: 1px solid #504f4f;
	color: #504f4f;
}

#wrapper #vacature #birthdate_year
{
	padding: 2px 0px 2px 2px;
	margin: 1px;
	width: 37px;
	border: 1px solid #504f4f;
	color: #504f4f;
}

#wrapper #vacature .postcode
{
	padding: 2px 0px 2px 2px;
	margin: 1px;
	width: 50px;
	border: 1px solid #504f4f;
	color: #504f4f;
}

#wrapper #vacature #place
{
	padding: 2px 0px 2px 2px;
	margin: 1px;
	width: 191px;
	border: 1px solid #504f4f;
	color: #504f4f;
}

#wrapper #vacature textarea{
	margin: 3px 0px 1px 0px;
	/*--hack for ie6--*/
	_margin:  0px 0px 1px 0px;
	padding: 1px;
	width: 250px;
	border: 1px solid #615f5f;
	color: #504f4f;
	overflow: scroll;
	overflow-x: hidden;
}

#wrapper #vacature .button{
	margin-left: 193px;
}

#wrapper #vacature .example_1
{
	color: #7f7f7f;
}

#wrapper #footer{
	float: left;
	width: 956px;
	height: 20px;
	border-top: 1px solid #504f4f;
	margin: 17px 0px 7px 0px;
	padding: 7px 5px 0px 0px;
	color: #8591b3;
	text-align: right;
}

#wrapper #footer a{
	color: #8591b3;
	font-weight: normal;
}

/*menu
-----------------------------------------------
*/

#wrapper #header #menu{
	width: 480px;
	height: 82px;
	float: right;
}

#wrapper #header #menu ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	position: inherit;
}

#wrapper #header #menu ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	position: relative;
}

#wrapper #header #menu ul li a{
	height: 32px;
	padding: 40px 0 0 0;
	color: #f5d7b4;
	text-decoration: none;
	font-weight: normal;
	display: block;
	text-align: center;
	font-size: 140%;
	color: #fff;
	border-top: 5px solid #8cb3d5;
}

#wrapper #header #menu .home{
	width: 37px; /* for ie6 */
	margin: 0 16px 0 0;
}

#wrapper #header #menu .overfixplan{
	width: 80px; /* for ie6 */
	margin: 0 16px 0 0;
}

#wrapper #header #menu .projecten{
	width: 66px; /* for ie6 */
	margin: 0 16px 0 0;
}

#wrapper #header #menu .klachten{
	width: 54px; /* for ie6 */
	margin: 0 16px 0 0;
}

#wrapper #header #menu .contact{
	width: 48px; /* for ie6 */
	margin: 0 16px 0 0;
}

#wrapper #header #menu .vacatures{
	width: 64px; /* for ie6 */
	margin: 0;
}

#wrapper #header #menu .nieuws{
	width: 58px; /* for ie6 */
	margin: 0 16px 0 0;
}

#wrapper #header #menu ul li a:hover{
	border-top: 5px solid #355799;
}

#wrapper #header #menu #active{
	height: 32px;
	border-top: 5px solid #8d3a4c;
	background: transparent url('../img/selected.gif') no-repeat center 63px;
}


/*peilers
-----------------------------------------------
*/

#wrapper #header #peilers{
	float: left;
	width: 964px;
	height: 66px;
	margin: 11px 0px 0px 0px;
}

#wrapper #header #peilers ul{	
	list-style-type: none;
	padding: 0px 0px 0px 312px;
	margin: 0px;
	position: inherit;
	width: 964px;
	_width: 764px; /* for ie6*/
	height: 35px;
	overflow: hidden;
}

#wrapper #header #peilers ul li{
	text-align: center;
	padding: 7px 0px 0px 0px;
	margin: 0px 25px 0px 0px;
	float: left;
	position: relative;
	height: 35px;
	width: 148px;
	cursor: pointer;
}

#wrapper #header #peilers ul li a{
    color: #fff;
    font-size: 130%;
    font-weight: bold;
	text-decoration: none;
}

#wrapper #header #peilers ul li a:hover{
    color: #e0e0e0;
    text-decoration: none;
}

#wrapper #header #peilers ul .fixplan{
	display: none;
}

#wrapper #header #peilers ul .bouw{
	background: transparent url('../img/bouw.gif') no-repeat center 0px;
	padding: 0px;
	margin: 0px;
}

#wrapper #header #peilers ul .bouw a{
	display: block;
	padding: 8px 0px 0px 0px;
	height: 27px;
}

#wrapper #header #peilers ul .onderhoud{
	background: transparent url('../img/onderhoud.gif') no-repeat center 0px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#wrapper #header #peilers ul .onderhoud a{
	display: block;
	padding: 8px 0px 0px 0px;
	height: 27px;
}

#wrapper #header #peilers ul .installatie{
	background: transparent url('../img/installatie.gif') no-repeat center 0px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#wrapper #header #peilers ul .installatie a{
	display: block;
	padding: 8px 0px 0px 0px;
	height: 27px;
}

#wrapper #header #peilers #tabmenu0, #wrapper #header #peilers #tabmenu1, #wrapper #header #peilers #tabmenu2{
	height: 25px;
	width: 964px;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 120%;
	padding: 6px 0 0 0;
}

#wrapper #header #peilers #tabmenu1 a, #wrapper #header #peilers #tabmenu2 a{
	color: #fff;
	font-size: 110%;
	padding: 0px 5px 0px 7px;
	font-weight: normal;
	text-decoration: none;
}

#wrapper #header #peilers #tabmenu1 a:hover, #wrapper #header #peilers #tabmenu2 a:hover{
	text-decoration: underline;
}

/*welcomepage
-----------------------------------------------
*/

#wrapper #welcome h1{
	display: none;
}

#wrapper #welcome #spot1{
	width: 317px;
	height: 322px;
	background: transparent url('../img/spot1.gif') no-repeat 0px 0px;
	float: left;
	padding: 0px 5px 0px 0px;
	position: relative;
}

#wrapper #welcome #spot1 p, #wrapper #welcome #spot2 p, #wrapper #welcome #spot3 p{
	margin: 0px auto 0px 8px;
	font-size: 12px;
	line-height: 18px;
}

#wrapper #welcome #spot2{
	width: 317px;
	height: 322px;
	background: transparent url('../img/spot2.gif') no-repeat 0px 0px;
	float: left;
	padding: 0px 5px 0px 0px;
	position: relative;
}

#wrapper #welcome #spot3{
	width: 317px;
	height: 322px;
	background: transparent url('../img/spot3.gif') no-repeat 0px 0px;
	float: left;
	position: relative;
}

#wrapper #welcome #spot3 h3{
	font-size: 100%;
	font-weight: bold;
	padding: 0px 0px 0px 8px;
}

#wrapper #welcome #spot1 h2, #wrapper #welcome #spot2 h2, #wrapper #welcome #spot3 h2{
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0px 16px 8px;
}

#wrapper #welcome #spot1 .headerimage{
	width: 317px;
	height: 73px;
	background: transparent url('../img/headerimage01.jpg') no-repeat 0px 0px;
	padding: 0px 0px 10px 0px;
}

#wrapper #welcome #spot2 .headerimage{
	width: 317px;
	height: 73px;
	background: transparent url('../img/headerimage04.jpg') no-repeat 0px 0px;
	padding: 0px 0px 4px 0px;
}
#wrapper #welcome #spot2 a
{
	line-height:20px;
	padding:5px;
}


#wrapper #welcome #spot3 .box {
	display: block;
	position: relative;
	width: 294px;
	height: 77px;
	margin: 0px 0px 2px 8px;
	padding: 5px 0px 0px 5px;
	border: 1px solid #eee;
	font-size: 12px;
	line-height: 18px;
}

#wrapper #welcome #spot3 .box:hover {
	background-color: #e0e0e0;
	border: 1px solid #b1b1b1;
}

#wrapper #welcome #spot2 img,
#wrapper #welcome #spot3 img {
	margin: 0px 5px 0px 0px;
}

#wrapper #welcome #spot3 a.box {
	font-weight: normal;
	text-decoration: none;
}

#wrapper #welcome #spot3 .headerimage{
	width: 317px;
	height: 73px;
	background: transparent url('../img/headerimage02.jpg') no-repeat 0px 0px;
	padding: 0px 0px 10px 0px;
}

#wrapper #welcome .more{
	position:absolute;
	font-size: 12px;
	right:13px;
	bottom:5px;
}

#wrapper #welcome .more img{
	padding: 0px 0px 0px 3px;
}

#wrapper #welcome #banner{
	float: left;
	width: 962px;
	height: 77px;
	background: transparent url('../img/banner.gif') no-repeat 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 5px;
	text-align: center;
}

#wrapper #welcome #banner a{
	margin: 0px 10px 0px 0px;
}

/*contentpage
-----------------------------------------------
*/

#wrapper #text{
	float: left;
	width: 317px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 18px;
	overflow:hidden;
}

#wrapper #download
{
	width:150px;
	font-size: 12px;
	line-height: 18px;
	background-color:#fff;
	padding:5px;
	border:solid 1px #ddd;
	overflow:hidden;
}

#wrapper #text ul li{
	margin: 0px 0px 0px 22px;
}

#wrapper #headtext{
	float: left;
	width: 963px;
	padding: 30px 0px 0px 0px;
}

#wrapper #text h2{
	font-size: 14px;
	padding: 0px 0px 0px 7px;
	margin: 0px;
}

#wrapper #text .bouw{
	color: #8cb3d5;
}

#wrapper #text .installaties{
	color: #787878;
}


#wrapper #text .fixplan{
	color: #1a3a77;
}

#wrapper #text .fixplan span{
	color: #8d3a4c;
}

#wrapper #text .onderhoud{
	color: #8d3a4c;
}

#wrapper #text .mailicon{
	padding: 0px 4px 0px 0px;
	margin: 0px;
}

#wrapper #text p{
	padding: 0px 8px 12px 8px;
}

#wrapper #text .intro{
	/*background: #eee url('../img/introheader.gif') no-repeat 0px 0px;*/
	padding: 0px 8px 0px 8px;
	background-color: #eee;
}

#wrapper #text .intro h2{
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}

#wrapper #text .intro p{
	padding: 0px 0px 2px 0px;
}

#wrapper #text .footer{
	background: #eeeeee url('../img/introfooter.gif') no-repeat 0px 0px;
	width: 317px;
	height: 10px;
	margin: 0px 0px 12px 0px;
}

#wrapper #text img{
	padding: 3px 8px 3px 0px;
}

#wrapper #text .introblue{
	/*background: #e7eff6 url('../img/introheaderblue.gif') no-repeat 0px 0px;*/
	padding: 0px 8px 0px 8px;
	background-color: #e7eff6;
}

#wrapper #text .introblue p{
	padding: 0px 0px 2px 0px;
}

#wrapper #text .footerblue{
	background: #e7eff6 url('../img/introfooterblue.gif') no-repeat 0px 0px;
	width: 317px;
	height: 10px;
	margin: 0px 0px 12px 0px;
}

#wrapper #text .introred{
	/*background: #e8d8db url('../img/introheaderred.gif') no-repeat 0px 0px;*/
	padding: 0px 8px 0px 8px;
	background-color: #e8d8db;
}

#wrapper #text .introred p{
	padding: 0px 0px 2px 0px;
}

#wrapper #text .footerred{
	background: #e8d8db url('../img/introfooterred.gif') no-repeat 0px 0px;
	width: 317px;
	height: 10px;
	margin: 0px 0px 12px 0px;
}

/*specialtext*/

.titleblue{
	background: transparent url('../img/title_blue.gif') no-repeat 0px 0px;
	width: 963px;
	height: 32px;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0px 0px 8px;
}

.titlered{
	background: transparent url('../img/title_red.gif') no-repeat 0px 0px;
	width: 963px;
	height: 32px;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0px 0px 8px;
}

.titledarkblue{
	background: transparent url('../img/title_darkblue.gif') no-repeat 0px 0px;
	width: 963px;
	height: 32px;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0px 0px 8px;
}

.titledarkgrey{
	background: transparent url('../img/title_darkgrey.gif') no-repeat 0px 0px;
	width: 963px;
	height: 32px;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0px 0px 8px;
}

.titledarkgreycontent{
	background: transparent url('../img/title_darkgrey.gif') no-repeat 0px 0px;
	width: 955px;
	height: 32px;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0px 7px 8px;
	margin: 30px 0px 0px 0px;
}


.titlegrey{
	background: transparent url('../img/title_grey.gif') no-repeat 0px 0px;
	width: 963px;
	height: 32px;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0px 0px 8px;
}

.titlegreycontent{
	background: transparent url('../img/title_grey.gif') no-repeat 0px 0px;
	width: 955px;
	height: 32px;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0px 7px 8px;
	margin: 30px 0px 0px 0px;
}

.titleredcontent{
	background: transparent url('../img/title_red.gif') no-repeat 0px 0px;
	width: 955px;
	height: 32px;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0px 7px 8px;
	margin: 30px 0px 0px 0px;
}

.titlebluecontent{
	background: transparent url('../img/title_blue.gif') no-repeat 0px 0px;
	width: 955px;
	height: 32px;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0px 7px 8px;
	margin: 30px 0px 0px 0px;
}

.contentspotblue01 h2, .contentspotblue02 h2, .contentspotblue03 h2, .contentspotred01 h2, .contentspotred02 h2, .contentspotred03 h2, .contentspot01 h2, .contentspot02 h2, .contentspot03 h2{
	font-size: 130%;
	font-weight: bold;
	padding: 8px 0px 5px 8px;
}

.contentspotblue01 p, .contentspotblue02 p, .contentspotblue03 p, .contentspotred01 p, .contentspotred02 p, .contentspotred03 p, .contentspot01 p, .contentspot02 p, .contentspot03 p{
	margin: 0px 8px 0px 8px;
	font-size: 12px;
	line-height: 18px;
}

.contentspotblue01 .more, .contentspotblue02 .more, .contentspotblue03 .more, .contentspotred01 .more, .contentspotred02 .more, .contentspotred03 .more, .contentspot01 .more, .contentspot02 .more, .contentspot03 .more{
	position:absolute;
	right:13px;
	bottom:5px;
	font-size: 12px;
	line-height: 18px;
}

.contentspotblue01 .more img, .contentspotblue02 .more img, .contentspotblue03 .more img, .contentspotred01 .more img, .contentspotred02 .more img, .contentspotred03 .more img, .contentspot01 .more img, .contentspot02 .more img, .contentspot03 .more img{
	padding: 0px 0px 0px 3px;
}

.workimage {
	margin: 0px 5px 0px 0px;
}

.contentspotblue01{
	width: 317px;
	height: 142px;
	background: transparent url('../img/spotcontentblue01.gif') no-repeat 0px 0px;
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 5px 0px 0px 0px;
	position: relative;
}

.contentspotblue02{
	width: 317px;
	height: 142px;
	background: transparent url('../img/spotcontentblue02.gif') no-repeat 0px 0px;
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 5px 0px 0px 0px;
	position: relative;
}

.contentspotblue03{
	width: 317px;
	height: 142px;
	background: transparent url('../img/spotcontentblue03.gif') no-repeat 0px 0px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	position: relative;
}

.contentspotred01{
	width: 317px;
	height: 142px;
	background: transparent url('../img/spotcontentred01.gif') no-repeat 0px 0px;
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 5px 0px 0px 0px;
	position: relative;
}

.contentspotred02{
	width: 317px;
	height: 142px;
	background: transparent url('../img/spotcontentred02.gif') no-repeat 0px 0px;
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 5px 0px 0px 0px;
	position: relative;
}

.contentspotred03{
	width: 317px;
	height: 142px;
	background: transparent url('../img/spotcontentred03.gif') no-repeat 0px 0px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	position: relative;
}

.contentspot01{
	width: 317px;
	height: 142px;
	background: transparent url('../img/spotcontent01.gif') no-repeat 0px 0px;
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 5px 0px 0px 0px;
	position: relative;
}

.contentspot02{
	width: 317px;
	height: 142px;
	background: transparent url('../img/spotcontent02.gif') no-repeat 0px 0px;
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 5px 0px 0px 0px;
	position: relative;
}

.contentspot03{
	width: 317px;
	height: 142px;
	background: transparent url('../img/spotcontent03.gif') no-repeat 0px 0px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	position: relative;
}

/*---------- Horizontal scroller ---------------------- */

/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
	and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
	in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.png), url(../images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.png), url(../images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}
#scrollingText
{
	width: 895px;
	height: 52px;
	position: relative;
	padding: 2px 0px;
	float:left;
	background:#FFFFFF;
}

#scrollingText div.scrollableArea .logo_block
{
	display: block;
	float: left;
	margin: 0;
	padding-right: 10px;
	padding-top: 3px;
	font-family: Courier, Arial, Sans-Serif; 
	font-size: 12px;
	line-height: 12px;
	font-weight: normal; 
	color: #000; 
	white-space: nowrap;
	height:46px;
	width:100px;
}

#scrollingText div.scrollableArea .logo_block .thumb
{
	max-height:100%;
	cursor:pointer;
}

.logo_content {
	display:none;
}

#inline_popup img,
#inline_popup span,
#inline_popup a {
	display:block;
	text-align:center;
	margin:10px auto;
}

#inline_popup img {
	max-width:450px;
	max-height:300px;
}

#brochure {
	float:left;
	font-size:9px;
}