/* 
	Theme Name: The Mighty Wonton custom Woodman.
	Theme URI: http://themightywonton.com/
	Version: 1.0
	Author: Miss Lee Wong
*/

/************************************************
*	CSS RESET									*
************************************************/

@import "reset.css";

/************************************************
*	WOODMAN 									*
************************************************/

/* 

Warm grey – #bfbab6 
Dark grey – #4D4D4D

*/

html {
	height: 100%;
}

body {
	background: #bfbab6;
	color: #333;
	font-size: 12px;
	line-height: 16px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 200; 
	font-style: normal;
	height: 100%; 
	margin: 0;
	padding: 0;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px;
}

#wrap {
	min-height: 100%;
	margin: 0 35px 35px 35px;
	padding: 0;
	width: auto;
	display: block;
}

#wrap2 { /* no slideshow */
	min-height: auto;
	margin: 0 35px 35px 35px;
	padding: 0;
	width: auto;
	display: block;
}
hr {
	border: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #fff;
	opacity: 0.7;
	filter: alpha(opacity=70);
	margin: 0 0 15px 0;
}

strong, .current-menu-item {
	font-weight: bold;
}




/************************************************
*	Clearfix									*
************************************************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a img, a:hover img {
	border: 0;
}

/************************************************
*	Navigation 									*
************************************************/

#navcontainer {	
	width: 100%;
	position: fixed;
	display: block;
	min-height: 30px;
	z-index: 888;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 700; 
	text-transform: uppercase;
	font-size: 13px;
	line-height: 16px;
	
}

.top {
	top: 0;
}

#navcontainer3 {	/* mobile view */
	width: 100%;
	background-color: none;
	top: 0;
	min-height: 30px;
	z-index: 888;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 700; 
	text-transform: uppercase;
	font-size: 13px;
	line-height: 16px;
	display: none;
}

#navmobile {
	width: 100%;
	display: none;
}

#logomobile {
	position: absolute;
	z-index: 10;
	display: none;
	float: left;
	clear: none;
	top: 20px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 700; 
	text-transform: uppercase;
	font-size: 13px;
	line-height: 16px;
	width: 90%;
	background: #bfbab6;
}

#nav {
	width: 100%;
	display: block;
}

#nav ul, #footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav ul li, #footer ul li {
	display: inline;	
	margin: 0;
	padding: 0 30px 0 0;
}

#nav li, #footer li {
	list-style: none;
	display: block;
	float: left;
}

/************************************************
*	Content 					     		    * 
************************************************/

.content {
	width: 100%;
	max-width: 950px;
/*	min-height: 1000px; */
	margin: 0 auto;
	padding: 0 35px;
}

.padtop50 {
	padding-top: 50px;
}


.nominheight {
	min-height: 1px !important; /* for project posts */
}

.content img {
	float: left;
	clear: none;
}

.content p {
	padding-bottom: 14px;
}

h2.widgettitle {
	font-size: 13px !important;
	line-height: 16px;
	letter-spacing: normal;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 8px !important;
	margin-bottom: 0 !important;
}




.contact { /* mobile */
	font-size: 13px !important;
	line-height: 16px;
	font-weight: 700; 
	text-transform: uppercase;
}

.contact p {
	padding-bottom: 14px;
	width: 90%;
}

.contact img {
	clear: both;
	display: none;
	height: auto;
	padding-bottom: 14px;
}


.textwidget {
	margin: 0;
	padding: 0;
	float: right;
}


table.tableschool tbody tr td {
	font-weight: 200;
	line-height: 20px;
}

table.tableschool {
padding-top: 24px;	
}


#onecol {
	max-width: 950px;
	padding: 0;
	margin-top: 120px;
	text-transform: uppercase;
	line-height: 16px;
}

#onecol h3 { /* sitemap headers */
	font-weight: 700; 
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0;
	padding: 0 0 5px 0;
}

div.#onecol div.PubImage a img {
	display: none;
}

div.PubImage {
	width: 158px;
	height: 158px;
	float: left;
	float: left;
	margin: 0 10px 20px 10px;
	background: url(images/pubajaxloader.gif) no-repeat 10px 10px;
}

#thumbs, #thumbs1 {
	width: 23.5%;
	min-width: 200px;
	padding-right: 2%;
	float: left;
	margin-bottom: 20px; 
}

#thumbs-row {
	float: right;
	width: 74.5%;
}

