@charset "UTF-8";

/* CSS Document */

/* desolve color palette
#4C4341     rgb(76, 67, 65)  ASH
#646266      rgb(100, 98, 102)  DULL GRAY
#7B798F     rgb(123, 121, 143)  PEWTER BLUE
#ADA982    rgb(173, 169, 130)  DARK TAN
#D8D5BC   rgb(216, 213, 188)  MED TAN
#EDE4D6   rgb(237, 228, 214)  LIGHT TAN
#667F6A     rgb(102, 127, 106)  DARK GREEN
*/

/*Global styles -----------------------------------------------------------------------------------------------------------*/

/*limited reset*/
/*html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
}*/

/*html5 display rule*/
nav, menu, section, summary {
	display: block;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}
a {
	text-decoration: none;
	color: #667F6A;
	/*border-bottom: 1px dotted #667F6A;*/
}


#mainNav h2, #mainNav #menuToggle {
	display: none;
}

nav ul {
	list-style: none;
}

/*-----------nav styles---------------*/
#mainNav {
	/*margin-bottom: .5em;*/
	max-width:100%;
	background-color: #333;   
	line-height:35px;
}

#mainNav li {
	float: left;
}
#mainNav a, #mainNav h3 {
	text-transform: capitalize;
	display: block;
	color: #FFF;
	border: none;
	
}
#mainNav a:hover {
	color: rgb(123, 121, 143);
}
#mainNav a.current {
	color: rgb(123, 121, 143);
	cursor: pointer;
}
/*misson styles*/
.mission h1 {
	text-transform: uppercase;
}
/*--------Media Query for Mobile styles "speakMenu"----------*/
@media only screen and (max-width:480px) {

/*disable text sizing on orientation change*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	-webkit-text-size-adjust:none;
}

/*-------------------Mobile nav styles "speakMenu"------------------------*/
#mainNav {
	width:100%;
	margin: 0;
	/*margin-bottom: 1em;*/
	background: white;
	overflow: hidden
}

#mainNav li {
	margin: 0;
	float: none;
	position: relative;
}
.topMenu {
	max-height: 0;
	visibility: hidden;
}
.topMenu.expand {
	max-height: 900em;
	visibility: visible;
}

#mainNav a, #mainNav h3 {
	font-size:1em;
	text-align: left;
	color: white;	
	display: block;
	margin-bottom: 1px; /*Division lines in drop down*/
	background: rgb(76, 67, 65);
	padding-left: 1em;
	line-height: 2em;
	text-transform: uppercase;
	cursor: pointer;
	padding-top:.4em;
	padding-bottom:.4em;
}
#mainNav a:hover {
	color: white;
}

#mainNav a.current {
	color: rgb(237, 228, 214);
	cursor: pointer;
}
#mainNav span.indicator {
	position: absolute;
	right: 1em;
}
/*--------Mobile dropdown menu styles "speakMenu"--------------*/
#mainNav ul.submenu {
	float: none;
	width: 100%;
	height: auto;
	max-height: 0;
	-moz-transition:max-height 0.5s ease;
	-webkit-transition:max-height 0.5s ease;
	-o-transition:max-height 0.5s ease;
	transition:max-height 0.5s ease;
	overflow: hidden;
}
#mainNav ul.submenu.expand {
	max-height: 48em;
}

#mainNav ul.submenu li a {
	padding: .4em 1em;    /*Adjust the height and width of the sub menu bars. Original height .2em*/
	white-space: nowrap;
	color: white;
	text-align: left;
	font-size: 1em; /*Adjust font size in Mobile sub menu*/
	padding-left: 3em;
	background:  rgb(100, 98, 102);
}
#mainNav .menuToggle {
	display: block;
	background: rgb(76, 67, 65);
	width: 8em;
	margin-bottom: .2em;
	position: relative;
}
.menuToggle a {
	text-align: center;
	padding: 0;
}
}

