@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'goudy_trajan_regularregular';
    src: url('http://odyseamirrormaze.com/fonts/goudytrajan-regular-trial-webfont.eot');
    src: url('http://odyseamirrormaze.com/fonts/goudytrajan-regular-trial-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://odyseamirrormaze.com/fonts/goudytrajan-regular-trial-webfont.woff') format('woff'),
         url('http://odyseamirrormaze.com/fonts/goudytrajan-regular-trial-webfont.ttf') format('truetype'),
         url('http://odyseamirrormaze.com/fonts/goudytrajan-regular-trial-webfont.svg#goudy_trajan_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
	margin:0;
	caption-side:0;
}
.body-image{width:100%; float:left; text-align:center;}
.body-image img{max-width:100%;}
#wrapper_OA {
	width:100%;
	float:left;
	border-bottom:7px solid #013d58;
	background:#efefef;

}
#wrapper_MM {
	width:100%;
	float:left;
	border-bottom:7px solid #6107a4;
	background:#efefef;

}
#wrapper_BW {
	width:100%;
	float:left;
	border-bottom:7px solid #5d8237;
	background:#efefef;

}
a img{border:0px;}

.tab_nav {
	width:100%;
	max-width:960px;
	height:45px;
	margin:0 auto;
}
.tab_nav h1 {
    color: #4b636e;
    float: left;
    font-family: 'goudy_trajan_regularregular';
    font-size: 15px;
    font-variant: small-caps;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 2%;
    margin-top: 19px;
    padding-bottom: 0;
}
.tab_nav ul {
	margin:0;
	padding:0;
}
.tab_nav ul li {
	list-style:none;
	float:left;
	display:table;
	margin-left:1.6%;
}
.tab_nav ul li a span{margin-right:5px;}
.tab_nav ul li a {
	background: #fff;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	float: left;
	font-family: 'goudy_trajan_regularregular';
	padding:5px 10px;
	margin-top:10px;
	text-decoration:none;
	font-size:11px;

	display:table-cell;
	color:#9f9f9f;
	vertical-align:middle;

}
.tab_nav ul li a i {
    float: right;
line-height: 17px;
    margin-top: 6px;
	cursor:pointer;
	color:#9f9f9f;
	font-style:normal;
}
.tab_nav ul li a:hover{color:#0084c0;}

.tab_nav ul li a span img{margin-right: 5px;}
.tab_nav ul li a.tab1 span{width:auto; float:left; height:26px; overflow:hidden;}
.tab_nav ul li a.tab1 span i {}
.tab_nav ul li a.tab1  span img{max-width:44px; margin-top:1px;}

.tab_nav ul li a.tab2 span{width:auto; float:left; height:26px; overflow:hidden;}
.tab_nav ul li a.tab2 span img{max-width:43px;margin-top:0px;}

.tab_nav ul li a.tab3 span{width:auto; float:left; height:26px; overflow:hidden;}
.tab_nav ul li a.tab3 span img{max-width:44px;}



/*----nav css for MM --- */
.tab_nav ul li a.tab1:hover i {color:#0084c0 !important;}
.tab_nav ul li a.tab1 i{color:#0084c0 !important;}
.tab_nav ul li.active a.tab1 span img{margin-top:-26px;margin-right: 5px;}
.tab_nav ul li a.tab1 span img{margin-top:-26px;margin-right: 5px;}


.tab_nav ul li a.tab3:hover i{color:#000 !important;}
.tab_nav ul li a.tab3 i{color:#000 !important;}
.tab_nav ul li.active a.tab3 span img{margin-right: 5px;}
.tab_nav ul li a.tab3 span img{margin-right: 5px;}


/*----nav css for BW--- */

.tab_nav ul li a.tab2:hover i {color:#ce2f41 !important;}
.tab_nav ul li a.tab2 i {color:#ce2f41 !important;}
.tab_nav ul li.active a.tab2 span img{margin-top:-24.6px;margin-right: 5px;}
.tab_nav ul li a.tab2 span img{margin-top:-24.6px;margin-right: 5px;}



.tabmenu{display:none;}

@media only screen and (min-width: 768px) and  (max-width: 1024px) and (orientation : portrait) {
	.tab_nav {
    padding: 0 1%;
    width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.tab_nav ul li a{padding: 5px;margin-left: 3%; font-size:10px;}
/*.tab_nav ul li a i{margin-left: 5px;}*/
.tab_nav h1{font-size:1.12em;padding-right: 0%;margin-left: 0; margin-top:21px;}
.tab_nav ul li a.tab2:hover span img{margin-top:-26.5px; }
.tab_nav ul li.active a.tab2 span img{margin-top:-26.5px;}

.tab_nav ul li a.tab1:hover span img{margin-top:-26px;}

.tab_nav ul li.active a.tab1 span img{margin-top:-26px;}
	.tab_nav ul{float:right;}
	.tab_nav ul li a{margin-left:0;}
		.tab_nav ul li {margin-left:5px;}
		.tab_nav {
    padding: 0 1% 0 1%;
    width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}

@media only screen and (min-width: 768px) and  (max-width: 1024px) and (orientation : landscape) {
	.tab_nav {
    padding: 0;
    width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.tab_nav ul li a{padding:10px;margin-left: 1%; font-size:13px;}
/*.tab_nav ul li a i{margin-left: 5px;}*/
.tab_nav h1{font-size:1.45em;padding-right: 0%;margin-left: -20px; margin-top:24px;}
.tab_nav ul li a.tab2:hover span img{margin-top:-26.5px; }
.tab_nav ul li.active a.tab2 span img{margin-top:-26.5px;}

.tab_nav ul li a.tab1:hover span img{margin-top:-26px;}

.tab_nav ul li.active a.tab1 span img{margin-top:-26px;}
	.tab_nav ul{float:right;}
	.tab_nav ul li a{margin-left:0;}
		.tab_nav ul li {margin-left:8px;}
		.tab_nav {
    padding: 0 1% 0 1%;
    width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}



@media only screen and (min-width: 801px) and  (max-width: 900px)  {
	.tab_nav ul li a{margin-left:0;}
		.tab_nav ul li {
    margin-left: 2%;
}
		.tab_nav {
    padding: 0 1% 0 1%;
    width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.tab_nav ul {
    float: right;
    margin: 0;
    padding: 0;
    width: 74%;
}
.tab_nav h1 {
    font-size: 12px;
    margin-left: 0;
    margin-top: 21px;
    padding-right: 0;
    text-align: right;
    width: 26%;
}
}
@media only screen and (min-width: 781px) and  (max-width: 800px)  {
.tab_nav ul {
    display: inline-table;
    float: right;
    width: auto;
}

.tab_nav ul li {
    display: table-cell;
    float: none;
    padding: 0 5px;
}
}
@media only screen and (min-width: 901px) and  (max-width: 960px)  {
	.tab_nav ul li a{margin-left:0;}
		.tab_nav ul li {
    margin-left: 2%;
}
		.tab_nav {
    padding: 0 1% 0 1%;
    width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.tab_nav ul {
    float: right;
    margin: 0;
    padding: 0;
    width: 74%;
}
.tab_nav h1 {
    font-size: 12px;
    margin-left: 0;
    margin-top: 21px;
    padding-right: 0;
    text-align: right;
    width: 26%;
}
}
@media only screen and (max-width: 767px)  {

.toggle{display:none; float:left;}
.tab_nav ul li a i{font-size:14px;}
.tab_nav h1 {
    color: #254250;
    float: left;
    font-family: 'goudy_trajan_regularregular';
    font-size: 24px;
    font-weight: normal;
    line-height: 45px;
    margin-bottom: 0;
    margin-top: 0;
    text-align: right;
    width: 85%;
	padding-right: 3%;
	margin-left:0;
	 box-sizing: border-box;
	   padding-right: 13%;
    position: absolute;
    width: 100%;
	z-index:1;
}


.tabmenu {
    background: url("http://odyseamirrormaze.com/img/nav-icon.png") no-repeat scroll left top / 100% 100% rgba(0, 0, 0, 0);
    border: 0 none;
    display: block;
    float: right;
    height: 27px;
    margin: 9px 2% 9px 0;
    max-width: 33px;
    text-indent: -99999px;
    width: 100%;
	position:relative;
	z-index:99999;
}
.tab_nav ul li {
    width: 100%;
}
.tab_nav ul li a {
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    margin: 0;
    padding: 10px 3%;
    text-align: right;
    width: 94%;
}
.tab_nav ul li a i {

    float: left;
    margin-right: 10px;
    margin-top: 6px;
}
.tab_nav ul li a.tab1 span {
    float: right !important;

}
.tab_nav ul li a.tab2 span {
    float: right;

}
.tab_nav ul li a.tab3 span {
    float: right;

}
.tab_nav {
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    height: 45px;
    margin: 0 auto;
    max-width: 960px;
    padding: 0 0%;
    width: 100%;
}
.tab_nav ul li a span img {
    margin-left: 5px;
	margin-right:0;
}

.tab_nav ul li a span img {
    margin-left: 5px;
	margin-right:0;
}
.tab_nav ul li{margin-left:0;}
.tab_nav ul li.active a.tab1 span img{margin-right: 0px; margin-left:5px;}
.tab_nav ul li.active a.tab2 span img{margin-right: 0px; margin-left:5px;}
.tab_nav ul li.active a.tab3 span img{margin-right: 0px; margin-left:5px;}

.tab_nav ul li a.tab1:hover span img{margin-right: 0px; margin-left:5px;}
.tab_nav ul li a.tab2:hover span img{margin-right: 0px; margin-left:5px;}
.tab_nav ul li a.tab3:hover span img{margin-right: 0px; margin-left:5px;}
.tab_nav ul li a.tab2:hover span img{margin-top:-26.6px; }
.tab_nav ul li.active a.tab2 span img{margin-top:-26.6px;}

.tab_nav ul li a.tab1:hover span img{margin-top:-25.7px;}

.tab_nav ul li.active a.tab1 span img{margin-top:-26px;}
}

@media only screen and (min-width: 480px) and (max-width: 567px)  {
	.tab_nav h1{font-size: 20px; padding-right:13%;}.tab_nav ul li a i{font-size:14px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px)  {
	.tab_nav h1{font-size: 16px; padding-right:17%;}
	.tab_nav ul li a i{font-size:14px;}
}


@media only screen and (min-width: 240px) and (max-width: 319px)  {
	.tab_nav h1{font-size: 13px; padding-right:20%;}
	.tab_nav ul li a i{font-size:14px;}
}