/*
Theme Name: Haiti Theme
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
/* CSS Document */
html{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
img{
border:none;
}
body{
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 0px;
	background-color: #B4A680;
	background-image: url(images/kubrickbgwide.jpg);
	overflow-y: scroll;
}
video {
	display: inline-block;
	overflow: hidden;
	width: 540px;
	height: 328px;
}

a{
	text-decoration:none;
	color: #D81F3F;
}
a:hover{
text-decoration:underline;
}
h1{
	font-size: 24px;
	color: #D010B1;
}

h2{
	font-size: 18px;
	color: #484848;
	margin-bottom: 5px;
}
h3{
	font-size: 24px;
	color:#815128;
	font-weight:normal;
	margin-bottom:10px;

}
h4{
	font-size: 16px;
	color:#5b7c39;
	margin-top:0px;
	
}
h5{
	font-size: 14px;
	color:#c90000

}

.holder{
	position:relative;
	width:997px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
}

.horizontalSection{
	width:997px;
	height:auto;
	float:left;
	position:relative;
}
#header{
	height:188px;
	background-image: url(images/headerBG2.jpg);
	background-repeat: no-repeat;
	z-index:3
}
#secondHeader{
	height:83px;
	background-image: url(images/headerBG2-secondary.jpg);
	background-repeat: no-repeat;
	z-index:1
}
#footer{
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	clear: both;
	color: #FFFFFF;
	text-align: left;
	text-transform: uppercase;
	font-size: 10px;
	height: 126px;
}
#footer a{
	color: #ff6200;
}
#footer a:hover{
	color: #ffffff;
	text-decoration:none;
}
#footer img{
	margin-left: 30px;
	margin-right: 10px;
}
#homeGreen{
	height:auto;
	padding-top: 10px;
	padding-bottom:0px;
	background-image: url(images/bgTile.gif);
	background-repeat: repeat-y;
}
#scaleContent{
	width:850px;
	height:auto;
	background-color:#FFFFFF;
	padding:0px 50px 25px 50px;
	min-height:400px;
	border-top:1px solid #A1D8B9;
	text-align: left;
}
.logo{
	width:122px;
	height:188px;
	position:absolute;
	top:0px;
	left:0px;
}
.homeGirlPhoto{
	width:280px;
	height:auto;
	position:relative;
	right:0px;
	float: right;
	padding-bottom: 10px;
}
.bookingBox{
	position:relative;
	width:640px;
	height:auto;
	text-align:left;
	float: left;
	padding-bottom: 10px;
}

.bookingBox h1{
	margin:5px 0 20px 0;
	font-size:25px;
	color:#C4283E
}
.smallBox{
	position:relative;
	width:657px;
	height:auto;
	text-align:left;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C32146;
}
.greenBox{
	position:relative;
	width:253px;
	height:auto;
	text-align:left;
	float: right;
	background-color: #F0EEEE;
	background-image: url(https://www.haitichildren.com/wp-content/themes/haiti-theme/images/solutions-and-tools.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
	padding-right: 12px;
	padding-left: 15px;
	color: #666666;
	font-size: 12px;
	padding-bottom: 25px;
	clear: right;
}
.headerContact{
	width:230px;
	position:absolute;
	top:0px;
	right:0px;
	text-align: right;
	height: 131px;
	z-index: 50;
}
.headerContact a{
	color: #333333;
}
.headerDonate{
	width:159px;
	position:relative;
	top:-20px;
	right:0px;
	left:30px;
	text-align: right;
	height: 72px;
	z-index: 50;
}
.navBar{
	position:absolute;
	width:643px;
	text-align:center;
	height: 36px;
	top: 61px;
	left: 122px;
}
.redBar{
	position:absolute;
	width:265px; /* width:235px; */
	text-align:left;
	height: auto;
	top: 126px; /* top: 130px; */
	color:#FFFFFF;
	z-index: 1;
	right: 50px;
	padding: 0px 20px 0px 10px;
}
.phoneNumber{
	position:absolute;
	width:117px;
	height:11px;
	top:39px;
	right:0px;
}
.credits{
	position: absolute;
	width: 997px;
	text-align: center;
	bottom: 40px;
}
.shareThis{
	position: absolute;
	width: 200px;
	text-align:left;
	left: 18px;
	bottom: 40px;
}
.leftArea{
	position:relative;
	height:auto;
	width:540px;
	float:left;
	margin-left: 60px;

	text-align:left

}
.rightArea{
	position:relative;
	height:auto;
	width:235px;
	float:right;
	margin-right: 60px;
	padding: 0px 20px 20px 20px;
	background-color: #F5F5F5;
	border: 1px solid #CFCFCF;
	
	text-align:left

}
.mainTitles{
	position:absolute;
	height:50px;
	width:530px;
	text-align:left;
	font-size:21px;
	font-weight:bold;
	left:130px;
	top:114px;
	color:#FFFFFF
}
div#sidebar ul{
list-style:none;
padding-left:10px;
}
.footerContact{
	position:absolute;
	height:auto;
	width:997px;
	left: 0px;
	top:15px;
	font-size:16px;
	color:#ffffff;
	font-weight:normal;
	text-align: center;
}
.footerContact a{
color:#ffffff;
}
.homeVid{
	position:relative;
	float:left;
	width:877px;
	margin-left:60px;
	text-align:left;
	height: 380px;
	background-image: url(images/latest-news.jpg);
	background-repeat: no-repeat;
	margin-top: 6px;
}

