/** New Raine & Horne **/
#home-wrap { max-width:1232px; margin:0 auto; padding:50px 0 25px 0;}
#thecontainer { min-height:800px;}
#thecontainer .item { margin-bottom:8px; position:relative; color:#FCAF17;}
#thecontainer .item.first { height:250px;}
#thecontainer .item.second { height:508px;}
#thecontainer .item a { background-color:#fff;}
#thecontainer .item div{ position:absolute; z-index:999; bottom:10px; left:10px; font: bold 17px 'rainehorne_ltlight', arial, helvetica, sans-serif; min-width:264px; background-color:rgba(0,0,0,0.6); padding:5px 8px; text-transform: uppercase;}
.ie8 #thecontainer .item div { background-color:#333333 !important;}
#thecontainer .item img{ box-shadow:#333 0px 0px 4px}
#thecontainer .item:hover { color:#fff;}


#thecontainer .item.level1 { display:none;}
#thecontainer .item.level2 { display:none;}
#thecontainer .item.level3 { display:block;}
#thecontainer .item.level4 { display:none;}
#thecontainer .item.level5 { display:none;}
#thecontainer .item.level6 { display:block;}
#thecontainer .item.level7 { display:none;}
#thecontainer .item.level8 { display:none;}


.home-menu-bar { background-color:#404040;}
.home-menu-bar ul {float:right;}
.home-menu-bar ul li { float:left}
.home-menu-bar ul li a { color:#ccc; padding:15px 25px; display:block; font: bold 15px 'rainehorne_rgregular', arial, helvetica, sans-serif;}
.home-menu-bar .menu-top-menu-container { max-width:1102px; margin:0 auto;}


.home-menu-bar-mobile { background-color:#4A4A49;}
.home-menu-bar-mobile ul li a { color:#fff !important; padding:10px; display:block; font: bold .9em 'rainehorne_ltlight', arial, helvetica, sans-serif; border-top:solid #666 1px}
.page-home { background-position:center 11px !important;}
.home-menu-bar-mobile .menu-top-menu-container { max-width:1102px; margin:0 auto;}

.gallery-container { position:relative; margin:0 0 20px 0;}
.gallery-navigation { position:absolute; z-index:1000; top:44%; width:100%; color:#CCCCCC;}
.gallery-prev { position:absolute; left:6px; display:block; background:url(../images/arrow_left.png) no-repeat left top; width:48px; height:48px; text-indent:-99999px !important; overflow:hidden; top:0; outline:none;}
.gallery-next { position:absolute; right:6px; display:block; background:url(../images/arrow_right.png) no-repeat left top; width:48px; height:48px; text-indent:-99999px !important; overflow:hidden; top:0; outline:none;}
.gallery-next:focus { background-color:transparent !important;}
.gallery-prev:focus { background-color:transparent !important;}
.gallery-numbering { display:none;}
/* Fix IE6-7 to 990px as the JS Media query fallback doesn't play nice with them */
.ie6 #home-wrap,
.ie7 #home-wrap {
	width: 1245px;	
	max-width:none;
	padding: 26px;
}

.execphpwidget a img { width:100%; height:auto;}


@media screen and (max-width: 1238px) {
#thecontainer { width:920px; margin:0 auto;}
#thecontainer .item.level1 { display:block;}
#thecontainer .item.level2 { display:block;}
#thecontainer .item.level3 { display:block;}
#thecontainer .item.level4 { display:none;}
#thecontainer .item.level5 { display:none;}
#thecontainer .item.level6 { display:block;}
#thecontainer .item.level7 { display:none;}
#thecontainer .item.level8 { display:block;}

}
@media screen and (max-width: 940px) {
#home-wrap { padding:50px 0 25px 0;}
#thecontainer { width:620px; margin:0 auto;}
#thecontainer .item.level1 { display:block;}
#thecontainer .item.level2 { display:none;}
#thecontainer .item.level3 { display:block;}
#thecontainer .item.level4 { display:none;}
#thecontainer .item.level5 { display:block;}
#thecontainer .item.level6 { display:none;}
#thecontainer .item.level7 { display:block;}
#thecontainer .item.level8 { display:block;}

}

@media screen and (max-width: 1102px) {
.leaderbanner { display:none;}
.header-right {max-width:450px !important; padding:0 20px 0 0;}
}
/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */


@media screen and (max-width: 1024px) {
/* --- General --- */
#page #mainnav {
	overflow: visible;
	display:none;
}

#page #mobnav { display:block !important; background-color:#3c3c3d;}
body { background-image:none;}
.header-left img { padding-left:20px; width:90%}
.page-home { background-color:transparent !important;}
#page {
	margin: 0 auto;
	padding: 0;
	background:none;
	z-index: 0;
}
#wrap {
	margin: 10px !important;
	padding: 45px 20px 0 20px;
	overflow: hidden;
	/*width: 100%;*/
}
#main {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	width:58.2%;
	float: left;
}
#secondary {
	width: 142px;
	margin:0;
	float: none;
}
#tertiary {
	width: 28%;
	float: right;
}
#content .entry-content {
	/*width: 76.5%;*/
}
#content .entry-details {
	/*width: 20%;*/
}
/* --- Header --- */
#site-title {
	left: 28%;
}	
#site-title h1 {

	float: none;

}
#site-title h2 {

}
/* --- Sub Nav --- */
nav#subnav ul.menu li.menu-item {
	width: 14.2468%;
	margin:0;
	float: left;
	list-style: none;
}
nav#subnav ul.menu li.menu-item a {
	font-size: .72em;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
	width: 100%;
}
/* --- Sidebars --- */
#secondary {
	width: 35.2%;
	margin-left: 3%;
	padding: 0;
	float: left;
}
#secondary aside:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
#secondary aside, #tertiary aside {
	float: none;
	overflow: hidden;
	width: 95%;
}
.widget .sidebar-theme {
	margin: 0 20px 8px 0;
	float: left;
}

