@charset "UTF-8";
.style4 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-variant: lighter;
	font-style: normal;
	cursor: pointer;
	margin-top: 0px;
	border-bottom: 1;
}
.style3 {
	color: #BE9140;
	font-weight: bold;
	font-size: 15px;
}
.style5 {
	font-weight: bold;
	color: #BE9140;
	font-size: 18px;
}
.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	text-decoration: underline;
	cursor: pointer;
	color: #BE9140;
}
/* CSS Document */

.footer {
	font-family: "Myriad Pro";
	font-size: 12px;
	font-weight: lighter;
	color: #7E593F;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.style8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #BE9140;
}
<style type="text/css">
html, body {
height: 100%
font: lighter lighter arial,helevtica,verdana,sans-serif;
color: #000;
}
/* Note: adding larger margins or padding to columns requires that you decrease the width setting proportionally,
that is why the width is currently set to 18%. If you add padding to the container, the same applies. */
</style>
</head>

<body>
<div id="container">
<div id="col_one">column One column One column One column One column One column One column One column One column One column One column One column One</div>
<div id="col_two">column Two column Two column Two column Two column Two column Two column Two column Two</div>
<div id="col_three">column Three column Three column Three column Three column Three column Three column Three column Three column Three column Three</div>
<br style="clear: both;" />  included to force the container to wrap the columns 

</div>
.pictures {
	float: left;
	width: 200px;
}
.Scrollbars {
}
