body {
	background: none repeat scroll 0 0 rgb(225,217,198);
}
div#head,
header {
	height: 50px;
	background: none repeat scroll 0 0 rgb(45,76,96);
	background-image: url(../img/bg_nav_logo.png);
	background-repeat: no-repeat;
	background-position: -16px -5px;
	overflow: visible;
}
div.nav, nav {
	display: table;
	position: relative;
	top: 30px;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
}
div.nav ul, nav ul {
	position: initial;
	display: block;
	width: 100%;
}
div.nav ul li, nav ul li {
	background-color: #dedede;
	position: initial;
	display: block;
	height: auto;
	text-align: center;
	vertical-align: middle;
}
div.nav ul li > div, nav ul li > div {
	height: 0;
	display: none;
}
div.nav ul li > a, nav ul li > a {
	display: block;
	position: relative;
	width: auto;
	height: 100%;
	vertical-align: middle;
}

@media (max-width: 600px) {
	div#head > div.navbtn,
	header>div.navbtn {
		position: absolute;
		top: 7px;
		right: 7px;
		width: 36px;
		height: 36px;
		background: url(../img/menu-w.png) no-repeat;
		cursor: pointer;
	}
	div#head>div.nav,
	header>div.nav,
	div#head>nav,
	header>nav {
		top: 0;
	}

	div#head>div.navbtn:hover + div.nav,
	div#head>div.navbtn:hover + nav,
	header>div.navbtn:hover + div.nav,
	header>div.navbtn:hover + nav,
	div.nav:hover, nav:hover {
		display: table;
	}
	div#head > div.navbtn:hover,
	header>div.navbtn:hover {
		background: url(../img/menu-w2.png) no-repeat;
	}
	div.nav, nav {
		display: none;
	}
	div.nav > ul, nav > ul {
		position: relative;
		top: 50px;
	}
	div.nav ul li, nav ul li {
		background-color: rgb(207, 204, 193);
	}
	div.nav ul li>a, nav ul li>a {
		color: rgb(22,33,22);
	}
	div.nav > ul > li:hover, nav > ul > li:hover {
		background-color: rgb(45, 76, 96);
	}
	div.nav > ul > li:hover>a, nav > ul > li:hover>a {
		color: rgb(207, 204, 193);
	}
}
@media (min-width: 600px) {
	div.nav, nav {
		position: initial;
		display: block;
		top: auto;
		bottom: auto;
		width: auto;
		height: 100%;
		min-height: 100%;
	}
	div.nav ul, nav ul {
		position: absolute;
		display: table;
		height: 100%;
		width: auto;
		right: 0;
	}
	div.nav ul li, nav ul li {
		position: initial;
		display: table-cell;
		padding: 0;
		text-align: center;
		vertical-align: middle;
		text-indent: 0px;
		background-color: transparent;
	}
	div.nav ul li > div, nav ul li > div {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	div.nav ul li > a, nav ul li > a {
		display: initial;
		height: 100%;
		margin: 0;
		padding: 0;
	}

	div#head,
	header {
		height: 70px;
		background-position: -12px -5px;
	}
	div.nav, nav {
		display: block;
	}
	div.nav ul, nav ul {
		overflow: hidden;
	}
	div#head > div.navbtn,
	header>div.navbtn {
		display: none;
	}
}
@media (min-width: 960px) {
	div.nav, nav {
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
	}
	div.nav ul, nav ul {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	div.nav ul li,nav ul li {
		display: initial;
		position: absolute;
		padding: 0;
		margin: 0;
		width: 100%;
		height: 35px;
		z-index: 1;
	}
	div.nav ul li > a, nav ul li > a {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 2;
	}

	div#head,
	header {
		width: 200px;
		height: 100%;
		left: 2px;
		background-image: url(../img/bg_nav_logo.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	div#head > div,
	header > div {
		padding: 50px 0;
	}
	div.nav ul, nav ul {
		overflow: visible;
	}
}


div#main,
main  {
	top: 50px;
}
div#main > div.tb > div > div,
main > div.tb > div > div {
	background: url(../img/sl-1.jpg) 0% 100% no-repeat;
}
div#main > div.tb > div > div+div,
main > div.tb > div > div+div {
	background: url(../img/sl-2.jpg) 100% 100% no-repeat;
}

div.containr.leftalgn div.section {
	background: url(../img/bg_tt_r.png) no-repeat scroll 100% 10px transparent;
	background-size: 50% auto;
}
div.containr.rightalgn div.section {
	background: url(../img/bg_tt_l.png) no-repeat scroll 0% 10px transparent;
	background-size: 50% auto;
}

div#main > div.tb.once,
main > div.tb.once {
	width: 100%;
}
div#main > div.tb.two,
main > div.tb.two {
	width: 200%;
}

@media (min-width: 600px) {
	div#main,
	main  {
		top: 70px;
	}
}
@media (min-width: 960px) {
	div#main,
	main  {
		top: 0;
		left: 202px;
	}

	div#main > div.tb > div > div,
	main > div.tb > div > div {
		background-size: auto auto;
	}
	div.containr.rightalgn div.section,
	div.containr.leftalgn div.section {
		background-size: auto auto;
	}
}

div.nav, nav {
	top: 50px;
}
div.nav ul li,
nav ul li {
	padding: 0 10px;
}
@media (min-width: 600px) {
	div.nav, nav {
		top: auto;
		width: auto;
	}
	div.nav ul, nav ul {
		right: 10px;
	}
}
@media (min-width: 960px) {
	div.nav ul, nav ul {
		top: 25%;
		left: 0;
		right: auto;
		width: 200px;
		height: 220px;
	}

	div.nav ul li,nav ul li {
		padding: 0;
		margin: 0;
	}

	div.nav ul li.navitem, nav ul li.navitem {
		text-align: left;
		text-indent: -200px;
	}
}

div.containr {
	overflow: hidden;
	overflow-y: auto;
}

div.section {
	padding: 40px 0;
}
div.section > h1 {
	margin: 0 20px;
}
div.section > div {
	top: 5%;
	padding: 0 5%;
}

div.section > div div.tb>div>div>div {
	margin: 0 auto;
}
div.section div.tb.teas > div > div:first-child {
	text-align: right;
}

div.section ul.teas {
	margin: 0 auto;
}
div.section ul.teas li {
	margin: 1.5rem 0;
}
div.section ul.teas ul {
	margin-left: 0;
}
div.section ul.teas, div.section ul.teas ul {
}

@media (min-width: 600px) {
	div.section > div {
		top: 10%;
	}
}
@media (min-width: 960px) {


	div.section {
		padding: 50px 0;
	}
	div.section > h1 {
		margin: 0 50px;
		margin-top: 50px;
	}
	div.section > div {
		top: 15%;
	}
}



@media (min-width: 600px) {
	div.nav ul li, nav ul li {
		height: 100%;
		padding: 0 10px;
		text-indent: -444px;
		background: none;
	}
	div.nav ul li > a, nav ul li > a {
		z-index: 2;
	}
	div.nav ul li#i1, nav ul li#i1,
	div.nav ul li#i2, nav ul li#i2{
		padding: 0;
	}
	div.nav ul li#i1 > a, nav ul li#i1 > a,
	div.nav ul li#i2 > a, nav ul li#i2 > a{
		display: block;
		background: none;
		overflow: hidden;
	}
	div.nav ul li > div, nav ul li > div {
		position: absolute;
		top: 0;
		z-index: 1;
		max-width: 220px;
	}
	div.nav ul li#i1 {
		width: 135px;
		background: url(../img/nav_l_01.png) -10px 24px no-repeat;
	}
	div.nav ul li#i1 a:hover + div {
		background: url(../img/nav_l_01b.png) -10px 24px no-repeat;
	}
	div.nav ul li#i2 {
		width: 150px;
		background: url(../img/nav_l_02.png) -10px 24px no-repeat;
	}
	div.nav ul li#i2 a:hover + div {
		background: url(../img/nav_l_02b.png) -10px 24px no-repeat;
	}
	div.nav ul li#i3,
	div.nav ul li#i4 {
		text-indent: 0;
	}
}
@media (min-width: 960px) {
	div.nav ul, nav ul {
		top: 25%;
		left: 0;
		width: 200px;
		height: 220px;
	}
	div.nav ul li > div, nav ul li > div {
		display: block;
	}

	div.nav ul li {
		height: 35px;
		padding: 0;
	}
	div.nav ul li#i1 {
		width: 100%;
		overflow: visible;
		top: 0;
		background: url(../img/nav_l_01.png) no-repeat;
	}
	div.nav ul li#i1:hover {
		z-index: 99;
	}
	div.nav ul li#i1 a:hover + div {
		height: 220px;
		background: url(../img/nav_l_01b.png) no-repeat;
	}
	div.nav ul li#i2 {
		width: 100%;
		overflow: visible;
		top: 35px;
		background: url(../img/nav_l_02.png) no-repeat;
	}
	div.nav ul li#i2:hover {
		z-index: 99;
	}
	div.nav ul li#i2 a:hover + div {
		height: 220px;
		background: url(../img/nav_l_02b.png) no-repeat;
	}
	div.nav ul li#i3,
	div.nav ul li#i4 {
		height: 20px;
		background: none;
		text-align: left;
	}
	div.nav ul li#i3 a,
	div.nav ul li#i4 a {
		margin: 0;
		margin-left: 28px;
		font-size: 12px;
		color: rgb(225,217,198);
	}
	div.nav ul li#i3 {
		top: 90px;
	}
	div.nav ul li#i4 {
		top: 110px;
	}
}

