@import url(https://fonts.googleapis.com/css?family=Open+Sans);



body {

	background-color: #eee;

	background-image: url(../images/patterns/light_toast.png);

	color: #666;

	font-family: 'Open Sans', sans-serif;

	font-size: 12px;

	margin:0px;

	padding:0px;

}



a {

	text-decoration: none;

}



a:hover {

	color: #000;

}

ol, ul {

	list-style: none;

	padding:0px;

	margin:0px;

}

#wrap {

	margin: 0 auto;

}



.inner {

	margin: 0 auto;

	max-width: 940px;

	padding: 0 40px;

}



.relative {

	position: relative;

}



.right {

	float: right;

}



.left {

	float: left;

}



/* HEADER */

#wrap > header {

	background-color: #333;

	padding-bottom: 20px;

}

.logo {

	display: inline-block;

	font-size: 0;

	padding-top:15px;

}

#navigation {

	/*position: absolute;

	right: 40px;*/

	bottom: 0px;

}



#menu-toggle {

	display: none;

	/*float: right;*/

}



/* HEADER > MENU */

#main-menu {

	/*float: right;*/

	font-size: 0;

	margin: 10px 0;

}



#main-menu > li {

	display: inline-block;

	margin-left: 30px;

	padding: 2px 20px;

}



#main-menu > li.parent {

	background-size: 7px 7px;

	background-repeat: no-repeat;

	background-position: left center;

}



#main-menu > li.parent > a {

	padding-left: 14px;

}



#main-menu > li > a {

	color: #eee;

	font-size: 14px;

	/*line-height: 14px;*/

	padding: 30px 0;

	text-decoration:none;

}



#main-menu > li:hover > a,

#main-menu > li.current-menu-item > a {

	/*color: #23dbdb;*/

}



/* HEADER > MENU > DROPDOWN */

#main-menu li {

	position: relative;

}



ul.sub-menu { /* level 2 */

	display: none;

	left: 0px;

	top: 33px;

	/*padding-top: 10px;*/

	position: absolute;

	width: 180px;

	z-index: 9999;

}



ul.sub-menu.max{

	width: 210px !important;

}



ul.sub-menu ul.sub-menu { /* level 3+ */

	margin-top: -1px;

	padding-top: 0;

	left: 139px;

	top: 0px;

}



ul.sub-menu > li > a {

	background-color: #000;

	border: 1px solid #444;

	border-top: none;

	color: #bbb;

	display: block;

	font-size: 12px;

	line-height: 15px;

	padding: 10px 12px;

}



ul.sub-menu > li > a:hover {

	/*background-color: #2a2a2a; */

	color: #000;

}



ul.sub-menu > li:first-child {

	/*border-top: 3px solid #23dbdb;*/

}



ul.sub-menu ul.sub-menu > li:first-child {

	/*border-top: 1px solid #fff;*/

}



ul.sub-menu > li:last-child > a {

	border-radius: 0 0 2px 2px;

}



ul.sub-menu > li > a.parent {

	background-image: url(../images/arrow.png);

	background-size: 5px 9px;

	background-repeat: no-repeat;

	background-position: 95% center;

}



#main-menu li:hover > ul.sub-menu {

	display: block; /* show the submenu */

}



.bxslider{

	position:relative

}

.bxslider li img {

	width: 100%;

	/*position: absolute;*/

	top: 0px;

}

	.twoL{

		width: 685px;

	}

	#midCol.twoL {

		width: 685px;

	}

	#midCol.twoLL {

		width: 910px;

	}

	.bx-pager.bx-default-pager{ display:none; }

	#menu-toggle { right: 146px; padding-right: 262px; text-align: right; }

	.moduletable.footerlink {

		float:left;

		width:195px;

		margin-right: 20px ;

	}



	#navWrap{ width:290px !important; margin-top: 22px;}



	.leftmenu {

		background: url(../images/mainblack/separatorHorizontal.png) repeat-x left bottom;

		line-height: 38px;

		padding-left:20px

	}

	.leftmenu a{

		line-height: 38px;

	}

	.leftmenu_head {

		background: url(../images/mainblack/separatorHorizontal.png) repeat-x left bottom;

		line-height: 38px;

		padding-left:20px

	}

	#breadcrumb span, #breadcrumb a {

		line-height: 35px;

	}



