/* Start of CMSMS style sheet 'Baba Veli' */
/*
	Style Index
	
	$1 - Site Structure Styles
	$2 - Header Styles
	$3 - Sidebar Styles
	$4 - Content Styles
	$5 - Footer Styles
	$100 - Clearfix Styles
*/


:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }


/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/

body {
	background:#314159;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#486084;
	}
	
#container {
	background:#425777 url(babaveli/container-bg-bottom.png) bottom repeat-x;
	padding-bottom:50px;
	}
	
	#index-container {
	background:#425777 url(babaveli/container-bg-bottom.png) bottom repeat-x;
	padding-bottom:50px;
	}

	#bv-container {
		background:url(babaveli/content-bg.png) repeat-y;
		width:818px;
		margin:0 auto;
		padding:0;
		}
		
#header {
	padding:0 9px;
	}

#content-container {
	width:770px;
	position:relative;
	padding:20px 24px 26px 24px;
	background:url(babaveli/content-footer-bg.png) bottom no-repeat;
	}
	
	#index-container #content-container {
	position:relative;
	width:770px;
	padding:250px 24px 26px 24px;
	margin:0;
	background:url(babaveli/content-footer-bg.png) bottom no-repeat;
	}
	
	.content-clear {
		width:770px;
		}

	
#sidebar-right {
	float:right;
	width:220px;
	}
	
#main-content {
	float:left;
	width:540px;
	}
	

#container #main-content {
	float:left;
	width:540px;
	background:url(babaveli/main-content-middle-bg.png) repeat-y;
	}
	
	#container .main-content-inner {
		background:url(babaveli/main-content-bg.png) no-repeat;
		padding-top:20px;
		}
	
	#container .main-content-inside {
		background:url(babaveli/main-content-bottom-bg.png) 0px bottom no-repeat;
		padding:0 20px 20px 20px;
		}

	
#footer {
	padding:20px 0;
	}
	
/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/

.header-logo {
	position:relative;
	height:82px;
	background:url(babaveli/header-bg.jpg) no-repeat;
	z-index:1000;
	}
	
	.logo {
		position:absolute;
		top:0;
		left:11px;
		}
	
	.sailing {
		height:45px;
		width:360px;
		position:absolute;
		top:25px;
		right:17px;
		}
	
#block-menu-bv h2 {
	display:none;
	}

#header-nav {
	height:42px;
	line-height:32px;
	padding:10px 0 0 145px;
	background:url(babaveli/header-nav-bg.png) repeat-x;
	}
		
		
/* Suckerfish Menu Styles ///////////////////////////////////////////*/

#block-menu-bv .menu, #block-menu-bv .menu ul { /* all lists */
	padding:0;
	margin:0;
	list-style: none;
	z-index:100;
}

#block-menu-bv .menu a {
	display: block;
	width:auto;
	font-weight:bold;
	color:#474038;
	text-decoration:underline;
	/*white-space:nowrap;*/
	padding:0 10px 9px 10px;
	
}

#block-menu-bv .menu li { /* all list items */
	float: left;
	width:auto; 
	list-style:none;
}

#block-menu-bv .menu li ul { /* second-level lists */
	position: absolute;
	background:url(babaveli/drop-down-bottom-bg.gif) bottom no-repeat;
	padding-bottom:18px;
	width:200px;
	border-top:1px solid white;
	line-height:1;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:1000;
}

#block-menu-bv .menu ul a {
	display: block;
	width:176px;
	font-weight:normal;
	color:#C7C0B8;
	text-decoration:none;
	padding:10px 0 10px 24px;
	border-top:1px solid #6C6255;
	background:#474038 url(babaveli/header-sub-li-bg.png) repeat-x;
}


#block-menu-bv .menu ul a:hover {
	background:#474038 url(babaveli/header-sub-li-bg.png) left -32px repeat-x;
	color:white;
}

#block-menu-bv .menu li ul li ul { 
	position:relative;
	border-top:none;
	background:none;
	padding:0;
}

#block-menu-bv .menu li ul ul a { 
	background:#7E7061 url(babaveli/li-li-bg.png) 24px 40% no-repeat;
	width:165px;
	padding-left:35px;
}

#block-menu-bv .menu li ul ul a:hover { 
	background:#7E7061 url(babaveli/li-li-bg.png) 24px 40% no-repeat;
	color:white;
}

#block-menu-bv .menu li ul ul { /* third-and-above-level lists */
	/*margin: -1em 0 0 200px;*/
}

/*#block-menu-bv .menu li:hover ul ul, #block-menu-bv .menu li:hover ul ul ul, #block-menu-bv .menu li.sfhover ul ul, #block-menu-bv .menu li.sfhover ul ul ul {
	left: -999em;
}*/