div.section > div div.tb>div>div>div,
section > div div.tb>div>div>div {
	display: table;
	width: initial;
	margin: 0 auto;
}

div.section ul.teas,
section ul.teas {
	display: table;
	margin: 0 auto;
text-align: center;
}
div.section ul.teas li h4,
section ul.teas li h4 {
height: 2rem;
line-height: 2rem;
}

body, div, p, span, a, a:link, h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, sans-serif, 'Times New Roman';
	color: #FFF;
	color: #181818;
}
body {
	font-size: 9pt;
}
h1:first-child, h2:first-child, h3:first-child,
h4:first-child, h5:first-child, h6:first-child {
	margin-top: 0;
}
h1, h2, h3,
h4, h5, h6 {
	color: rgb(45,76,96);
}

h1 {
	font-size: 1.5rem;
	line-height: .75;
}
h2 {
	font-size: 1.25rem;
	line-height: .8;
}
h3 {
	font-size: 1.125rem;
	line-height: .75;
}
h4 {
	font-size: 1rem;
	line-height: .75;
}
h5 {
	font-size: .875rem;
	line-height: .75;
}
h6 {
	font-size: 0.75rem;
	line-height: .75;
}

.centered {
	text-align: center;
}
.justify {
	text-align: justify;
}
.rightalgn {
	text-align: right;
}
.small, .small > p {
	font-size: 10px;
	font-size: .675rem;
}
.small span {
	background-color: rgb(225,217,198);
}

