.container {
	margin: 0px auto; 
	padding: 0px; 
	position: relative; 
	max-width: 100%;

}
.catalog_download_image{
	float:right;
}
.narrow.container {
	width: 940px;
}
.one-half {
	width: 48%;
}
.one-third {
	
	width: 30.6%;
	/*border:1px #CCCCCC solid;*/
}
.one-third img {
    position:absolute;

    bottom: 0;
}
.one-fourth {
	width: 22%;
}
.one-fifth {
	width: 16.8%;
}
.one-sixth {
	width: 13.33%;
}
.two-fifths {
	width: 37.6%;
}
.two-fourths {
	width: 48%;
}
.two-thirds {
	width: 65.33%;
}
.three-fifths {
	width: 58.4%;
}
.three-fourths {
	width: 74%;
}
.four-fifths {
	width: 79.2%;
}
.five-sixths {
	width: 82.67%;
}
.one-half {
	margin-right: 4%; float: left; position: relative;
}
.one-third {
	margin-right: 1%; 
	margin-left: 1%;
	float: left; 
	position: relative;
}

.two-thirds {
	margin-right: 4%; float: left; position: relative;
}
.three-fourths {
	margin-right: 4%; float: left; position: relative;
}
.one-fourth {
	margin-right: 4%; float: left; position: relative;
}
.two-fourths {
	margin-right: 4%; float: left; position: relative;
}
.one-fifth {
	margin-right: 4%; float: left; position: relative;
}
.two-fifths {
	margin-right: 4%; float: left; position: relative;
}
.three-fifths {
	margin-right: 4%; float: left; position: relative;
}
.four-fifths {
	margin-right: 4%; float: left; position: relative;
}
.one-sixth {
	margin-right: 4%; float: left; position: relative;
}
.five_sixths {
	margin-right: 4%; float: left; position: relative;
}
.last.one-half {
	margin-right: 0px;
}
.last.one-third {
	margin-right: 0px;
}
.last.two-thirds {
	margin-right: 0px;
}
.last.three-fourths {
	margin-right: 0px;
}
.last.one-fourth {
	margin-right: 0px;
}
.last.two-fourths {
	margin-right: 0px;
}
.last.one-fifth {
	margin-right: 0px;
}
.last.two-fifths {
	margin-right: 0px;
}
.last.three-fifths {
	margin-right: 0px;
}
.last.four-fifths {
	margin-right: 0px;
}
.last.one-sixth {
	margin-right: 0px;
}
.last.one-half {
	margin-right: 0px;
}
.last.one-third {
	margin-right: 0px;
}
.last.two-thirds {
	margin-right: 0px;
}
.last.three-fourths {
	margin-right: 0px;
}
.last.one-fourth {
	margin-right: 0px;
}
.last.two-fourths {
	margin-right: 0px;
}
.last.one-fifth {
	margin-right: 0px;
}
.last.two-fifths {
	margin-right: 0px;
}
.last.three-fifths {
	margin-right: 0px;
}
.last.four-fifths {
	margin-right: 0px;
}
.last.one-sixth {
	margin-right: 0px;
}
.last.five_sixth {
	margin-right: 0px;
}
.the-grid div {
	background: rgb(249, 249, 249); padding: 10px; text-align: center; color: rgb(153, 153, 153); text-transform: uppercase; margin-bottom: 20px;
}
@media only screen and (max-width:1020px) and (min-width:959px)
{
/*.container {
	width: 942px;
	background-color:#DFDFDF;
}
p {
	width:100%
}*/

}
@media only screen and (max-width:959px) and (min-width:768px)
{
/*.narrow.container {
	width: 750px;

}
.container {
	width: 750px;
}
.catalog_download_image{
	float:left;
}*/

}
@media only screen and (max-width:959px)
{
/*.one-half {
	margin: 0px 2%; width: 46%;
}
.one-third {
	margin: 0px 2%; width: 46%;
}
.two-thirds {
	margin: 0px 2%; width: 46%;
}
.three-fourths {
	margin: 0px 2%; width: 46%;
}
.one-fourth {
	margin: 0px 2%; width: 46%;
}
.two-fourths {
	margin: 0px 2%; width: 46%;
}
.one-fifth {
	margin: 0px 2%; width: 46%;
}
.two-fifths {
	margin: 0px 2%; width: 46%;
}
.three-fifths {
	margin: 0px 2%; width: 46%;
}
.four-fifths {
	margin: 0px 2%; width: 46%;
}
.one-sixth {
	margin: 0px 2%; width: 46%;
}
.five_sixths {
	margin: 0px 2%; width: 46%;
}*/
}
@media only screen and (max-width:767px)
{
/*.container {
	width: 300px;

}
.one-half {
	margin: 0px; width: 100%;
}
.one-third {
	margin: 0px; width: 100%;
}
.two-thirds {
	margin: 0px; width: 100%;
}
.three-fourths {
	margin: 0px; width: 100%;
}
.one-fourth {
	margin: 0px; width: 100%;
}
.two-fourths {
	margin: 0px; width: 100%;
}
.one-fifth {
	margin: 0px; width: 100%;
}
.two-fifths {
	margin: 0px; width: 100%;
}
.three-fifths {
	margin: 0px; width: 100%;
}
.four-fifths {
	margin: 0px; width: 100%;
}
.one-sixth {
	margin: 0px; width: 100%;
}
.five_sixths {
	margin: 0px; width: 100%;
}*/

}
@media only screen and (max-width:767px) and (min-width:480px)
{
/*.container {
	width: 420px;

}*/
}
.filter-menu::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.port-item::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.one-half::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.one-third::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.two-thirds::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.three-fourths::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.one-fourth::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.two-fourths::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.one-fifth::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.two-fifths::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.three-fifths::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.four-fifths::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.one-sixth::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.five-sixths::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.container::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: "\0020";
}
.clearfix::before {
	width: 0px; height: 0px; overflow: hidden; display: block; visibility: hidden; content: "\0020";
}
.clearfix::after {
	width: 0px; height: 0px; overflow: hidden; display: block; visibility: hidden; content: "\0020";
}
.row::before {
	width: 0px; height: 0px; overflow: hidden; display: block; visibility: hidden; content: "\0020";
}
.row::after {
	width: 0px; height: 0px; overflow: hidden; display: block; visibility: hidden; content: "\0020";
}
.row::after {
	clear: both;
}
.clearfix::after {
	clear: both;
}
.row {
	-ms-zoom: 1;
}
.clearfix {
	-ms-zoom: 1;
}
.clear {
	width: 0px; height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden;
}