#block-menu-bv .menu li:hover ul, #block-menu-bv .menu li li:hover ul , #block-menu-bv .menu li li li:hover ul, #block-menu-bv .menu li.sfhover ul, #block-menu-bv .menu li li.sfhover ul, #block-menu-bv .menu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#header-nav ul li:hover,
#header-nav ul a:hover {
			text-decoration:none;
			background:#474038 url(babaveli/header-li-bg.png) repeat-x;
			color:white;
			}
	
/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/

#block-user-1 {
	background:url(babaveli/sidebar-right-block-bg.png) no-repeat;
	}

#block-user-1 h2 {
	padding:10px 10px 0 10px;
	}

#block-user-1 .content {
	background:url(babaveli/sidebar-right-block-bg.png) left bottom no-repeat;
	padding:10px;
	}
	
/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/

a,
a:link,
a:visited {
	color:#486084;
	text-decoration:underline;
	}

a:hover {
 	text-decoration:none;
	}


h1,h2,h3,h4,h5,h6 {
	
	}
	
h1 {
	font-size:18px;
	margin:0 0 35px 0;
	}
	
	#index-container h1.title {
		display:none;
		}
	
	.border-h2 {
		margin-bottom:15px;
		padding:25px 0 5px 0;
		background:url(babaveli/border-h2-bg.png) left bottom no-repeat;
		font-size:14px;
	}

p {
	margin-bottom:15px;
	line-height:1.6;
	}

blockquote {
	padding-left:12px;
	line-height:1.5;
	border-left:5px solid #E4E0DC;
	margin-bottom:6px;
	}
	
	.quote-author {
		font-weight:bold;
		}


img {
	border:none;
	}

.breadcrumb {
	display:none;
	}

#main-content ul {
	margin-bottom:20px;
	padding-left:30px;
	}

#main-content li {
	margin-bottom:6px;
	list-style:disc;
	}

#block-block-1 {
	position:absolute;
	top:7px;
	left:24px;
	width:435px;
	height:155px;
	padding:85px 320px 0 15px;
	background:url(babaveli/index-great-wall.jpg) no-repeat;
	z-index:10;
	}

.first-matching {
	width:540px;
	margin-bottom:10px;
	}

#block-block-2 h2.title {
	display:none;
	}

.first-impressions {
	float:left;
	width:265px;
	/*margin-right:6px;*/
/*	height:30px;
	padding:128px 0 0 12px;
	background:url(babaveli/index-first-impressions.jpg) no-repeat;*/
	}

.matching-people {
	float:right;
	width:265px;
/*	margin-right:10px;
	height:30px;
	padding:128px 0 0 12px;
	background:url(babaveli/index-matching-people.jpg) no-repeat;*/
	}

#block-block-3 {
	width:220px;
	/*background:url(babaveli/index-innovative.gif) no-repeat;*/
	margin-bottom:10px;
	}
	
	a.index-learn-more {
		padding-left:17px;
		background:url(babaveli/learn-more-bg.png) left 50% no-repeat;
		color:#314159;
		text-decoration:underline;
		}

	a.index-learn-more:hover {
		text-decoration:none;
		color:#718AB0;
		}

#block-block-5 {
	height:260px;
	background:url(babaveli/index-services-bg.png) no-repeat;
	padding:60px 15px 0 15px;
	}
	
	#block-block-5 ul {
	/*width:220px;
	float:left;*/
	list-style:none;
	margin:0;
	padding:0;
	}
	
	#block-block-5 li {
		padding:2px 0 2px 17px;
		background:url(babaveli/learn-more-bg.png) left 6px no-repeat;
		color:#314159;
		margin-bottom:4px;
		list-style:none;
		line-height:1.5;
		}
		
		#block-block-5 a {
			color:#314159;
			text-decoration:underline;
			}
			
			#main-content #block-block-5 a:hover {
			text-decoration:none;
			}

#block-views-latest_news {
	background:url(babaveli/index-latest-news-bg.png) no-repeat;
	padding:40px 15px 0 15px;
	height:150px;
	}
	
	#block-views-latest_news .submitted,
	#block-views-latest_news .taxonomy,
	#block-views-latest_news .links {
		display:none;
		}
	
	#block-views-latest_news h2.title {
		margin-bottom:10px;
		}
	
	#block-views-latest_news h2.title a {
		font-size:13px;
		color:#817565;
		}
		
		#block-views-latest_news h2.title a:hover {
		text-decoration:underline;
		}
	
	#block-views-latest_news .node .content {
		border-left:10px solid #DCD8D1;
		padding-left:10px;
		color:#635A4E;
		}

