body {margin:0; padding:0; font-size:62.5%; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif; 	background-color:#000000; height: 100%;}
html {height: 100%;}

.head {width: 100%; height:142px; text-align: center; margin: 0px auto; padding: 0; background:url(images/packyourtrash-head-bg.gif); position: relative; color:#ffffff;}

.headleft {float: left; width: 15%; height:142px; padding: 0;   margin: auto 0; position: relative;;  color:#ffffff;}
.headcenter {float: left; width: 70%; height:142px;    margin: auto 0; padding: 0;  position: relative;  color:#ffffff; }
.headright {float: right;width: 15%; height:142px;  margin: auto 0; padding: 0;  position: relative;  color:#ffffff; }


.navigation {float: left; width: 100%; color: #ffff33; text-align: center; position: relative; line-height: 25px; padding-top: 4px; margin-top:-45px;}
.navigationtext {margin-right: 25px; font-weight:bold; font-size:11px;  font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
.navigationon {margin-right:25px;  font-weight:bold; font-size:11px;  font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}

a.navigationtext:link { color: #000000; text-decoration: none; font-weight:bold; font-size:11pt; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif; }
a.navigationtext:visited { color: #000000; text-decoration: none; font-weight:bold; font-size:11pt; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
a.navigationtext:hover { color: #787878; text-decoration: none; font-weight:bold; font-size:11pt; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
a.navigationtext:active { color: #ffffff; text-decoration: none;  font-weight:bold; font-size:11pt; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}

a.navigationon:link { color: #434343; text-decoration: none; font-weight:bold; font-size:11pt; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif; }
a.navigationon:visited { color: #434343;; text-decoration: none;  font-weight:bold; font-size:11pt; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
a.navigationon:hover { color: #787878; text-decoration: none; font-weight:bold; font-size:11pt; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
a.navigationon:active { color: #000000; text-decoration: none;  font-weight:bold; font-size:11pt; font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif;}
	
a:link {font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif; font-size: 12pt; text-decoration:none; color: #000000;}
a:visited {font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif; font-size: 12pt;text-decoration:none;  color: #434343;}
a:active {font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif; font-size: 12pt; text-decoration:none; color: #ffffff;}
a:hover {font-family: "Microsoft Sans Serif", Helvetica, Verdana, sans, Serif; font-size: 12pt; text-decoration:none; color: #ffff33;} 


#logo1 {
	margin: 6px 5px 0px 15px;
    float: left;
	}
	
#logo2 {
	margin: 6px 5px 0px 5px;
	}
	
#logo3 {
	float: right;
	margin: 6px 15px 0px 5px;
	}
	
	
/* page structure 
--------------------------------------------- */

	
.wrap {
	width: 100%;
	height: 100%;
	height: auto;
 	min-height: 100%;
	min-width: 700px;
	margin: 0 auto;
	padding: 0;
	background-color:#a6a6a6; 
	}
	
.main {
	width: 100%;
	background-color:#a6a6a6; 
	font-size:12px;
	margin: 0 auto;
	padding-bottom: 45px;
	text-align: center;
	}
	
.maincontent {
	width: 100%;
	font-size:14px;
	margin: 0px;}
	
.maincontent img {text-align:center; padding-top:10px; }
.maincontent h1 {margin-top:6px; margin-right:5px; font-size:25px; text-align: center; font-weight:bold; font-family: "Arial Bold", arial, helvetica, sans, Serif; }

.maincontentleft {
	width: 100%;
	text-align: left;
	font-size:14px;
	margin: 20px 20px 20px 20px;}
	

.maincontentcolumn1 {float: left;  margin-left:20px; text-align:center; width:45%;}
.maincontentcolumn1 p {font-size:15px; color:#333; text-align: left; font-family: "Arial Bold", arial, helvetica, sans, Serif}
.maincontentcolumn1 h1 {margin-top:20px; margin-bottom:10px; margin-right:5px; font-size:19px; color:#000; text-align: center; font-weight:bold; font-family: "Arial Bold", arial, helvetica, sans, Serif;}
.maincontentcolumn1 img {margin-top:10px; margin-bottom:10px;}

.maincontentcolumn2 {float: left;  margin-left:20px; text-align:center; width:45%;}
.maincontentcolumn2 p {font-size:15px; color:#333; text-align: left; font-family: "Arial Bold", arial, helvetica, sans, Serif }
.maincontentcolumn2 h1 {margin-top:20px; margin-bottom:10px; margin-right:5px; font-size:19px; color:#000; text-align: center; font-weight:bold; font-family: "Arial Bold", arial, helvetica, sans, Serif;}
.maincontentcolumn2 img {margin-top:10px; margin-bottom:10px;}


.maincontentcolumn3 {float: left;  margin-left:20px; text-align:center; width:45%;}
.maincontentcolumn3 p {font-size:15px; color:#333; text-align: center; font-family: "Arial Bold", arial, helvetica, sans, Serif}
.maincontentcolumn3 h1 {margin-top:20px; margin-bottom:10px; margin-right:5px; font-size:19px; color:#000; text-align: center; font-weight:bold; font-family: "Arial Bold", arial, helvetica, sans, Serif;}
.maincontentcolumn3 img {margin-top:10px; margin-bottom:10px;}


.maincontentcolumn4 {float: left;  margin-left:20px; text-align:center; width:45%;}
.maincontentcolumn4 p {font-size:15px; color:#333; text-align: center; font-family: "Arial Bold", arial, helvetica, sans, Serif }
.maincontentcolumn4 h1 {margin-top:20px; margin-bottom:10px; margin-right:5px; font-size:19px; color:#000; text-align: center; font-weight:bold; font-family: "Arial Bold", arial, helvetica, sans, Serif;}
.maincontentcolumn4 img {margin-top:10px; margin-bottom:10px;}



.dividerwrap  {text-align: left; position:relative; margin:30px 20px 20px 20px; padding:5px;  width:90%;}
.dividerwrap P {margin-top:25px; margin-right:5px; font-size:21px; color:#333; text-align: right; font-weight:bold; font-family: "Arial Bold", arial, helvetica, sans, Serif; }

.dividerleft  {float:left; width:17%; margin-top:5px;}
.dividerleft p {margin-top:20%; margin-right:5px; margin-left:0px; font-size:21px; color:#333; text-align: left; font-weight:bold; font-family: "Arial Bold", arial, helvetica, sans, Serif; }

.dividerleft2  {float:left; width:17%; margin-top:-30px;}
.dividerleft2 p {margin-top:20%; margin-right:5px; margin-left:0px; font-size:21px; color:#333; text-align: left; font-weight:bold; font-family: "Arial Bold", arial, helvetica, sans, Serif; }


.dividercenter  {float:left; text-align:center; width:38%; margin-top:20px; }
.dividerright  {float:right; text-align:center; width:45%; margin-top:20px; }
.dividerfull  {float:left; text-align:center; width:83%; margin-top:20px; }

.dividerright P {margin-top:5px;  font-size:16px; text-align: center;  font-family: "Arial Bold", arial, helvetica, sans, Serif; }

.dividercentersmall  {float:left; text-align:center; width:28%; margin-top:15px; }
.dividerrightsmall  {float:right; text-align:center; width:55%; margin-top:15px; }
.dividerrightsmall P {margin-top:10px;  font-size:16px; text-align: center;  font-family: "Arial Bold", arial, helvetica, sans, Serif; }


.footer {position: relative;
	margin-top: -45px; /* negative value of footer height */
	text-align:center;
	height:45px;
	background:url(images/background-footer.gif);
	clear:both;} 

.footer img { margin-top: 25px; }

#clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
#clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
#clearfix {display: block;}
/* End hide from IE-mac */


/* PHOTO GALLERY */

.gallerycontainer{
position: relative;
height: 400px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 3px 3px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: none;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border: none;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 350px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* PHOTO GALLERY END */