@charset "utf-8";
/* CSS Document */
body{padding:0px 0;
	text-align:left;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#32322D;
	line-height: 19px;
	background-color: #ffffff;
	/*background-image:url(slices/background.jpg) #AFC19B;;*/}
	
#container
{
	margin: 0 auto;
	width: 970px;
	background:#ffffff;
	
}


#home .home, #rates .rates, #amenities .amenities,  #bulk .bulk,  #charity .charity,  #recycle .recycle, #contact .contact

{background:#90c9cf; }


.text{
	text-align:left;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	 /*color: #3F6884; DARK BLUE */
	color: #666666;
	line-height: 24px;
}

hr {
  border: 0;
  width: 100%;
  /*background-color: #CBC88E; SAND */
  background-color: #CCCCCC;
  height: 3px;
}

#header
{
	/*background:#E3E4DA;*/
	background:#ffffff;
	padding: 0px;
}

#header #logo{
float: left;
margin-top: 0px;
margin-left: 780px;
color:#656565;
font-size:16px;
font-weight:600;
}

#header h1 { margin: 0; font-family: 'Kreon', serif;}



/*#navigation
{
	float: left;
	width: 970px;
	background:#243371;
	 border-top:solid 1px #CBC88E;
    border-bottom:solid 1px #CBC88E;
	
}
### NAVIGATION ### 

.navbar {
    float: none;
}*/

#navigation {
	
	
    display: block;
   float: none; 
    height: 30px;
    margin: 0 auto;
    position: relative;
	padding-top: 15px;
    z-index: 150;
  /*#  border-top:solid 2px #CBC88E;
   border-bottom:solid 2px #CBC88E; SAND COLOR */  
	border-top:solid 2px #CCCCCC;
   border-bottom:solid 2px #CCCCCC; /*# GREY COLOR */  
   font-size: 14px; 
	font-weight:250;
    text-transform: uppercase;
	padding: 5px 10px;
	
}



#navigation ul
{
	
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	
	list-style-type: none;
	display: inline;
}

/*#navigation a
{
	display: block;
	float: left;
	padding: 15px 10px;
	color:#666666;
	text-decoration: none;
	border-right: 1px solid#fff;
	


	font-family: 'Roboto Condensed', sans-serif;
   
}*/

#navigation li a:hover { background:#bedee1;
color:#666666; }/*CBC98B camel*/


.sf-menu a, .sf-menu a:link, .sf-menu a:active, .sf-menu a:visited {
color:#656565;
    padding: 1px 30px;
    text-decoration: none;
    font-family: 'Verdana', sans-serif !important;
    text-transform:none !important;
}

.sf-menu a.sf-with-ul {
    /*min-width: 1px;*/
    padding-right: 12px; /*Same as sf-menu a*/
}

.sf-menu {
    margin-bottom: 0;
}
.sf-menu li {
    border:none !important;
}
.sf-menu li ul {
    margin-top:100px !important;
}
.sf-menu li li {
    background:#ffff!important;
    border:none !important;
}
.sf-menu li li a:visited {
    color:#656565 !important;
}
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
    background:#656565 !important;
    color:#ffffff !important;
    border:0 !important;
}
.sf-menu li li a {
    border:none !important;
	 color:#ffffff;
}









#imagearea
{
	clear: left;
	padding: 0px;
}
#textarea
{
	clear: left;
	padding: 0px;
}
.imgborder
{

margin: 0 0 10px 10px;
border: 1px solid #C2D3FC;
padding:2px
}
.imgborderINT
{

margin: 0 0 0px 0px;
border: 1px solid #C2D3FC;
padding:2px;
}