#thumbs1b {
	width: 31.5%;
	min-width: 200px;
	padding-right: 2.75%;
	float: left;
	margin-bottom: 20px; 
}

#thumbs img, #thumbs1 img, #thumbs1b img, #thumbs2 img {
	width: 100%;
	height: auto;
}

#thumbs1, #thumbs1b { /* mobile view */
		display: block; 
}
	
#thumbs2 { /* mobile view */
		display: none; 
}

#colleft {
	width: 49%;
	float: left;
	margin-bottom: 35px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 200; 
}

#colright {
	width: 49%;
	float: right;
	margin-bottom: 35px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 200; 
}

#colrightb { /* For sale – top padding */
	width: 49%;
	float: right;
	margin-bottom: 35px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 200; 
	padding-top: 76px;
}

#colleftmini {
	width: 49%;
	float: left;
	margin-bottom: 35px;
}

#colrightmini {
	width: 49%;
	float: right;
	margin-bottom: 35px;
}

#colleft p, #colright p, #colrightb p {
	width: 98%;
}

#colleft img {
	width: 100%;
	height: auto;
}

.nopaddingright {
	padding-right: 0 !important;
}

.floatleft {
	float: left !important;
}

.floatright {
	float: right !important;
}

#projectnav-container {
	float: right;
	width: 75%;
}

#projectnav {
	width: 23.5%;
	min-width: 200px;
	padding-right: 2%;
	float: left;
	margin-bottom: 20px; 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 700; 
	text-transform: uppercase;
	font-size: 13px;
	line-height: 22px;
}

#projectnav p {
	padding-bottom: 8px;
	width: 100%;
	line-height: 16px;
}

#projectnav a, #projectnav a:visited {
	text-decoration: none;
	color: #4e4e4e;
}

#projectnav a:hover {
	text-decoration: none;
	color: #000;
}

.paddingtop { /* project nav top padding on mobile */
		padding-top: 0;
	}

h1 { /* Header */
	font-size: 12px;
	line-height: 15px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 700; 
	padding-bottom: 14px;
	text-transform: uppercase;
}

h2, .likeh2 { /* Big text over images */
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 500; 
	font-size: 100px;
	line-height: 110px;
	letter-spacing: 4px;
}
.centertext .likeh2 {
	padding-bottom: 0;
}

.small {
	vertical-align: top;
	font-size: 32px;
	line-height: 60px;
}

h2 a, h2 a:visited, .likeh2 a, .likeh2 a:visited { /* links over images */
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
/*	font-weight: 200; 
	font-size: 18px;
	line-height: 54px;
	letter-spacing: 1px; */
	color: #fff;
	text-decoration: none;
}

h2 a:hover {
	color: #FFF;
}


h3 { /* Subhead */
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 700; 
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 15px;
}

.bottom0 {
	margin-bottom: 0;
}

.light {
	font-weight: 200; 
}

h4 { /* all caps */
	font-size: 12px;
	line-height: 15px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 200; 
	padding-bottom: 14px;
	text-transform: uppercase;

}

h5 { /* Sub-categories, no top padding /*/
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: solid 1px #999999;
	margin-bottom: 15px;
}

h6 { /* Completion date / location */
	color: #808080;
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 14px;
}

.hide-header {
	color: #bfbab6;
	display: block;
}

/************************************************
*	Next / Prev button				     	    * 
************************************************/

#next {
	font-size: 11px;
	line-height: 14px;
	display: inline-block;
	margin: 10px 10px 10px 0;
	clear: none;
	float: right;
}

#prev {
	font-size: 11px;
	line-height: 14px;
	display: inline-block;
	margin: 10px 10px 10px 0;
	clear: none;
	float: left;
}

#next a, #prev a {
	color: #000;
	text-decoration: none;
}

#next a:hover, #prev a:hover {
	color: #000;
	text-decoration: underline;
}


/************************************************
*	Footer						     		    * 
************************************************/

/* also refer to #footer li in the nav section */

#footer, .push {
	width: 100%;
	height: 70px;
	display: block;
	margin-bottom: 0;
	position: relative;
	z-index: 5000;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 16px;
	color: #78726B;
}

#footer a {
	color: #78726B;
	text-decoration: none;
}

#footer a:hover {
	color: #4D4D4D;
	text-decoration: none;
}

#footerleft {
	float: left;
	padding: 25px 0 0 35px;
	display: block;
}