.breadcrumb{
	position:absolute;
	font-size:9px;
	color:#590300;
	width:530px;
	left: 130px;
	top: 155px;
	text-align: left;
	font-weight: normal;
}
.breadcrumb a{
color:#ff6200
}
.latestNews{
	position:absolute;
	top:45px;
	right:22px;
	width:275px;
	height:301px;
}









/* CSS Document */

.nav_container
	{
	width: 975px;
	height: 30px;
	position: absolute;
	left: 10px;
	bottom: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #AA9F92;
	z-index:3
}

/* Drop Down Menus*/
#mainMenuContents 
	{
	margin:0px 0px 0px 0px;
	display:inline;
	width:auto;
	float:right;
	position:relative;
	z-index: 8;
	right: 17px;
	}
#mainMenuContents ul 
	{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	display:inline;
	line-height:1;
	}
#mainMenuContents li 
	{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	font-weight: bold;
	}
#mainMenuContents li a 
	{
	text-decoration:none;
	color:#ffffff;
	display:block;
	position:relative;
	font-size: 12px;
	height: 22px;
	text-align: center;
	padding-top: 10px;
	padding-left:10px;
	padding-right:10px;
	width: auto;
	
	}
#mainMenuContents li a:hover, #mainMenuContents li a.active 
	{
	color:#ff6200!important;
	background-image: none;
	}
#mainMenuContents li li a 
	{
	text-decoration:none;
	color:#333;
	margin:0 0px 0 0px;
	width:auto;
	display:block;
	text-transform:none;
	font-size:12px;
	z-index: 8;
	height: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background: none;
	padding: 10px 10px 10px 10px;
	text-align:left
	}
#mainMenuContents li li a span {
text-align:left;
	display:block;
	margin:0 0 0 10px;
}
#mainMenuContents li li:hover 
	{
	background-color:#473727 !important;
	}
#mainMenuContents li li a:hover 
	{
	color:#FFffff !important;
	background:none;
	}
#mainMenuContents li li 
	{
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:none;
	background-color:#fff;
	float:none;
	text-align:left;
	}
#mainMenuContents li ul 
	{
	position: absolute;
	width:auto;
	background-color:#fff;
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;

	filter:-moz-opacity:.95;
	opacity:.95;
	filter:alpha(opacity=95);
	border:1px solid #ccc;
	clear:left;
	z-index:5;
	text-transform:none;
	margin:0px 0px 0px 0px;
	text-align: left;
	}

#mainMenuContents li ul ul 
	{
	left:0;
	}

#mainMenuContents li:hover ul ul, #mainMenuContents li:hover ul ul ul, #mainMenuContents li:hover ul ul ul ul, #mainMenuContents li.sfhover ul ul, #mainMenuContents li.sfhover ul ul ul, #mainMenuContents li.sfhover ul ul ul ul 
	{
	display:none;
	margin: -4px 0 0 10em;	
	}
#mainMenuContents li:hover ul, #mainMenuContents li li:hover ul, #mainMenuContents li li li:hover ul, #mainMenuContents li li li li:hover ul, #mainMenuContents li.sfhover ul, #mainMenuContents li li.sfhover ul, #mainMenuContents li li li.sfhover ul, #mainMenuContents li li li li.sfhover ul 
	{
	display:block;
	}
#mainMenuContents li li.sfhover 
	{
	background-color:#eeeeee;
	}
#first
	{
	background:none !important;
	}
	
		ul.navigation-horizontal, ul.navigation-vertical {
	list-style:none;
	margin:0;
	padding:0;
}

	ul.navigation-horizontal li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	}
	
	ul.navigation-horizontal li a {
	display:block;
	} 
	
	ul.navigation-horizontal li span {
	display:none;
	}
	
	ul.navigation-vertical {
	list-style:none;
	}
	
	ul.navigation-vertical li {
	margin-bottom:1px;
	}
	
	ul.navigation-vertical a {
	display:block;
	}
	
	ul.navigation-vertical li ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
	ul.navigation-vertical li li {
	list-style:none;
	}