/* ======== skeleton style ========> */
.wrapper{width:100%; overflow:hidden; position:relative;}
.extra-wrap{overflow:hidden; display:block;}

/* #Base 960 Grid
================================================== */

	.cont{position: relative; width: 960px; margin:0 auto; padding:0px;}
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12,
	.grid_13,
	.grid_14,
	.grid_15,
	.grid_16,
	.grid_17,
	.grid_18,
	.grid_19,
	.grid_20,
	.grid_21,
	.grid_22,
	.grid_23,
	.grid_24{float: left; display: inline; margin-left:5px; margin-right:5px;}

	/* Nested Column Classes */
	.cont .alpha		{margin-left: 0 !important;}
	.cont .omega		{margin-right: 0 !important; margin-bottom:0 !important;}

	/* Base Grid */
	.cont .grid_5 		{width: 190px;}
	.cont .grid_6 		{width: 230px;}
	.cont .grid_7 		{width: 270px;}
	.cont .grid_8		{width: 310px;}
	.cont .grid_9 		{width: 350px;}
	.cont .grid_10 		{width: 390px;}
	.cont .grid_11 		{width: 430px;}
	.cont .grid_12 		{width: 460px;}
	.cont .grid_13 		{width: 510px;}
	.cont .grid_14		{width: 550px;}
	.cont .grid_15 		{width: 590px;}
	.cont .grid_16		{width: 630px;}
	.cont .grid_17		{width: 670px;}
	.cont .grid_18 		{width: 710px;}
	.cont .grid_19 		{width: 750px;}
	.cont .grid_20 		{width: 790px;}
	.cont .grid_21		{width: 830px;}
	.cont .grid_22		{width: 870px;}
	.cont .grid_23		{width: 910px;}
	.cont .grid_24,.grid_24		{width: 950px;}
	
/* #Tablet (Portrait)
================================================== */

	/* Note: Design for a width of 768px */

	@media only screen and (max-width: 995px) {
		.cont				{width: 768px;}
		.cont .grid_5		{width: 150px;}
		.cont .grid_6		{width: 182px;}
		.cont .grid_7		{width: 214px;}
		.cont .grid_8		{width: 246px;}
		.cont .grid_9		{width: 278px;}
		.cont .grid_10		{width: 310px;}
		.cont .grid_11		{width: 342px;}
		.cont .grid_12		{width: 374px;}
		.cont .grid_13		{width: 406px;}
		.cont .grid_14		{width: 438px;}
		.cont .grid_15		{width: 470px;}
		.cont .grid_16		{width: 502px;}
		.cont .grid_17		{width: 534px;}
		.cont .grid_18		{width: 566px;}
		.cont .grid_19		{width: 598px;}
		.cont .grid_20		{width: 630px;}
		.cont .grid_21		{width: 662px;}
		.cont .grid_22		{width: 694px;}
		.cont .grid_23		{width: 726px;}
		.cont .grid_24 		{width: 758px;}

		/*styles*/
		img{width:100%; height:auto;}
	}

/* #Mobile (Landscape)
================================================== */

	/* Note: Design for a width of 480px */
	@media only screen and (max-width: 767px) {
		.cont {width: 420px;}
		.cont .grid_5,
		.cont .grid_6,
		.cont .grid_7,
		.cont .grid_8,
		.cont .grid_9,
		.cont .grid_10,
		.cont .grid_11,
		.cont .grid_12,
		.cont .grid_13,
		.cont .grid_14,
		.cont .grid_15,
		.cont .grid_16,
		.cont .grid_17,
		.cont .grid_18,
		.cont .grid_19,
		.cont .grid_20,
		.cont .grid_24{width: 100%; margin-left: 0; margin-right:0;}
		.cont .grid_5{width:100px; margin-left:0; margin-right:10px; margin-bottom:0 !important;}
		.cont .grid_18{width:300px; margin-left:0; margin-right:10px; margin-bottom:0 !important;}
		.cont .grid_21{width:355px; margin-left:0; margin-right:10px; margin-bottom:0 !important;}
		.cont .grid_22{width:375px; margin-left:0; margin-right:10px; margin-bottom:0 !important;}
		.cont .grid_23{width:390px; margin-left:0; margin-right:10px; margin-bottom:0 !important;}
		.cont .grid_1.last-col,
		.cont .grid_2.last-col,
		.cont .grid_3.last-col,
		.cont .grid_21.last-col,
		.cont .grid_22.last-col,
		.cont .grid_23.last-col{margin-right:0 !important;}
		
		.cont .grid_5,
		.cont .grid_6,
		.cont .grid_7,
		.cont .grid_8,
		.cont .grid_9,
		.cont .grid_10,
		.cont .grid_11,
		.cont .grid_12,
		.cont .grid_13,
		.cont .grid_14,
		.cont .grid_15,
		.cont .grid_16,
		.cont .grid_17,
		.cont .grid_18,
		.cont .grid_19,
		.cont .grid_20,
		.cont .grid_21,
		.cont .grid_22,
		.cont .grid_23{margin-bottom:30px;}
		
		/*styles*/
		.last-col{margin-bottom:0 !important;}
	}