#footerright {
	width: auto;
	float: right;
	padding-left: 35px;
	display: block;
}

#footerone, #footertwo, #footerthree {
	width: auto;
	float: right;
	padding: 25px 35px 0 0;
}

#footertwo2, #footerthree2 { /* for mobile */
	display: none;
}


/************************************************
*	Royal Slider options		     		    * 
************************************************/

/* stretch slider to 100% width and height */
.royalSlider.skin1 {
    position: absolute;
    left: 35px;
    top: 50px;
    right: 35px;
    bottom: 35px; 
    height: auto !important;
    width: auto !important;
}


/* project */

.royalSlider.skin2 {
  position: absolute;
   right: 35px;
    bottom: 35px; 
	left: 320px /*52%*/;
    top: 80px;  
    height: auto !important;
    width: auto !important;
}

#projecttext {
	width: 250px;
	display: block; 
	background-color: #bfbab6;
	padding: 0 15px 15px 0;
	position: absolute;
	top: 80px;
	left: 35px;
	z-index: 188;
	font-size: 15px;
	line-height: 20px; 
	font-weight: 200;
}

#projecttext h1 {
	font-size: 15px;
	line-height: 20px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 200; 
	padding-bottom: 14px;
	text-transform: none;
}

.royalSlider.skin2 img {
	float: right; 
}

/* to change background for all sliders*/
.royalSlider,
.royalSlider .rsOverflow,
.royalSlider .rsSlide,
.royalSlider .rsVideoFrameHolder,
.royalSlider .rsThumbs {
   background: none !important;
}

.rsTmb {
	display: none !important;
}

.arrow {
	width: 50%;
	margin: 0 49%;
	position: absolute;
	bottom: 60px;
	
	z-index: 100; /* to counter RS fade out issue */
}

/*vertically align text */
.centertext {
    width: 100%;
    height: 100% !important;
    display: table;
}

.centertext h2, .centertext .likeh2 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.royalSlider > .rsContent { /* hide slides when loading */
visibility: hidden; 
}

/************************************************
*	Mega Menu					     		    * 
************************************************/
 
/* Menu Bar */
#megaMenu {
	display: block;
}

/* Top Level Items */
#megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle {
   padding: 25px 0 15px 0;  
   font-size: 13px;
	line-height: 16px;
}

/* Sub Menu Container Style */
#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu {
	background-color: #bfbab6;
}

/* Sub Menu Columns */
#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1 > li.menu-item {
  min-width: 1%;
  padding: 0 61px 15px 0;
  margin: 0;
}

/* Sub Menu Headers */
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > a,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item:hover > a,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > span.um-anchoremulator,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator,
#megaMenu .wpmega-widgetarea h2.widgettitle {
	padding-bottom: 0;
	margin-bottom: 0;
}

#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item:hover > a {
 color: #FFFFFF; 
}


/* Sub Menu Link Hover */
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item a:hover, #megaMenu ul ul.sub-menu > li.menu-item:hover > a {
 color: #FFFFFF;
}

/* Highlight color */
#megaMenu ul.megaMenu li.menu-item.menu-item.ss-nav-menu-highlight > a, #megaMenu ul.megaMenu li.menu-item.menu-item.ss-nav-menu-highlight > span.um-anchoremulator {
  color: #FFFFFF !important;
}

/* Image Spacing */
#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title,
#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description,
#megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description {
  padding-left: 25px;
}

.ss-nav-menu-with-img {
  min-height: 16px;
}
/* Item Description */
#megaMenu ul.megaMenu li.menu-item a span.wpmega-item-description, #megaMenu ul.megaMenu li.menu-item span.um-anchoremulator span.wpmega-item-description {
  font-size: 9px;
  color: #bbbbbb;
  text-transform: uppercase;
}

/* Arrow Colors */
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {
  border-top-color: #bbbbbb;
}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after {
  border-left-color: #bbbbbb;
}

/* Remove Arrows */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg > li.megaReg-with-sub > a::after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a::after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a::after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator::after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator::after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator::after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg > li.megaReg-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after{
  display:none;
  border:none !important;
}

/* HR */
#megaMenu .wpmega-divider {
  border-top: 1px solid #f9f9f9;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Vertical */
