#main{
	/* The main container */
	margin:15px auto;
	width:976px;
	position:relative;
	border: 2px solid #e8e8e8;
	/*border-radius
	-webkit-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	/*border-radius:4px 4px 4px 4px;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2) inset;
	background: url("../listings_page/categorywrap_bg2_bot.jpg") repeat-x scroll 0 100% transparent;*/
}

#menu_gal{
	text-align: center;
	height:116px;
    border-bottom: 1px solid #dbdbdb;
	/*background:url(../popup/panel.jpg) repeat-x top center #ececec;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2) inset;*/
    /*background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#d1d1d1));
	background-image: -webkit-linear-gradient(top,#f5f5f5,#d1d1d1); 
	background-image: -moz-linear-gradient(top,#f5f5f5,#d1d1d1);
	background-image: -ms-linear-gradient(top,#f5f5f5,#d1d1d1);
	background-image: -o-linear-gradient(top,#f5f5f5,#d1d1d1);
	background-image: linear-gradient(top,#f5f5f5,#d1d1d1);*/
    background-color: #b9daff;
}

#menu_gal ul 
{
	display: inline-block;
    margin: 0;
    padding: 0;
	height: 116px;
}

#menu_gal ul li {
	width:313px;
	height:116px;
	margin: 0 6px;
	text-align: center;
	display:inline-block;
	list-style:none;
	overflow-x:hidden;
	float: left;
    text-decoration: none;
}
#menu_gal ul li .icon {font-size: 50px; color: #436b9c;}
#menu_gal ul li a:hover {text-decoration: none; background-color: #4c7ab8; color: #fff;}
#menu_gal ul li:hover .icon {color: #fff;}

#menu_gal ul li.act a {text-decoration: none; background-color: #4c7ab8; color: #fff;}
#menu_gal ul li.act .icon {color: #fff;}

.fbar{	/* The left-most vertical bar, next to the first thumbnail */
	height: 116px;
	width:0;
}

#menu_gal ul li.fbar:hover {background: none; color: #000;}
#menu_gal ul li a {
	display:block;
	height:106px;
	padding-top:10px;
}
.menuItem {font: normal 18px/28px calibri;}
.menuItem a {font: normal 20px/24px calibri; /*	color: #000;*/}
.menuItem a:hover {color: #fff;}

/* Gallery styles */
#gallery{
	width:976px;
	overflow-x:hidden;
}

#slides{
	/* This is the slide area */
	min-height:400px;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:928px;
	padding: 24px 24px;
	overflow-x:hidden;
}

.slide{	float:left;	width: 976px;}

#slides ol {  margin: 0 0 1em 0;  padding: 0;}
#slides ol li
{
  line-height: 1.2em;
  width: 378px;
  margin: 0 0 8px 0;	
  padding: 0;
  font: bold 1.04em/18px Calibri;
  *width:378px; border:none; *border: none;
}

#slides ol li a
{
	/*color: #0088cc;*/
	padding: 4px 0 12px 0;
	text-align: left;
	min-width: 340px;
	max-width: 340px;
	display: block;
}
/*		
#slides ol li a:hover {	color: #143880;}*/
#slides ol li a small {	font: normal 14px/15px Calibri !important;	color: #1a1a1a;	text-decoration: none!important;}
#slides ol li a small:hover {text-decoration: none!important;}
		
/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html #slides ol li {position: relative;}

h2.renew {
	font: bold 38px/30px Calibri;
	color: #5A5A5A;
	letter-spacing: 0.05em;
    height: 100%;
    width: 100%;	
	padding: 12px 0 4px 0;
}

h2.replace{
	font: bold 38px/30px Calibri;
	color: #5A5A5A;
	letter-spacing: 0.05em;
	width: 100%;
	height: 100%;
	padding: 12px 0 4px 0;
}
	
h2.apply{
	font: bold 38px/30px Calibri;
	color: #5A5A5A;
	letter-spacing: 0.05em;
	width: 100%;
	height: 100%;
	padding: 12px 0 4px 0;
}

.2column {
    float: left;
    margin: 5px;
    padding: 5px;
    width: 460px;
}

#2column_wrap {
    width:460px;
    column-count:2;
    column-gap:20px;
    -moz-column-count:2;
    -moz-column-gap:20px;
    -webkit-column-count:2;
    -webkit-column-gap:20px;
}
.icon-arrow-up {color: #4c7ab3;}