/*---------------Tablet media query "speakMenu"-------------*/
@media only screen and (min-width:481px) and (max-width:768px) {

/*-------------------Tablet nav styles "speakMenu"---------------------*/
#mainNav {
	max-width:900px;
	font-size: 65%;
	padding-bottom: 0;
	font-style: normal;
	line-height: 15px;
	margin-bottom: 0em;
	height: 44px;
	text-transform: uppercase;
	padding: 0 0 0 32px;
	font-size: 11px;
	font-weight: bold;

background-image: -ms-linear-gradient(top, #C2876B 0%, #94503B 100%);

background-image: -moz-linear-gradient(top, #C2876B 0%, #94503B 100%);

background-image: -o-linear-gradient(top, #C2876B 0%, #94503B 100%);

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C2876B), color-stop(100, #94503B));

background-image: -webkit-linear-gradient(top, #C2876B 0%, #94503B 100%);

background-image: linear-gradient(to bottom, #C2876B 0%, #94503B 100%);
}
.topMenu {
	width:100% /*510px*/;
	margin: 0/* auto*/;
}

#mainNav li {
	margin-right: 10%;
	position: relative;
	width: auto;
}

#mainNav li:last-child {
	margin-right: 0;
}

#mainNav a, #mainNav h3 {  /*Adjust font size in TABLET menu header*/
	font-size: 1.0em;
	text-align:left;
	padding: .3em 0em;
	cursor: pointer;
}
/*----------------Tablet dropdown menu styles "speakMenu"----------------*/
#mainNav ul.submenu {
	float: none;
	width: auto;
	height: auto;
	padding-top:.04em; /*Adjust space between Tablet main cross bar and drop down*/
	max-height: 0;
	-moz-transition:max-height 0.3s ease;
	-webkit-transition:max-height 0.3s ease;
	-o-transition:max-height 0.3s ease;
	transition:max-height 0.3s ease;
	overflow: hidden;
	z-index: 1000;
	position: absolute;
}
#mainNav ul.submenu li {
	float: none;
	margin: 0;
	background:rgba(131,55,39,0.8);  /*Tablet Drop down menu background color*/
	/*background: rgba(146, 167, 203, .9);*/
}
#mainNav li.hover:hover ul, #mainNav ul.submenu.expand {   /*Maximum height for drop down*/
	max-height: 48em;
}
#mainNav ul.submenu li a {
	border-bottom: 1px solid white;
	padding: .3em 1em; /*adjust height of li in sub menu*/
	white-space: nowrap;
	color: white;
	text-align: left;
	font-size: 1.0em; /*Adjust drop down font size*/
	font-weight:normal;
}
#mainNav ul.submenu li:last-child a {
	border-bottom: none;
}
#mainNav ul.submenu li a:hover {
	background: #BA8865 /*rgb(100, 150, 203)*/;
	color:white;
}
}
/*----   DESKTOP media query "speakMenu"-------------------*/
@media only screen and (min-width:769px) {

/*-----Desktop Main nav styles "speakMenu"---------------------*/
#mainNav {
	padding-left: 3.9%;
	line-height: 20px;
	margin-bottom:0;
	height:46px; /*Adjust this mainNav bar height if a gap appears between the mainNav bar and page content below.*/
	text-transform: uppercase;
	padding: 0 0 0 23px;
	font-size: 12px;
	font-weight: bold;
	max-width: 900px;/*95*/
	
background-image: -ms-linear-gradient(top, #C2876B 0%, #94503B 100%);

background-image: -moz-linear-gradient(top, #C2876B 0%, #94503B 100%);

background-image: -o-linear-gradient(top, #C2876B 0%, #94503B 100%);

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C2876B), color-stop(100, #94503B));

background-image: -webkit-linear-gradient(top, #C2876B 0%, #94503B 100%);

background-image: linear-gradient(to bottom, #C2876B 0%, #94503B 100%);

}

#mainNav li {
	margin-right:10%;
	position: relative;
}
#mainNav a, #mainNav h3 {
	font-size: 1.1em;
	text-align: center;
	padding: 0em .3em;  /*vertical align and horizontal distance between drop down headers*/
	cursor:pointer;
}
#mainNav a.current {
	color: rgb(237, 228, 214);
	cursor: pointer;
}
/*-------Desktop dropdown menu styles "YourThaiGirls Menu"-----------*/
#mainNav ul.submenu {
	float: none;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	padding-top:3.7em; /*Adjust space between main desktop cross bar and drop down*/
	left: -8000em;
	max-height: 0;
	-moz-transition:max-height 0.9s ease;
	-webkit-transition:max-height 0.9s ease;
	-o-transition:max-height 0.9s ease;
	transition:max-height 0.9s ease;
	overflow: hidden;
	z-index: 1000;
}
#mainNav ul.submenu li {
	float: none;
	margin: 0;
	background:rgba(131,55,39,0.8);  /*Desktop Drop down menu background color*/
	font-size:.9em;
	font-weight:normal;
}
#mainNav li:hover ul {
	left: 0;
	max-height: 48.5em; /*Maximum height for drop down*/
}
#mainNav ul.submenu li a {
	border-bottom: 1px solid white;
	padding: .2em 1em;
	white-space: nowrap;
	color:/* #666*/ white; /*Tablet dropdown Text color */
	text-align: left;
	font-size: 1.1em;
}
#mainNav ul.submenu li:last-child a {
	border-bottom: none;
}
#mainNav ul.submenu li a:hover {
	background:#BA8865 /*rgb(100, 150, 203)*/;
	color:white;
}

}