#megaMenu.megaMenuVertical > ul > li.menu-item > a, #megaMenu.megaMenuVertical > ul > li.menu-item > span.um-anchoremulator {
  background-color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background: -moz-linear-gradient(top, #ffffff, #ffffff);
  background: -ms-linear-gradient(top, #ffffff, #ffffff);
  background: -o-linear-gradient(top, #ffffff, #ffffff);
}
#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after,
#megaMenu.megaMenuVertical ul li.menu-item.mega-with-sub > a:after,
#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-mega > a:after,
#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after,
#megaMenu.megaMenuVertical ul li.menu-item.mega-with-sub > span.um-anchoremulator:after,
#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {
  border-left-color: #bbbbbb;
}

#megaMenu.megaMenuVertical ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-reg > ul.sub-menu {
  border-left: none;
}

/* IE7 Hacks */
#megaMenu.megaMenuHorizontal ul.megaMenu {
  border-bottom: none;
}
#megaMenu.megaMenuVertical ul.megaMenu {
  border-right: none;
}

#megaMenu .megaMenuToggle-icon,
.megaMenuToggle-icon:before,
.megaMenuToggle-icon:after{
  background: #222;
  background: rgba( 0, 0, 0, .8 );
}

#megaMenu ul.megaMenu > li.menu-item {
    float: right;
}

#megaMenu ul.megaMenu > li.logo {
	float: left;
	margin-top: -4px;
}

#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1 > li.menu-item {
	float: right;
}

#megaMenu.megaMenuHorizontal ul.megaMenu {
	background-color: #bfbab6;
}

#megaMenu > ul > li.menu-item.ss-nav-menu-with-img a {
	padding-top: 35px;
	padding-right: 10px;
}

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, #megaMenu .wpmega-widgetarea h2.widgettitle { /*submenu categories bottom margin */
    margin-bottom: 1.5em;
}

#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item.current-menu-item > a { /* active project in submenu */
	color: #4D4D4D;
}

#megaMenu .wpmega-nonlink ul li.widget {
	float: left;
}


#megaMenu .wpmega-nonlink ul li.widget#text-3 { /* contact text */
	float: right;
	width: 200px;
	margin: 5px 105px 0 0!important;
	padding: 0 !important;
	text-transform: uppercase !important;
	font-weight: 700;
	font-size: 13px;
	line-height: 16px;
}

#megaMenu .wpmega-nonlink ul li.widget#text-3 a {
	color: #333 !important;
	text-decoration: underline;
}

#megaMenu .wpmega-nonlink ul li.widget#text-3 a:hover {
	text-decoration: underline;
	color: #fff !important;
}

#megaMenu .wpmega-nonlink ul li.widget#text-5 { 
float: right;
width: 230px;
	margin: 0 30px 0 0!important;
	padding: 0 !important;
}

#megaMenu .wpmega-nonlink ul li.widget#text-6 {
	float: right;
	width: 180px;
	margin: 5px 25px 0 0!important;
	padding: 0 !important;
}

li#menu-item-37 { /* contact */
 	margin-right: 50px !important; 
}

#megaMenu a {
	color: #78726B !important;
}

#megaMenu a:hover {
	color: #FFF !important;
}

#megaMenu ul.megaMenu li.logo a .wpmega-link-title { /* white logo */
	color: #FFF !important;
}

#megaMenu ul.megaMenu li.logo a:hover .wpmega-link-title {
	color: #78726B !important;
}

#menu-item-352 .wpmega-link-title::last-word  {
  font-size: 50%;
}

#megaMenu ul.megaMenu li.current_page_item a.wpmega-link-title {
	color: #FFF !important;
}

.callrob {
	font-size: 12px;
	line-height: 14px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: none;
}


/************************************************
*	Mean Menu (Responsive mobile menu) 		    * 
************************************************/

.mean-container .mean-bar {
	background: none;
	min-height: 40px;
	padding: 0;
	margin: 0;
}

.mean-container a.meanmenu-reveal {
	background: #FFF;
	width: 26px;
	height: 26px;
	line-height: 18px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 700;
	color: #78726B;
}

.mean-container a.meanclose {
	background-color: #bfbab6 !important;
	background-image: url(images/close-menu.png);
	background-repeat: no-repeat;
	background-position: 5% 17px;
	text-indent: 25px !important;
	width: 96%;
	padding-left: 4%;
	text-align: left !important;
}

.mean-container a.meanmenu-reveal span {
	background: #78726B;
}

.mean-container .mean-nav {
	background: #bfbab6;
/*	margin-top: 60px; */
}