.widget .rss-widget ul li, .widget_archive ul li, .widget_categories ul li, .widget_social_links ul li, .widget_meta ul li, .widget_links ul li {
	margin: 0 20px 0 0;
}
.widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children {
	margin: 5px 0 0 0;
}
#colliers-logo img {
	width: 80%;
	height: auto;	
}

}

/* --- iPad Portrait --- */
@media screen and (max-width: 880px) {
.execphpwidget a img { width:auto; height:auto;}

.home-menu-bar { display:none;}
.home-menu-bar-mobile { display:block !important;}
.custom-header {
	background:url(../images/stripes.png) repeat-x center -50px;
}

.header-right {width:235px;}
.header-right .slogan { font-size:30px; padding-right:20px;}
#page #mainnav {
	overflow: visible;	
}
/*#thecontainer .item { padding-bottom:15px; }*/

.page-home { background-color:#E3E3E3;}
body { background-image:none !important;}

#page {
	padding: 0;
	margin: 10px;
	background:none;
}
#wrap {
	margin-top: 0;
	width: auto;
}
#main {
	width: 100%;
	float: none;
	overflow: hidden;
}
#content {
	width: 100% !important;
	float: none !important;
}
#secondary {
	width: 100% !important;
}
#tertiary {
	width: 100% !important;
	float: none !important;
}
#page #mainnav ul li {
	float: none;
}
/* --- Header --- */
#site-title {
	left: 22%;
	top: 20%;
	padding: 20px 0 30px;
}
#site-title h1 a {
	margin: 0 auto;
	width:296px;
}
#site-title h2 {
	width: 170px;	
}
/* --- Main Nav --- */
#branding #mainnav {
	margin: 0;
	max-width: 100%;
}
#branding #mainnav ul li a {
	font-size: .75em;
}
/* --- Sub Nav --- */
nav#subnav {
	padding: 0;
	margin: 5px 0 0 0;
}
nav#subnav ul.menu {
	padding:0;
}
nav#subnav ul.menu li.menu-item {
	width: 100%;
	margin:6px 0 0;
	float: none;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
nav#subnav ul.menu li.menu-item:last-child {
	border-bottom: none;
}
nav#subnav ul.menu li.menu-item a {
	float: left;
	margin: 6px 20px 10px 10px;
}
nav#subnav ul.menu li.menu-item ul.sub-menu {
	margin: 0;
	padding: 0;
	float: left;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
	width: auto;
	margin:0;
	float: left;
	border-bottom:none;
	letter-spacing: 0;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item a {
	margin: 0 20px 0 0;
	font-size: .8em;
	font-weight: normal;
	line-height:2;
	text-transform: none;
}

/* --- Post Content --- */
#content .entry-content {
	float: left;
}

#content .entry-details {
	/*width: 20%;*/
}
/* --- Sidebars --- */
#secondary aside:last-child {
	margin-bottom: 30px;
}
#tertiary aside:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
#page #mainnav ul li a {
	text-align: center;
}
#page #mainnav,
#page #mainnav .menu-main-menu-container,
#page #mainnav #menu-main-menu,
#page #mainnav #menu-main-menu li {
	border: none;	
	height: auto;
}
}
/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px) {
#home-wrap { padding:0;}
.execphpwidget a img { width:100%; height:auto;}

#secondary .searchform .search-input { width:76% !important}
.custom-header {
	background:none;
}
#wrap {
 padding:16px !important;
}
.header-left { text-align:center;max-width:100%;}
body { background-image:none !important;}
.header-left img {  max-width:100%; height:auto;}
.header-right .slogan { padding:0; text-align:center;}
.header-right {height:auto; max-width:620px !important; width:100%; margin:-22px 0 15px 0; float:none; padding:0;}
#thecontainer { width:300px; margin:0 auto;}
#thecontainer .item { padding-bottom:1px !important;}
#thecontainer .item, #thecontainer .item img { max-width:100%; height:auto;}