#block-block-4 {
	background:url(babaveli/neat-bg.png) no-repeat;
	height:92px;
	padding:68px 10px 0 12px;
	margin-bottom:10px;
	}
	
	#block-block-4 li {
		padding-left:12px;
		background:url(babaveli/eco-li-bg.gif) left 60% no-repeat;
		color:#314159;
		margin-bottom:6px;
		}
		
		#sidebar-right #block-block-4 li a {
			color:#35714D;
			text-decoration:underline;
			}
			
			#sidebar-right #block-block-4 li a:hover {
			text-decoration:none;
			}

#block-views-random_quote {
	background:url(babaveli/quote-bg.png) bottom no-repeat;
	padding:0 0 10px 0;
	margin-bottom:10px;
	}

#block-views-random_quote .content {
	background:url(babaveli/quote-bg.png) no-repeat;
	padding:10px 10px 0 12px;
	font:14px Georgia, "Times New Roman", Times, serif;
	color:#776A5B;
	}
	
	#block-views-random_quote .content .content {
	background:#F9F8F7;
	padding:0;
	}

	
	#block-views-index_testimonials h2.title,
	#block-views-index_testimonials .submitted,
	#block-views-index_testimonials .taxonomy,
	#block-views-index_testimonials .field-label,
	#block-views-random_quote h2.title,
	#block-views-random_quote .submitted,
	#block-views-random_quote .taxonomy,
	#block-views-random_quote .field-label {
		display:none;
		}
	
	#block-views-index_testimonials .field-item,
	#block-views-random_quote .field-item{
		font-weight:bold;
		}
		

#block-menu-99 {
	background:url(babaveli/quote-bg.png) bottom no-repeat;
	padding:0 0 16px 0;
	margin-bottom:10px;
	}
	
	#block-menu-99 a {
	text-decoration:underline;
	color:#486084;
	line-height:1.5;
	}
	
		#block-menu-99 a:hover {
	text-decoration:none;
	}

#block-menu-99 h2.title {
	display:none;
	}

#block-menu-99 .content {
	background:url(babaveli/sub-nav-bg.png) no-repeat;
	padding:55px 5px 0 12px;
	}


.img-float-right {
	float:right;
	margin:0 0 10px 10px;
	padding:5px;
	border:1px solid #D0D9E6;
	background:white;
	}
.img-float-left {
	float:left;
	margin:0 0 10px 10px;
	padding:5px;
	border:1px solid #D0D9E6;
	background:white;
	}
.img-img {
	padding:5px;
	border:1px solid #D0D9E6;
	background:white;
	}

.travel-idea {
	padding:10px;
	background:#EBEEF3 url(babaveli/idea-bg.png) top right no-repeat;
	border:1px solid #CAD2DF;
	}
	
	.unique-beauty {
	padding:10px;
	background:#EBEEF3 url(babaveli/unique-beauty-bg.png) top right no-repeat;
	border:1px solid #CAD2DF;
	}
	.give-back {
	padding:10px;
	background:#EBEEF3 url(babaveli/give-back-bg.png) top right no-repeat;
	border:1px solid #CAD2DF;
	}
	.must-do {
	padding:10px;
	background:#EBEEF3 url(babaveli/must-do-bg.png) top right no-repeat;
	border:1px solid #CAD2DF;
	}

#block-block-7 {
	height:100px;
	padding:50px 10px 0 15px;
	background:url(babaveli/contact-ceg-bg.png) no-repeat;
	}

#block-block-7 p {
	line-height:2;
	}
	
	#block-block-7 a {
	color:#314159;
	text-decoration:underline;
	}
	
	#block-block-7 a:hover {
	text-decoration:none;
	}



#block-block-6 {
	background:url(babaveli/quote-bg.png) bottom no-repeat;
	padding:0 0 10px 0;
	margin-bottom:10px;
	}
	
	#block-block-6 h2 {
	display:none;
	}

#block-block-6 .content {
	background:url(babaveli/dmc-bg.png) no-repeat;
	padding:70px 10px 0 12px;
	}
	
	#block-block-6 .content .content {
	background:none;
	padding:0;
	}

label {
	display:block;
	margin-bottom:3px;
	}
	
	input {
		padding:3px;
		}

p.contact-p {
	padding-top:10px;
	border-top:1px solid #e3dfdb;
	}

#index-container .messages {
	width:800px;
	position:absolute;
	top:0;
	left:9px;
	height:30px;
	line-height:30px;
	background:#A5B564;
	border-bottom:1px solid #555F2E;
	color:white;
	font-weight:bold;
	text-align:center;
	z-index:1000;
	}

/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////*/

#footer p {
	text-align:center;
	color:#FFFFFF;
	}

#footer p a {
	color:#FFFFFF;
	}

#footer p a:hover {
	text-decoration:underline;
	}

/* $100 - Clearfix Styles ///////////////////////////////////////////////////////////////////////////////////*/



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;display:inline-block;}
/* End hide from IE-mac */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'Baba Veli' */