.mean-container .mean-nav ul li a {
	border-top: 1px solid #8d8d8d;
	color: #78726B;
	padding: 1em 2%;
	width: 96%;
}

.mean-container .mean-nav ul li li a {
	border-top: 1px solid #78726B;
}

.mean-container .mean-nav ul li a:hover {
	background: none;
	color: #FFF;
}

.mean-container .mean-nav ul li li a {
	opacity: 1;
	color: #78726B;
	padding: 1em 2%;
	width: 96%;
}

.mean-container .mean-nav ul li li a:hover {
	color: #FFF;
}

.mean-container .mean-nav ul li li li a {
	color: #78726B;
	padding: 1em 2%;
	width: 96%;
}

.mean-container .mean-nav ul li li li a:hover {
	color: #FFF;
}

.mean-container .mean-nav ul li a.mean-expand {
	color: #78726B;
	width: 22px;
	height: 19px;
	padding: 13px 12px 11px 12px !important;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-size: 14px;
	border-style: none none none none !important;
	border-width: 0 0 0 0 !important;
	margin-top: 0;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: none;
	color: #FFF;
}

.mean-container .mean-nav ul li.mean-last a {
	padding-bottom: 30px !important;
}

.mean-container .mean-nav ul li.mean-last a:hover {
	color: #78726B;
}

.menu-rma-mobile-container ul, .menu-rma-mobile-chinese-container ul {
	border-top: 1px solid #78726B;
}

/*.menu-rma-mobile-container ul li:first-child, .menu-rma-mobile-chinese-container ul li:first-child {
	width: 25px !important;
	margin-left: 10px;
}

.menu-rma-mobile-container ul li:first-child a, .menu-rma-mobile-chinese-container ul li:first-child a {
	border-top: none;
}

.menu-rma-mobile-container ul li:nth-child(2), .menu-rma-mobile-container ul li:nth-child(3), .menu-rma-mobile-container ul li:nth-child(4), .menu-rma-mobile-container ul li:nth-child(5), 
.menu-rma-mobile-chinese-container ul li:nth-child(2), .menu-rma-mobile-chinese-container ul li:nth-child(3), .menu-rma-mobile-chinese-container ul li:nth-child(4), .menu-rma-mobile-chinese-container ul li:nth-child(5) {
	width: 30px !important;
}

.menu-rma-mobile-container ul li:nth-child(2) a, .menu-rma-mobile-container ul li:nth-child(3) a, .menu-rma-mobile-container ul li:nth-child(4) a, .menu-rma-mobile-container ul li:nth-child(5) a, 
.menu-rma-mobile-chinese-container ul li:nth-child(2) a, .menu-rma-mobile-chinese-container ul li:nth-child(3) a, .menu-rma-mobile-chinese-container ul li:nth-child(4) a, .menu-rma-mobile-chinese-container ul li:nth-child(5) a {
	border-top: none;
}

.menu-rma-mobile-container ul li:nth-child(6), .menu-rma-mobile-chinese-container ul li:nth-child(6) {
	width: 30px !important;
}

.menu-rma-mobile-container ul li:nth-child(6) a, .menu-rma-mobile-chinese-container ul li:nth-child(6) a {
	border-top: none;
}
*/
.menu-rma-mobile-container ul li ul li:first-child, .menu-rma-mobile-container ul li ul li:nth-child(2), .menu-rma-mobile-container ul li ul li:nth-child(3), .menu-rma-mobile-container ul li ul li:nth-child(4), .menu-rma-mobile-container ul li ul li:nth-child(5), .menu-rma-mobile-container ul li ul li:nth-child(6), 
.menu-rma-mobile-chinese-container ul li ul li:first-child, .menu-rma-mobile-chinese-container ul li ul li:nth-child(2), .menu-rma-mobile-chinese-container ul li ul li:nth-child(3), .menu-rma-mobile-chinese-container ul li ul li:nth-child(4), .menu-rma-mobile-chinese-container ul li ul li:nth-child(5), .menu-rma-mobile-chinese-container ul li ul li:nth-child(6) {
	width: 100% !important;
	margin-left: 0;
}