#breadcrumb span, #breadcrumb a{ font-size: 11px; }

midCol, #navigation ul li{

	/*line-height: 28px;*/

	margin-left: 20px;

}

.bx-viewport ul li{

	margin-left: 0px;

}

#main-menu ul li{

	list-style:none !important;

}



#logo{

	width: 65%;

}

#logo1{

	width: 230px;

}

#logo2{

	width: 140px;

}

@media all and (max-width: 900px) {

	#logo{

		width: 50%;

	}

	#logo1{

		width: 130px;

	}

	#logo2{

		width: 100px;

	}

	#cssmenu {

		display: block !important;

	}



	#navigation {

		position: static;

	}



	#menu-toggle {

		display: block;

	}



	#main-menu {

		display: none;

		float: none;

	}



	#main-menu li {

		display: block;

		margin: 0;

		padding: 0;

	}



	#main-menu > li {

		margin-top: -1px;

	}



	#main-menu > li:first-child {

		margin-top: 0;

	}



	#main-menu > li > a {

		background-color: #333;

		border: 1px solid #444;

		color: #bbb;

		display: block;

		font-size: 14px;

		padding: 12px !important;

		padding: 0;

	}



	#main-menu li > a:hover {

		background-color: #444;

	}



	#main-menu > li.parent {

		background: none !important;

		padding: 0;

	}



	#main-menu > li:hover > a,

	#main-menu > li.current-menu-item > a {

		border: 1px solid #444 !important;

		color: #fff !important;

	}



	ul.sub-menu {

		display: block;

		margin-top: -1px;

		/*margin-left: 20px;*/

		position: static;

		padding: 0;

		width: inherit;

	}

	ul.sub-menu li a{

		padding-left: 20px;

	}

	ul.sub-menu li ul a{

		padding-left: 40px;

	}

	ul.sub-menu > li:first-child {

		border-top: 1px solid #444 !important;

	}



	ul.sub-menu > li > a.parent {

		background: #000 !important;

	}



	/*NOK*/

	.navLeft p{



	}

	#leftCol { display:none !important; }



	.container.center{ width: 700px !important; }



	#innerContainer { width: 93%; }



	.twoL{

		width: 97%;

	}

	#midCol.twoL, #midCol.twoLL {

		width: 97%;

	}

	.box_skitter_large212 {

		width:700px;

		height:405px;

	}

	i{

		font-size: 29px;

	}

	#menu-toggle { right: 0px; padding-right: 0px; text-align: right; }



	.moduletable.footerlink {

		width:300px  !important;

		text-align:center;

	}

	.moduletable.footerlink div {

		text-align:center;

	}

	.two, .four{

		background:none !important;

	}



	.navRow .containerBG.title .navWrapper{

		 width: 100%;

	}

	.mainlevel{

		font-weight:bold;

	}





}

@media all and (max-width:700px) {



	/*NOK*/

	.navRow .containerBG.title .navWrapper{

		 width: 96%;

	}

}

@media all and (max-width:699px) {



	/*NOK*/

	  #cssmenu {

		width: 100% !important;

	  }

	#breadcrumb{

		padding: 5px 0px;

	}

	#breadcrumb span, #breadcrumb a {

		line-height: 23px !important;

		font-size:11px !important;

	}

	#breadcrumb img {margin-top: 9px !important;}

	.navRow .containerBG.title{

		padding: 20px 0 0px 20px !important;

	}

	.navLeft p{



	}

	#leftCol { display:none !important; }



	.container.center{ width: 100% !important; }



	#innerContainer { width: 93%; }



	.twoL{

		width: 97%;

	}

	#midCol.twoL, #midCol.twoLL {

		width: 97%;

	}

	.box_skitter_large212 {

		width:100%;

	}

	i{

		font-size: 29px;

	}

	#menu-toggle { right: 0px; padding-right: 0px; text-align: right; }

	.containerBG { width: 93% !important; }

	.outerWrapper.bannerRow .containerBG { width: 100% !important; }

	.outerWrapper.mainRow .containerBG { width: 100% !important; }

	.outerWrapper.mainRow { width: 99% !important; }

	/*.fullWrap { width: 99% !important; }*/



	.outerWrapper { width: 99% !important; }

	.outerWrapper.footerRow { width: 100% !important; }

	.fullWrap.big { width: 100% !important; }



	.moduletable.footerlink, .outerWrapper.bottomRow {

		display: none !important;

	}

	 .outerWrapper.footerRow #footer {

		 background:none !important;

	}

	.outerWrapper.grid6Row .containerBG{

		width: 100% !important;

	}

	#footerLeft em, #footerLeft strong{

		font-size: 12px !important;

	}

}