ul.teas p, .teas span {
	font-size: .875rem;
	-line-height: 1;
}
.teas span {
	padding: 4px;
	background-color: rgb(207,204,193);
background-color: rgb(75,96,116);
	color: white;
color: rgb(207,204,193);
}
.tb.teas>div>div {
	padding: 5px;
}

@media (max-width: 480px) {
	div.section ul.teas li,
	section ul.teas li {
width: 80%;
	}
	div.section ul.teas li span,
	section ul.teas li span {
letter-spacing: -0.05em;
word-wrap: break-word;
	}
}
@media (min-width: 360px) {
	h1 {
		font-size: 2rem;
		line-height: .75;
	}
	h2 {
		font-size: 1.5rem;
		line-height: .8;
	}
	h3 {
		font-size: 1.25rem;
		line-height: .75;
	}
	h4 {
		font-size: 1.125rem;
		line-height: .75;
	}
	h5 {
		font-size: 1rem;
		line-height: .75;
	}
	h6 {
		font-size: 0.875rem;
		line-height: .75;
	}
	ul.teas p, .teas span {
		font-size: 1rem;
	}
}
@media (min-width: 960px) {
	h1 {
		font-size: 2.25rem;
		line-height: .75;
	}
	h2 {
		font-size: 1.875rem;
		line-height: .8;
	}
	h3 {
		font-size: 1.5rem;
		line-height: .75;
	}
	h4 {
		font-size: 1.25rem;
		line-height: .75;
	}
	h5 {
		font-size: 1.125rem;
		line-height: .75;
	}
	h6 {
		font-size: 1rem;
		line-height: .75;
	}
	ul.teas p, .teas span {
		font-size: 1.5rem;
	}
}

span.ema.dressed:after {
    content: attr(name) !important;
}
span.ema.dressed::after {
    content: attr(name) !important;
}
span.ema.dressed {
    direction: rtl !important;
    unicode-bidi: bidi-override;
    white-space: nowrap;
}