.menu-rma-mobile-container ul li ul li:first-child a, .menu-rma-mobile-container ul li ul li:nth-child(2) a, .menu-rma-mobile-container ul li ul li:nth-child(3) a, .menu-rma-mobile-container ul li ul li:nth-child(4) a, .menu-rma-mobile-container ul li ul li:nth-child(5) a, .menu-rma-mobile-container ul li ul li:nth-child(6) a, 
.menu-rma-mobile-chinese-container ul li ul li:first-child a, .menu-rma-mobile-chinese-container ul li ul li:nth-child(2) a, .menu-rma-mobile-chinese-container ul li ul li:nth-child(3) a, .menu-rma-mobile-chinese-container ul li ul li:nth-child(4) a, .menu-rma-mobile-chinese-container ul li ul li:nth-child(5) a, .menu-rma-mobile-chinese-container ul li ul li:nth-child(6) a {
	border-top: 1px solid #8d8d8d;
}


/************************************************
*	Scroll to top arrow 		     		    * 
************************************************/
/* image changed on http://www.littleirrepressiblewonton.com/wp16/wp-content/plugins/jquery-smooth-scroll/images/arrow.png */

a#scroll-to-top {
	right: 35px !important;
	bottom: 85px !important;
	z-index: 9999;
}

#top-arrow-mobile {
	display: none;
}


/************************************************
*	Forms						     		    * 
************************************************/
input {
border-style: none; 
background-color: #FFF; 
color: #000; 
width: 100%;
padding: 4px;
margin: 7px 0;
}

input.button {
	background: none;
	text-align: left;
	padding: 0;
	font-weight: bold;
}


l1.current-menu-item a, li.current_page_item a {
color: white !important;	
}


/************************************************
*	Widget						     		    * 
************************************************/

.widget_widget_text {
	float: right;
}
	
/************************************************
*	Media Queries				     		    * 
************************************************/

@media only screen 
and (max-width : 1120px)   { 
  #footer {
    height: 170px;
  }
  #footerleft {
    float: none;
    width: 100%;
  }
  #footerright {
    float: none;
    width: 100%;
  }
  #footerright div {
    float: none;
    width: 100%;
  }
  #footertwo, #footerone {
    padding-top: 10px;
  }
  
  .content {
	width: 94%;
	min-height: 1000px;
	margin: 0 auto; /*100px auto 0;*/ /* margin top needed so that the anchor more does not slide all the way to the top */  
	padding: 20px 3%;
	}

.content2 {
	width: 94%;
	padding: 20px 3%;
	}
}


/* IPAD LANDSCAPE */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) { 

#navcontainer3, #navmobile {	/* mobile view */
		display: block;	
	}
	
	#navcontainer, #navcontainer2, #nav {
		display: none;
	}
	
	#logomobile {
		display: block;
	}
	

/* stretch slider to 100% width and height */
.royalSlider.skin1 {
 bottom: 55px; 
}
	
li#menu-item-1071 { /* footer > sitemap */
		display:none !important;
	}
	

/* project */
.royalSlider.skin2 {
    bottom: 55px; 
}

#megaMenu .wpmega-nonlink ul li.widget#text-3 { /* call to action */
		margin: 0 25px 0 0!important;
	}
	
li#menu-item-1253 { /* Contemporary – chinese */
	 	right: -80px;
	}

li#menu-item-1251 { /* Heritage and Restoration – chinese */
	 	right: -80px;
	}
	
li#menu-item-1252 { /* submenu last column Boutique Hotels – chinese */
	 	right: -125px;
	}
	
li#menu-item-1250 { /* submenu last column Apartment living – chinese */
	 	right: 25px;
	}
	
	#megaMenu .wpmega-nonlink ul li.widget#text-2 { /* contact details */
		margin: 0 100px 0 0!important;
	}
	
	#footerleft {
    float: none;
    width: 90%;
  }
  #footerright {
    float: none;
    width: 90%;
  }
  #footerright div {
    float: none;
    width: 90%;
  }
	
}

/* IPAD PORTRAIT */
@media only screen 
and (min-width : 640px) 
and (max-width : 768px) { 

#navcontainer3, #navmobile {	/* mobile view */
		display: block;	
	}
	
	#navcontainer, #navcontainer2, #nav {
		display: none;
	}
	
	#logomobile {
		display: block;
	}
	
	#socialmediaicons { /* hide social media icons */
		display: none;
	}
	
	.mean-container a.meanclose {
		width: 96%;
		padding-left: 5%;
	}
	

#wrap, #wrap2 {
	margin: 0 20px 20px 20px;
}