/*  #Mobile (Portrait)
================================================== */

	/* Note: Design for a width of 320px */

	@media only screen and (max-width: 479px) {
		.cont {width: 300px;}
		.cont .grid_21{width: 250px;}
		.cont .grid_22{width: 265px;}
		.cont .grid_23{width: 275px;}
	}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
	.cont:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.boclear {
padding-bottom:0px;
}
/* <======== sceleton style ======== */

/* ======== superfish style =======> */
nav>div{border-top:1px solid #C3B78E;border-bottom:1px solid #C3B78E;}
nav>div>div{background:#C3B78E;border-top:2px solid #fff;border-bottom:2px solid #fff;padding:0px;height:30px;}
.menu{display:inline-block;height:30px;float:right;}
.menu > li {
	position:relative;
	float:left;
	font:14px/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-right:5px;
	padding:5px 10px;
}
.menu > li > a {color:#fff;}
.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a {text-decoration:none; color:#fff;}
.menu > li:hover,.menu > li.current,.menu > li.sfHover{background-color:#9D9475;color:#fff;}
.menu > li:hover>a{color:#ffffd0;}
.submenu-top{
	display:none;
	width:15px;
	height:8px;
	position:absolute;
	top:18px;
	left:21px;
}
.menu > li.sfHover > .submenu-top{display:block;}
.menu ul {
	position:absolute;
	top:-999em;
	width:190px; 
	display:none;
	padding:11px;
	background:#dad2ae;
	z-index:999;
	margin-top:5px;
}
.menu li li{
	width:100%;
	padding:0 0 6px 10px;
	border-bottom:1px solid #e8e3cc;
	margin-bottom:8px;
	position:relative;
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
/*	text-align:center;*/
}
	.menu li li.last-item{border-bottom:none; padding-bottom:0;}
	.menu li li a{color:#fff;}
	.menu li li > a:hover,.menu li li.sfHover > a{color:#94947b; text-decoration:none;}
.menu li:hover ul, .menu li.sfHover ul {left:-22px; top:25px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
.menu ul .menu-arrow{display:none;}
/***subsubmenu***/
.menu ul ul{
	background-color:#b6b69c;
	width:167px;
	padding:12px 20px 12px 17px;
}
	.menu ul ul li{border-bottom-color:#cbcbb9; text-align:left;}
	.menu ul ul a:hover{color:#ebe3be;}
.menu li li:hover ul, .menu li li.sfHover ul {left:190px; top:-12px;}
.menu li li:hover li ul, .menu li li.sfHover li ul {top:-999em;}

@media only screen and (max-width: 995px){
	nav{padding-left:10px;}
	.menu > li {margin-right:30px;}
	.menu ul .menu-arrow{display:inline;}
}

@media only screen and (max-width: 767px) {
	nav{width:100%; padding-top:0px; float:none; padding-left:0;}

	.menu > li {float:none; margin-right:0px; margin-bottom:4px;}
	.menu > li > a{display:block; color:#fff; background:#c5c4aa; padding:9px 20px;}
	.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a {color:#fff; background-color:#a59d84;}
	.menu > li > a .menu-arrow{display:inline-block; width:5px; position:static; margin-left:5px; vertical-align:middle;}
	.menu > li.sfHover > a .menu-arrow, .menu > li > a:hover .menu-arrow, .menu > li.current > a .menu-arrow{background-position:center top;}
	/***submenu***/
	.submenu-top{display:none !important;}
	.menu ul {position:static; width:auto !important; padding:0 !important;}
	.menu ul li{margin-bottom:0; padding-bottom:0; text-align:left;}
	.menu ul li a{display:block; padding:9px 20px;}
	.menu ul li a:hover{color:#a59d84 !important;}
	.menu ul .menu-arrow{display:inline-block; width:5px; height:3px; font-size:0; line-height:0; text-indent:-999em; margin-left:5px; vertical-align:middle;}
	.menu li li:hover .menu-arrow, .menu li li.sfHover .menu-arrow{background-position:center -31px;}
	/***subsubmenu***/
	.menu ul ul{background:#dad2ae; border-top:1px solid #e8e3cc;}
	.menu ul ul li{border-bottom-color:#e8e3cc;}
	.menu ul ul li a{display:block; padding:9px 20px 9px 40px;}
}

@media only screen and (max-width: 479px){
}

/* <======== superfish style ======= */

/* ========= menu panels style =======> */

#mpanels,#panels{
	width: 100%;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}
.panel{
	position:relative;
	display:block;
	width:310px;
	min-height:390px;
	overflow:hidden;
	float:left;
	margin-right:10px;
	font:32px/30px "Times New Roman", Times, serif;
	color:#fff;
	text-transform:uppercase;
}
.panel:hover{text-decoration:none;}
.panel span{display:block; font:normal 13px/1.4 Arial,sans-serif; text-transform:none;}
.panel img{position:absolute; left:0;}
.panel a {color:#eee;text-decoration:none;border-bottom:1px dotted #fff;padding:0px;display:block;width:auto;margin:0px;}
.panel a.current,.panel a:hover{text-decoration:none;border-bottom:1px solid #fff;color:#fff;}
.panel a.current {font-weight:bold;}


.pan3{background:#BDBD75; -moz-border-radius: 0 7px 7px 0;
 -webkit-border-radius: 0 7px 7px 0;
 -khtml-border-radius: 0 7px 7px 0;
border-radius: 0 7px 7px 0;
}
.pan1 .indents, .pan3 .indents{padding:17px 20px 0;}
.pan1 span,.pan2 span,.pan3 span{color:#eaeae4;padding:5px 0 0 5px;}
.pan1 img,.pan3 img{bottom:-100%;}

.pan2{background:#C77D6B;}
.pan2 .indents{padding:196px 20px 0;}
.pan2 span{color:#e8c2b7;}

.pan1{background:#D4B040;
 -moz-border-radius: 7px 0 0 7px;
 -webkit-border-radius: 7px 0 0 7px;
 -khtml-border-radius: 7px 0 0 7px;
border-radius: 7px 0 0 7px;
}
.pan1 span{color:#f7d2ae;}

#panels .pan3,#panels .pan2,#panels .pan1 {font-size:12pt;font-weight:bold;}
#panels .panel {min-height:20px;font:bold 13pt/1 "Times New Roman", Times, serif;padding-bottom:10px;height:auto;background-image:url(/img/top.png);background-repeat:no-repeat;background-position:98% 10px;}
#panels .panel b {padding:5px;display:block;}
#panels .panel ul li{display:block;font:normal 13px/1.2 Arial,sans-serif; text-transform:none;padding:5px 15px 0px;}
#info {display:block;font:normal 13px/1.0 Arial,sans-serif; text-transform:none;padding:5px 15px 5px;}
#info a {padding:0px 5px;}
.pan2 #info,.pan1 #info {background:url(/img/arb.gif) no-repeat 96% 15px;}
.pan3 #info {background:url(/img/ar.gif) no-repeat 11px 15px;}

#panels .current {background:url(/img/arb.gif) no-repeat 96% 11px;}
#panels .current a {color:#fff;border-bottom:1px solid #fff;font-weight:bold;}
#panels .pan3 .current {background:url(/img/ar.gif) no-repeat 5px 11px;}


@media only screen and (max-width: 995px){
	.panel{width:246px; height:330px; font-size:26px; line-height:29px;}
	.pan1 .indents{padding:17px 15px 0;}
	.pan2 .indents{padding:156px 15px 0;}
	.pan3 .indents{padding:17px 15px 0;}
}
@media only screen and (max-width: 767px){
	.panel{margin-right:9px; height:auto; font-size:16px; line-height:24px;float:none;width:100%;min-height:50px;padding-bottom:10px;}
	.panel img {position:relative;float:right;width:150px;}
	.pan2 .indents{padding:16px 15px 0;}
	.pan1,.pan2,.pan3 {-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;border-radius: 5px;margin-bottom:1px;}
	.menu {clear:both;display:block;float:none;height:auto;}
	nav>div>div{height:auto;}
	#mimg {width:220px;}
	.social{padding-top:10px;}
@media only screen and (max-width: 479px){
	.panel{width:100%; margin-right:6px; height:auto; font-size:16px; line-height:19px;}
	.panel img {display:none;}
	.pan2 .indents{padding:16px 15px 0;}
	.pan1,.pan2,.pan3 {-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;border-radius: 5px;margin-bottom:1px;}
	.menu {clear:both;display:block;float:none;height:auto;}
	nav>div>div{height:auto;}
	#mimg {width:120px;}
	.social{padding-top:0px;}
}

/* <======== menu panels style ======== */