#aside
{
	float: right;
	width: 348px;
	padding: 10px 10px 15px 15px;
	margin: 0 0px  ;   
	background: #E3E4DA; /* for non-css3 browsers */
	
	box-shadow: inset 0 1px 0 0 #999999,inset 0 -1px 0 0 #999999,inset 0 0 0 1px #999999;
 -moz-box-shadow: inset 0 1px 0 0 #999999,inset 0 -1px 0 0 #999999,inset 0 0 0 1px #999999;
 -webkit-box-shadow: inset 0 1px 0 0 #999999,inset 0 -1px 0 0 #999999,inset 0 0 0 1px 999999;
 background-color: #E6E6E6;
 -webkit-border-radius: 36px 12px;
 -moz-border-radius: 36px 12px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4D4D4', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#D4D4D4), to(#fff)); /* for webkit browsers Camel to white from(#E3E4DA), to(#fff))*/
background: -moz-linear-gradient(top,  #D4D4D4,  #fff);/* /* for firefox 3.6+ */ 
}
#padding { padding: 8px;}
#aside h4 { margin: 0; }

#asidetext
{
	float: right;
	width: 355px;
	padding: 0px 0;
	text-align:center;
	margin: 0 0px  ;   
	background: #999; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3E4DA', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#E3E4DA), to(#fff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #E3E4DA,  #fff); /* for firefox 3.6+ */ 
}


#line
{ 
background-image:url("slices/line.png");
background-repeat: no-repeat;
	height:10px;
	width:900px;
}


.quotebox,
.quotebox cite {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3;
}

.quotebox {
    position: relative;
    color:#77aeb3 ;
    background:#fff;  
	
	/* 
	
	 color: #fff;
    background:#77aeb3; 
	
	
	#5bc5f2;*/
    padding: 40px 60px;
}

.quotebox--quotes:before,
 .quotebox--quotes:after {
    position: absolute;
    font-family: serif;
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
}

.quotebox--quotes:before {
    top: 15px;
    left: 20px;
    content: '\201c';
}

.quotebox--quotes:after {
    bottom: -10px;
    right: 10px;
    content: '\201d';
}









#contentFP
{
	clear: left;
	padding: 20px;
	color:#3F6884;
	width: 505px;
}
#content
{
	clear: left;
	padding: 20px;
	color:#3F6884;

}

table {
    border: 1px solid 666666;}
	
	
.green{color:#319253;}
.beige{color:#CBC98B;}
.camel{color:#917946;}
.teal {color:#6699cc;}
.blue-teal {color:#77aeb3;}
.blue-tealdarker {color:#5d8589;}
.blue-grey {color:#384648;}
.greylight {color:#696565;}
.blue-greydarker {color:#2a3638;}
h1 { font-family: 'Crimson Text', serif, Arial, serif; font-size:30px; font-weight: 400; line-height: 15px;
 }

h2 { 
font-size:18px;
  font-family: 'Oswald', sans-serif;

  color:#319254;
  line-height:50px;
  /*text-shadow: 4px 4px 4px #aaa;*/
}

h3
{
font-size:20px;
 font-family: 'Crimson Text', serif;
 color:#319254;
  line-height:15px;

	
}

h4
{
	font-family: 'Metrophobic', Arial, serif; font-weight: 400; color:#268CC5;
line-height:14px; font-size:14px;
text-transform:uppercase;
font-weight:bold;
	color:#268CC5;
	
}

h4 a:hover
{
	font-family: 'Metrophobic', Arial, serif; font-weight: 400; color:#268CC5;
line-height:14px; font-size:14px;
text-transform:uppercase;
font-weight:bold;
	color:#268CC5;
	
}
.hours
{
	clear: left;
	color: #333;
	font-size:14px
}
.hours2
{
	clear: left;
	color: #333;
	font-size:13px
}
.directions
{
	clear: right;
	color:#689FCC;
	font-size:10px;
	text-align:right;
	line-height:10px;
}
.directionslg
{
	clear: right;
	color:#689FCC;
	font-size:13px;
	text-align:right;
	line-height:13px;
}




.quote1{
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
position: relative;

  top: 130px;
  right: 225px;
  left:120px;
  color: #777777;
  font-style: italic;
  }
  .quote2{
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position: relative;
    top: 134px;
	right: 225px;
	left:185px;
	color: #777777;
	font-style: italic;
  }
  
  .image_block {
    width: 250px;
    height: 140px;
    position: relative;
	vertical-align:bottom;
    margin: 0 auto;
}
.image_block a img {
position: relative;
bottom:0px;
}

.image_block img {
	position: absolute;
	bottom: -16px;
	left: -3px;

}
#wrap5column{
	width:900px;
	margin:auto auto;
	/*background: url(images/threexthree.jpg) repeat-y left top;*/
	border:0px solid #000;
	min-height:100%;
	/*padding-bottom: 450px;
	padding-left:5px;*/
	overflow: auto;
		
}
.column{
	float:left;
	width:165px;
min-height:100%;
/*margin-bottom:-300px;
padding-bottom: 300px;*/
	margin-left:4px;
	padding-left:4px;
	padding-right:4px;

}
#wrap2column{
	width:900px;
	margin:auto auto;
	border:0px solid #000;
	min-height:100%;
	overflow: auto;
		
}

.column2
{
	float:left;
	width:380px;
min-height:100%;
/*margin-bottom:-300px;
padding-bottom: 300px;*/
	margin-left:1px;
	padding-left:1px;
	padding-right:1px;

}
img.display {
    display: block;
    margin-left: auto;
    margin-right: auto;
	border-color:#CFD0BE;
	border-style: solid; 
  border-width: 4px;
  padding: 1px; 
box-shadow: 5px 5px 5px #888;
  }
img.plain {
    display: block;
    margin-left: auto;
    margin-right: auto;
	border: 1px solid #848660;
    padding: 4px;
    background-color: #CFD0BE;
	box-shadow: 5px 5px 3px #888;
    }

.info5 {
	color: #333333;
	text-align:center;
	font-style:italic;
	font-weight: normal;
	font-size: 13px;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif
}
.infodetails {
	color: #333;
	text-align:center;
	font-style:none;
	font-weight:normal;
	font-size: 10px;
	line-height:10px;
	font-family:Arial, Helvetica, sans-serif
}
/*#footer
{

	clear: both;
	text-align: center;
	width: 100%;
	padding:0px;
	margin-bottom:0;
	height: 100%;
	
	font-size:10px;
	line-height: 12px;
	color:#406984;
	background-color:# 060;
	background-image:url(slices/footer.png);
	background-repeat:repeat-x;
	
}*/
#address {
	/*color: #917946; Camel */
	color: #507376; /* Teal very dark */
text-align: center;
font-size:14px;
}

#foo {
height: 50px;
text-align: center;
color:#917946;
width:100%;
/*background:#243371;*/
font-size:10px;
line-height:10px;
margin-top: 0px;
position: relative;
bottom: 0;
	
}
.clearfoo {
height: 5px;
clear: both;
}
#foot
{
  position:relative; 
  left:0px; 
  width:100%; 
  height: 50px; 
  background-image:url(slices/foot.png);
  background-repeat:repeat-x; 
}

#whateverstuckatbottom {
  position: fixed;
  bottom: 0px;
  margin-right: auto;
  margin-left: auto;
}
/* Slider */
#slider {  width:970px; padding:00px 0 0 0; margin:0 auto;}
div#slideshow { width: 100%; height:381px; padding:0; }
.slider-item { width: 100% !important; }
.slider-item img { float:right; margin:0; padding:0;}
.slider_content_inner img { border: none; }
.controls-center { width: 970px; margin:0 auto; padding:5px 0; background:#101010;}
#slider_controls { margin:0 auto; z-index: 1000; width:970px;}
#slider_controls h2 { width:600px; float:left; font: normal 11px Arial, Helvetica, sans-serif; color:#525252; padding:5px 0 0 20px; margin:0;}
#slider_controls ul { margin:0; padding:0 20px 0 0; width:254px; float:right;}
#slider_controls ul li { margin:0; padding:0 ; list-style: none; }
#slider_controls ul li { float: right; display: block; }
#slider_controls ul li a { width:17px; height: 8px; background:url('img/tabs_2.gif') no-repeat center center; display: block; float: left; padding:10px 2px 0 2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { color:#979797; background:url('img/tabs_1.gif') no-repeat center center; }