#footer ul li {
	padding: 0 10px 0 0;
}



	#megaMenu .wpmega-nonlink ul li.widget#text-2 { /* contact details */
		margin: 0 50px 0 0!important;
	}
	
	#megaMenu .wpmega-nonlink ul li.widget#text-3 { /* call to action */
		margin: 0 35px 0 0!important;
	}
	
	#megaMenu .wpmega-nonlink ul li.widget#text-4 { /* contact image */
		margin: 0 53px 0 0!important;
	}
		
	
	#megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle {
		padding: 25px 10px 20px 0 !important; 
	}


#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1 > li.menu-item {
  padding: 0 43px 15px 0;
}

/* stretch slider to 100% width and height */
.royalSlider.skin1 {
    position: absolute;
    left: 20px;
 /*   top: 60px !important; */
    right: 20px;
    bottom: 20px; 
    height: auto !important;
    width: auto !important;
}

/* project */
	.royalSlider.skin2 {
	   right: 20px;
	   bottom: 20px; 
	   left: 20px;
	   top: 80px;
	   height: auto !important;
	   width: auto !important;
	   clear: both;
	   float: left;  
	}
	
	.royalSlider.skin2 img {
		float: left; 
		width: 100% !important;
		height: auto !important;
		margin-top: 0;
	}
	
	#projecttext {
		position: relative;
		width: 100%;
		clear: both;
		left: 0;
		top: -100px;
		margin-top: 0;
		padding: 0 0 15px 0;
		z-index: 0;
		float: left;
	}
	
	#projecttext p {
		width: 80%;
	}

.content {
	width: 94%;
	min-height: 1000px;
	margin: 0 auto; /*100px auto 0;*/ /* margin top needed so that the anchor more does not slide all the way to the top */  
	padding: 20px 3%;
}

.content2 {
	width: 94%;
	padding: 20px 3%;
}

#onecol {
		margin-top: 50px;
	}

#thumbs, #thumbs1 {
	min-width: 10px;
	width: 23.5%;
	padding-right: 2%;
	min-height: 180px;
}

#thumbs1b {
	width: 31.5%;
	min-width: 10px;
	padding-right: 2.75%;
	min-height: 180px;
}

#thumbs1, #thumbs1b {
	min-width: 50px;
	margin-bottom: 15px;
}

#projectnav {
	min-width: 10px;
	width: 23.5%;
	padding-right: 2%;
	min-height: 100px;
}

#footer {
		height: auto;
		min-height: 75px;
		width: 94%;
		padding: 0 3%;
	}
	
	#footerleft {
		width: 100%;
		clear: both;
		float: left;
		padding: 15px 0 0 0;
	}
	
	#footerright {
		width: 100%;
		clear: both;
		float: left;
		padding: 10px 0 15px 0;
	}
	
	#footertwo, #footerthree {
		display: none;
	}
	
	#footerone, #footertwo2, #footerthree2 {
		width: 28%;
		clear: none;
		float: left;
		padding: 0 2% 5px 0;
		display: block;
	}

	
	#megaMenu ul.megaMenu > li.menu-item.switcher a, #megaMenu ul.megaMenu > li.menu-item.switcher a:visited { 
		padding: 8px 10px !important; 
	}
	
	
	li#menu-item-673 { /* living */
		margin-right: 115px !important;
	}
	
}