.sub-villa{

	width: 293px;

	margin-right: 15px;

	min-height: 270px;

}





.sub-villa img{

width: 285px;

}



.sub-villa2{

	width: 440px;

	margin-right: 15px;

	min-height: 270px;

}

.sub-villa2 img{

width: 100%;

}



#grid1 .moduletable,
#grid2 .moduletable,
#grid3 .moduletable,
#grid5 .moduletable,
#grid6 .moduletable,
#grid7 .moduletable,
#grid8 .moduletable,
#grid9 .moduletable,
#grid10 .moduletable,
#grid11 .moduletable,
#grid13 .moduletable,
#grid14 .moduletable,
#grid15 .moduletable,
#grid17 .moduletable,
#grid18 .moduletable,
#grid19 .moduletable,
#grid21 .moduletable,
#grid22 .moduletable,
#grid23 .moduletable,
ul.jbtabs li{

	background:none  !important;

}

@media all and (max-width:650px) {

	#logo{

		width: 95%;

	}

	.sub-villa{

		width: 100% !important;

		margin-right: 0px  !important;

		margin-bottom: 30px;

	}

	.sub-villa img{

	width: 90%;

	}

	#contact_right{

		display:none;

	}

	.sub-villa{

		min-height: 225px  !important;

	}

	#navWrap{

		float: left  !important;

		margin-bottom: 11px;

		margin-top: 0;

		width: 284px;

	}



	.sub-villa2{

		width: 100% !important;

		margin-right: 0px  !important;

		margin-bottom: 30px;

	}

	.sub-villa2 img{

	width: 100%;

	}

	.sub-villa2{

		min-height: 225px  !important;

	}


	.sub-villa2 .moduletable {margin-right: 10px;}


}

@media all and (max-width:565px) {

	#navWrap{

		float: left  !important;

		margin-bottom: 11px;

		margin-top: 0;

		width: 284px;

	}

}



.crunchify-link.crunchify-twitter{

	background-color: #ffffff;

	background-image: url(../images/icon/twitter.jpg);

    background-repeat: no-repeat;

    background-size: 33px auto;

    height: 33px;

    width: 33px;

	float:left;

	margin-right: 5px;

}

.crunchify-link.crunchify-facebook {

    background-color: #ffffff;

    background-image: url("../images/icon/facebook.jpg");

    background-repeat: no-repeat;

    background-size: 33px auto;

    height: 33px;

    width: 33px;

	float:left;

	margin-right: 5px;

}

.crunchify-link.crunchify-googleplus{

	background-color: #ffffff;

	background-image: url(../images/icon/googleplus.jpg);

    background-repeat: no-repeat;

    background-size: 33px auto;

    height: 33px;

    width: 33px;

	float:left;

	margin-right: 5px;

}

.crunchify-link.crunchify-linkin{

	background-color: #ffffff;

	background-image: url(../images/icon/linkin.jpg);

    background-repeat: no-repeat;

    background-size: 33px auto;

    height: 33px;

    width: 33px;

	float:left;

	margin-right: 5px;

}

.crunchify-link.crunchify-pinterest{

	background-color: #ffffff;

	background-image: url(../images/icon/pinterest.jpg);

    background-repeat: no-repeat;

    background-size: 33px auto;

    height: 33px;

    width: 33px;

	float:left;

	margin-right: 5px;

}

.aiContactSafe_row{

	margin-top: 5px;

}

.aiContactSafe_row input.textbox{

	width: 250px;

}