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

@import url(http://fonts.googleapis.com/css?family=Muli:400,300italic,400italic,300);
/* ~~ color C8B18B  dk tint 9F8D6F   ~~ */

html, body { /*margin: 0; padding: 0; <removed for bg scr height*/height: 100%; color: #555555; font-family: "Muli", san-serif; font-size: 16px; line-height: 1.4; }

/*ul, ol, dl { padding: 0; margin: 0; } */
h1, h2, h3, h4, h5, h6, p { font-family: "Muli", san-serif; margin-top: 0; }
h1 { font-size: 50px;  margin:0 0 25px 0;  font-weight: 300; line-height:60px; }
h2 { font-size: 22px; font-weight: 300; }
h3 { font-size: 17px; font-weight: 300; }
h4 { font-size: 16px; margin: 0; font-weight: 300; }
a { text-decoration:underline; color: #555555; }
a img { border: none; }

.standard-content a:hover{color: #000 !important;}
a:hover{ text-decoration: none; color: #000; background-color:#E3E72F; }
/*, a:active, a:focus */
nav a, footer a {text-decoration: none; }
nav a:hover, footer a:hover { background-color:transparent; } 
ul.barelist { list-style:none !important; margin:0; padding:0; }
ul.barelist li { margin:0; padding:0; /*float:left !important; */}

::selection { background: #E3E539; /* Safari */ color: #000; }
::-moz-selection { background: #E3E539; /* Safari */ color:#000;}
.bdr-bottom { border-bottom: 1px solid #555555; }

/* WYSIWYG STYLES*/
.yellow, .yellow a{ color:#E3E539 !important; }
.yellow a:hover{ color:#000000 !important; }
.h4marginbottom { margin-bottom:10px !important; }

.bgstretcher ul li img { /* fixes for bootstrap to bgstretch */
    max-width: none !important; 
    vertical-align: auto !important; 
}

/*fix white box iphone*/
.bgstretcher-area { text-align: left; height:100% !important;  }
.bgstretcher-page { height:100% !important;  }

/* ----------------------
HEADER
---------------------- */
header{ margin-bottom:100px; }
header .logo { background-color:#444444; }
header .logo img{ border-bottom: 4px solid #FFFFFF; height:90px; }
header nav { width:180px; }
header nav ul { list-style:none; }
header nav ul li { background-color:#e3e730; padding:12px 0 9px 0 !important; text-align:center; margin-bottom:2px !important; }
header nav ul li:hover { background-color:#c7cb22; } 
header nav ul li a { text-align:center; display:block; }

header nav ul li ul li{ background-color:#D6D2CF; }
header nav ul li ul li:hover { background-color: #ADA59F; } 

header nav ul li { position: relative; }
header nav li ul { position: absolute; top: 0; left: 180px;				/* distance from  left menu (this should be the same as width value in nav [1]) above */ display: none; }
header nav ul, header nav ul ul, header nav ul ul ul { margin: 0;				/* keeps the menu parts together */ padding: 0; width: 180px;			/* width of sub menus  (this should be the same as width value in nav [1]) above */ }
header nav ul ul, header nav ul ul ul, header nav ul li:hover ul ul, header nav ul li:hover ul ul ul { display: none; }
header nav ul li:hover ul, header nav ul ul li:hover ul, header nav ul ul ul li:hover ul { display: block; }



footer { text-align: right; margin-top:50px;  }
footer a { margin-bottom:7px; font-size:15px; font-weight:400; display:block;   }
footer p { font-size:16px; color:#a1a1a1; }
footer span { font-size:13px; font-weight:normal; }
.mobileFooter { display:none; width: 70%; text-align: left; float: left; }  


@media (max-width: 1200px){
/* what we do */
.what-we-do  #wrap{ background-position: 50% 0% !important;}
/* giving back */
.giving-back #wrap { background-position: 45% 0% !important;}
.contact #wrap{ background-position: -180px -80px !important;}
}
@media (max-width: 960px){
.contact  #wrap{ background-position: -330px -80px !important;}
.case-studies #wrap { background-position: 50% -70px !important; }
.clients-say  #wrap{ background-position: 50% -30px !important; }
}
@media (max-width: 767px){
	footer { display:none !important; }
	.mobileFooter { display:block !important; }
	
	.contact  #wrap{ background-position: -460px -40px !important;}

	#footer { height:50px !important; padding: 0 12px !important;/* left:-20px;*/  font-size:9px !important; }
	#footer a{ font-size:9px !important; }
	
	#footer .col-md-6{ margin-top: 12px !important; } 
	/* Lastly, apply responsive CSS fixes as necessary */
	#footer {
		/*margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;*/
	} 
	
	.noMobileBgnd .bgstretcher { height: 0px !important; }
	.noMobileBgnd #wrap { background-image:none !important; }
	
}
@media (max-width: 500px){
	
	header { margin-bottom: 40px !important; }
	h1 {font-size: 40px !important;  line-height: 50px !important; }

	header nav ul{ width: 100% !important; }
	header nav ul li { width: 50% !important; }
	header nav ul li ul{ width: 100% !important; left:100% !important }
	header nav ul li ul li{ width: 100% !important; }
	header .logo img{ width: 50% !important; height: auto !important; }
	.contact h2 { font-size:16px !important; }
	.contact  #wrap{ background-position: -700px 80px !important;}

}

#footer {
 color: #E3E539;
 background: #55555B;
 text-align: center;
 font-size:12px;
}

#footer .col-md-6 { margin-top: 17px; }
#footer a { color:#E3E539; text-decoration:none !important;  font-size:12px;  }
#footer a:hover { color:#E3E539; background:none !important; text-decoration:underline !important;  }


/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -50px;
/* boot strap boddy padding added back here. */
  padding-right: 20px;   
  padding-left: 20px;
  
}

/* Set the fixed height of the footer here */
#push,
#footer {
	height: 50px;
}



.home-main h1 {  margin:0 0 35px 0; }
.home-main h2 {  margin:0 0 20px 0; line-height: 28px; font-weight:700; }
.home-main p { font-size:22px; margin:0 0 20px 0; line-height: 28px; }


.standard-content h1 { color:#E3E72F; }
.standard-content h2 { margin:0 0 20px 0; line-height: 28px; font-weight:700; }
.standard-content p { font-size:16px; margin:0 0 20px 0; line-height: 20px; }
.standard-content.light h1 { color:#E3E62F; }
.standard-content.light h2 { color:#E3E62F; }
.standard-content.light p { }
.standard-content.dark h1 { color:#555555; }
.standard-content.dark h2 { color:#555555;  }
.standard-content.dark h4 { color:#E3E62F;  }
.standard-content.dark p { color:#E1E1E1; }

.standard-content { margin-bottom:210px; }
  /* Carousel base class */
  
  .quoteMark{ text-align:center; margin:25px 0;}
  
	.quote, .carousel-caption h2, .carousel-caption p { text-align:center; color: #555555 !important; }
	.carousel-caption h2 { font-weight:400; margin-bottom:10px;line-height: 25px;}
    .carousel { margin-bottom: 100px; }
    .carousel .container { position: relative; z-index: 9; }
    .carousel-control { height: 80px; margin-top: 0; font-size: 120px; text-shadow: 0 1px 1px rgba(0,0,0,.4); background-color: transparent; border: 0; z-index: 10; }
    .carousel .item { height: 500px; }
    .carousel img { position: absolute; top: 0; left: 0; min-width: 100%; height: 500px; }
    .carousel-caption { background-color: transparent; position: static; max-width: 550px; padding: 0 20px; }
    .carousel-caption h1,  .carousel-caption .lead { margin: 0; line-height: 1.25; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.4); }
    .carousel-caption .btn { margin-top: 10px; }
    .carousel-inner { height: 100px; }
    
    #myCarousel{ /*position:absolute;*/ }
    .carousel-indicators{ position: relative; margin: 0 auto;  display: table; }
     
    .carousel-indicators li { background-color:#55555B !important; width: 14px;
height: 14px;border-radius: 8px; margin-left: 13px; }
    .carousel-indicators li.active { background-color:#E3E72F !important; }

/* ----------------------
CONTACT
---------------------- */
.contact h1{ margin-bottom:10px !important; }
.contact h2{ font-weight:normal !important; line-height:33px !important; }
/* ----------------------
CLIENT SAYS
---------------------- */

#clientsays li { margin: 4px 0; padding:20px;}
#clientsays li strong { display:block;  margin-top:10px; }
#clientsays li:nth-child(odd) { background-color:#E3E72F; }
#clientsays li:nth-child(even) { color:#FFF; background-color:#555555; }
#clientsays li:nth-child(even) strong { color:#E3E72F; }

#casestudy li{ border-bottom:2px solid #272727; padding: 25px 0 10px 0; }