/* IPHONE LANDSCAPE */
@media only screen 
and (max-width : 640px)   { 

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}	
	
	#wrap, #wrap2 {
		margin: 0 15px 15px 15px;
	}
	
	#navcontainer3, #navmobile {	/* mobile view */
		display: block;	
	}
	
	#navcontainer, #navcontainer2, #nav {
		display: none;
	}
	
	.mean-container a.meanclose {
		width: 96%;
		padding-left: 4%;
	}
	
	#logomobile {
		display: block;
	}
	
	#socialmediaicons { /* hide social media icons */
		display: none;
	}
	
	#scroll-to-top, a#scroll-to-top {
		display: none !important;
	}
	
	#top-arrow-mobile {
		display: block;
		width: 34px !important;
		height: 34px;
		float: right !important;
		position: relative;
		bottom: 115px;
	}nav
	
	.content, .content2 {
		width: 94%;
		max-width: 94%;
		padding: 0 3% 15px 3%;
		margin-top: 0;
	}
	
	div.PubImage {
		width: 46%;
		margin: 0 4% 5px 0;
	}
	
	/* stretch slider to 100% width and height */
	.royalSlider.skin1 {
	   
	    left: 15px;
	/*    top: 75px; */
	    right: 15px;
	    bottom: 15px;
	}
	
	h2, .likeh2 { /* Big text over images */
		font-size: 32px;
		line-height: 44px;
		letter-spacing:2px;
	}
	
	.small {
		font-size: 12px;
		line-height: 22px;
	}
	
	h2 a, h2 a:visited, .likeh2 a, .likeh2 a:visited { /* links over images */
		font-size: 9px;
		line-height: 22px;
	}
	
	.contact img {
		width: 100%;
		display: block;
	}
	
	#onecol {
		margin-top: 50px;
	}
	
	.arrow {
		margin: 0 45%;
	}
	
	.arrow img {
		width: 35px;
		height: 35px;
	}
	
	#thumbs, #thumbs2 {
		width: 100%;
		min-width: 50px;
		padding-right: 0;
		margin-bottom: 0px;
		display: block; 
	}
	
	#thumbs1, #thumbs1b {
		display: none; 
	}
	
	#thumbs img, #thumbs1 img, #thumbs1b img, #thumbs2 img {
		margin-bottom: 15px;
	}
	
	#projectnav {
		width: 100%;
	}
	
	.paddingtop { /* project nav top padding on mobile */
		padding-top: 15px;
	}
	
	#colleft, #colright, #colrightb, #colleftmini, #colrightmini {
		width: 100%;
		clear: both;
		margin-bottom: 5px;
	}
	
	#colleft img {
		margin-bottom: 15px;
	}
	
	.hide-header { /* Great Land header on 2nd column */
		display: none;
	}
	
	.content p.no-padding { /* no bottom padding on paragraph */
		padding-bottom: 0;
	}
	
	/* project */
	.royalSlider.skin2 {
	   right: 15px;
	   bottom: 25px; 
	   left: 15px;
	   top: 75px;
	   height: auto !important;
	   width: auto !important;
	   clear: both;
	   float: left;  
	}
	
	.royalSlider.skin2 img {
		float: left; 
		width: 100% !important;
		height: auto !important;
		margin-top: -25%;
	}
	
	#projecttext {
		position: static;
		width: 100%;
		clear: both;
		left: 15px;
		top: 0;
		margin-top: 0;
		padding: 0 0 15px 0;
		z-index: 0;
		float: left;
	}
	
	#footer {
		height: auto;
		min-height: 70px;
		width: 94%;
		max-width: 94%;
		padding: 0 3%;
	}
	
	#footerleft {
		width: 100%;
		clear: both;
		float: left;
		padding: 15px 0 5px;
	}
	
	#footerright {
		width: 100%;
		clear: both;
		float: left;
		min-width: 100%;
		padding: 5px 0 5px;
	}
	
	#footertwo, #footerthree {
		display: none;
	}
	
	#footerone, #footertwo2, #footerthree2 {
		width: 80% !important;
		clear: both;
		float: left;
		padding: 0 0 8px 0;
		display: block;
	}
	
	#nav ul li, #footer ul li {
	    padding: 0px 15px 0px 0px;
	    font-size: 12px;
	}	
	
	li#menu-item-899 {
		display: none !important;
	}
	
	input {
		padding: 4px 0;
	}
	
}


/* IPHONE PORTRAIT */
@media only screen 
and (orientation : portrait)
and (max-width : 360px)   { 

	.content, .content2 {
		width: 90%;
		max-width: 90%;
		padding: 0 5% 15px 5%;
		margin-top: 0;
	}
	
	#footer {
		height: auto;
		min-height: 75px;
		width: 90%;
		max-width: 90%;
		padding: 0 5%;
	}

	.royalSlider.skin2 img {
			float: left; 
			width: 100% !important;
			height: auto !important;
			margin-top: 0;
		}
}


/* This is used to hide the back to top arrow when there is no scrolling */
.hide-important {
  display: none !important;
}

.hide-scrollbars-important {
  overflow: hidden !important;
}


#wrap {
  margin-bottom: 0;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	max-width: 800px;
	margin: 0 auto;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 450px;
}


/* iphone 5 portrait video position fix */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
  div.videoWrapper {
    margin-top: 130px;    
  }
  .reveal-modal a.close-reveal-modal {
    top: 10px;
    left: 10px;
  }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
  .reveal-modal a.close-reveal-modal {
    top: 10px;
    left: 10px;
  }
}

.homepage #more, #more {
  margin-top: -80px;
  display: block;
  height: 80px;
  padding-bottom: 5px;
}