#thecontainer .item.level1 { display:none;}
#thecontainer .item.level2 { display:none;}
#thecontainer .item.level3 { display:none;}
#thecontainer .item.level4 { display:block;}
#thecontainer .item.level5 { display:none;}
#thecontainer .item.level6 { display:none;}
#thecontainer .item.level7 { display:block;}
#thecontainer .item.level8 { display:block;}



#page #mainnav {
	overflow: visible;	
}
#page {
	padding: 0;
	background:#fff none center top !important;
	margin: 10px !important;
}
/* --- Header --- */
#site-title {
	float: right;
	position: static;
	padding: 10px 0 5px;
	left: 20%;
}
#site-title h1 {
	margin: 0;
	float: none;
}
#site-title h1 a {
	width: 242px;
	height: 26px;
}
#site-title h2 {
	width: 147px;
}
#colliers-logo {
	top: 3%;	
}
#colliers-logo img {
	width: 60%;
	height: auto;
}
/* --- Main Nav --- */
#branding #mainnav {
	margin: 0;
}
#branding #mainnav ul li {
	float:none;	
}
#branding #mainnav ul li a {
	margin:0;
	padding:8px 7px;
	display: block;
	font-size: .7em;
	
}
#page #mainnav ul li a {
	text-align: center;
}
#page #mainnav,
#page #mainnav .menu-main-menu-container,
#page #mainnav #menu-main-menu,
#page #mainnav #menu-main-menu li {
	border: none;	
	height: auto;
}
#branding #mainnav ul ul {
	display: none;
}
#branding #mainnav ul ul ul {
	display: none;
}
#branding #mainnav ul ul a {
	display: none;
}
/* --- Sub Nav --- */
nav#subnav ul.menu {
	border-bottom: none;
}
nav#subnav ul.menu li.menu-item {
	width: 100%;
	margin:0;
	float: none;
	overflow: hidden;
	background-color: #F0F0F0;
	border-bottom: 1px solid #ddd;
	text-align: center;
}
nav#subnav ul.menu li.menu-item a {
	width: 100%;
	margin: 0;
	padding: 12px 0 11px;
	float: left;
	display: block;
	background-color: #F0F0F0;
}
nav#subnav ul.menu li.menu-item a:hover, nav#subnav ul.menu li.menu-item a:active, nav#subnav ul.menu li.menu-item a:focus {
	background: #D4D4D4;
	text-decoration: none;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
	display: none;
}
/* --- Post Content --- */
#content .post {
	/*margin: 0 0 30px;*/
	padding: 0 0 30px;
}
#content .post .entry-header h2.entry-title {
	font-size: 1.6em;
}
#content .entry-content {
	width: 100%;
}
#content .entry-details {
	/*display: none;*/
}
#content .post img.wp-post-image {
	/*display: none;*/
}
#content .sticky {
	padding: 10px;
}
/* --- Post Columns Shortcodes --- */
.two-columns-one{
	width:100%;
}
.three-columns-one{
	width:100%;
}
.three-columns-two{
	width:100%;
}
.four-columns-one {
	width: 100%;
}
.four-columns-two {
	width:100%;
}
.four-columns-three {
	width:100%;
}
.three-columns-one,.three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three {
	float:none;
}
/* --- Single Posts ---- */
#content .single-entry-details {
	display: none;
}
#content .single-entry-header .social-btn-top {
	display: none;
}
#content .post .author-description p {
	font-size: .8em;
	line-height: 1.4;
}
#content .post .author-info .avatar {
	display: none;
}
/* --- Comments ---- */
form#commentform input#author, form#commentform input#email, form#commentform input#url {
	width: 95%;
}
#content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 {
	margin:0;
}
#comments img.avatar {
	display: none;
}
a#cancel-comment-reply-link {
	width: 100%;
	margin:5px 0 15px;
	display: block;
}
/* --- Post Nav Below --- */
#content #nav-below .nav-previous a {
	width: 100%;
	display: block;
	float: none;
	margin: 0 0 10px;
}
#content #nav-below .nav-next a {
	width: 100%;
	display: block;
	text-align: right;
}
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover {
	text-decoration: none;
}
/* --- Post Formats ---- */
#content .entry-post-format .entry-content-gallery {
	width: 100%;
	float: none;
}
#content .entry-post-format .gallery-thumb {
	width: 100%;
	float: none;
	margin: 5px 15px 15px 0;
}
/* --- Pages ---- */
#content .page .wpcf7 input.textfield {
	width: 95%;
}
/* --- Footer ---- */
#colophon {
	width: 90%;
	float: none;
}
aside.widget {
	width: 95%;	
}
}