@import url('reset.css');
/*------------------------------------------------------------
Trademark Productions - DDJ 

version:	1.0
author:		Trademark Productions
email:		development@tmprod.com
website:	www.tmprod.com
-------------------------------------------------------------*/

/* =General/HTML Elements
-------------------------------------------------------------*/
.clear {
	clear: both
}
	
img.right {
  	float: right;
  	clear: left;
  	margin: 5px 0 5px 10px;
}

img.left {
  	float: left;
  	clear: right;
  	margin: 5px 10px 5px 0;
}

body { 
	margin: 0 auto;
	background: #f6f7fb url(/images/bg-body.gif) repeat-x top left;
	text-align: center;
	font: 10px/1.2 Arial, Helvetica, sans-serif;
}

/* =Typography
-------------------------------------------------------------*/
p, li {
	text-align: left;
	font-size: 15px;
	line-height: 1.4em;
	color:#333;
}

p {
	margin: .6em 0;
}


/* =Headings
-------------------------------------------------------------*/
h1, h2, h3 {
	margin-bottom: .5em;
	font-weight:bold;
	color:#1a75bb;
}

h1 {
	font-size: 26px;
	margin-bottom:.75em;
}


h2 {
	font-size: 26px;
	color:#398539;
}


h3 {
	font-size: 24px;
}

h4 {
	font-size: 16px;
        color: #1a75bb;
}

/* =Links
-------------------------------------------------------------*/
a, a:visited {
	color: #036;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* =Layout
-------------------------------------------------------------*/
div#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

div#container {
	width: 1000px;
	float: left;
}

div#mast {
	float: left;
	width: 1000px;
	height: 132px;
	background: #edf2fc url(/images/bg-header.jpg) no-repeat top center;
	position:relative;
	z-index:1000;
}

div#banner {
	float: left;
	width: 640px;
	height: 272px;
	background:url(/images/bg-banner.png) no-repeat top left;
	position: relative;
	margin-bottom:25px;
}

div#content {
	width: 960px;
	float: left;
	margin: 0 20px;
	background-color:#fff;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	padding-top:40px;
	position:relative;
}

div#sidebar {
	width: 260px;
	float: right;
	margin-right:20px;
}

div#main {
	float: left;
	margin-left: 20px;
	width: 640px;
	padding-bottom:170px;
}

div#footerWrapper {
	float:left;
	border-top:solid 1px #76acd6;
	background-color:#e3f0ff;
	width:100%;
        padding-bottom: 10px;
}

div#footer {
	width:920px;
	padding:10px 30px;
	margin:0 auto;
}
	
/* =Branding/Banner/Masthead Styling
-------------------------------------------------------------*/
a#homeLink {
	display: block;
	width: 388px;
	height: 64px;
	position: absolute;
	left: 39px;
	top: 26px;
	text-decoration: none;
}
p.phone {
	font-size:24px;
	text-shadow:1px 1px rgba(260,260,260,.3);
	position:absolute;
	text-align:right;
	top:23px;
	left:605px;
	font-weight:bold;
	color:#1a75bb;
	margin:0;
}
div#rotator {
	position:absolute;
	top:10px;
	left:10px;
}
div#rotator div {
	display:none;
	position:relative;
}
div#rotator div:first-child { display:block; }
div#rotator div p {
	margin:0;
	position:absolute;
	bottom:2px;
	left:0;
}
div#rotator div p a {
	background:url(/images/bg-overlay.png) repeat 0 0;
	color:#fff;
	font-weight:bold;
	display:block;
	width:360px;
	padding:10px;
}
ul#rotatorLinks {
	position:absolute;
	top:10px;
	width:239px;
	left:400px;
}
ul#rotatorLinks li {
	background:none;
	height:54px;
	margin-bottom:12px;
	position:relative;
}
ul#rotatorLinks li.activeSlide { background:url(/images/bg-rotator-link.gif) repeat 0 0; }
ul#rotatorLinks li a {
	font-size:13px;
	line-height:1.35em;
	color:#333;
	padding-right:10px;
	display:block;
	height:54px;
	width:229px;
}
ul#rotatorLinks li img {
	float:left;
	margin-right:10px;
}
ul#rotatorLinks li span { display:none; }
ul#rotatorLinks li.activeSlide span {
	background:url(/images/bg-banner-hover.gif) no-repeat 0 0;
	width:7px;
	height:9px;
	display:block;
	position:absolute;
	left:-7px;
	top:23px;
}
div#main #banner a { text-decoration:none; }
div#main #banner a:hover { text-decoration:underline; }	

.home #responsible-home {
   margin-top: 40px;
   color: #1a75bb;
}

.home h2 span {

}

/* =Main Content Styles
-------------------------------------------------------------*/
img.photos {
	position:absolute;
	bottom:-14px;
	left:15px;
}
div#main a { text-decoration:underline; }
div#main a:hover { text-decoration:none; }
.halfLeft, .halfRight {
	float:left;
	width:310px;
}
.halfRight { float:right; }
ul.list li {
	list-style-type:disc;
	margin-left:20px;
}
.overflow { overflow:hidden; }
.leftGallery {
	float:left;
	margin:0 4px;
}

/* =Secondary Content Styles
-------------------------------------------------------------*/
p.faqHead {
	font-weight:bold;
	color:#398539;
	font-size:24px;
	margin:1.2em 0 .35em;
}
span.width {
	float:left;
	line-height:1.4em;
	width:60px;
}
iframe {
	display:none;
	margin-top:5px;
	border:solid 1px #ccc;
}
.hasJS iframe { display:block; }
div.halfLeft p { margin-top:0; }

div.about div#main {
	background:url(/images/bg-about.jpg) 0 bottom no-repeat;
	padding-bottom:190px;
	margin-bottom:170px;
}
div.servicesdis div#main {
	background:url(/images/bg-dismantling.jpg) 0 bottom no-repeat;
	padding-bottom:385px;
	margin-bottom:170px;
}
div.services div#main { padding-bottom:200px; }

/* =Sidebar Content Styles
-------------------------------------------------------------*/
form#quote {
	background:url(/images/bg-quote.gif) repeat-y 0 0;
	width:260px;
}
form#quote h3, div.testimonial h3, div#sidebar div#thanks h3 {
	background:url(/images/bg-quote-top.png) no-repeat 0 0;
	color:#fff;
	height:55px;
	line-height:60px;
	text-align:center;
}
form#quote div.bottom {
	height:10px;
	background:url(/images/bg-quote-bottom.png) no-repeat 0 bottom;
	margin:0;
	width:260px;
}
div.testimonial,
div#sidebar div#thanks,
div#sidebar div#noMoreChances {
	float:left;
	margin:20px 0;
	background:url(/images/bg-testimonial.png) repeat-y 0 0;
	width:260px;
}
div#sidebar div#thanks,
div#sidebar div#noMoreChances {
	background-image:url(/images/bg-thanks.png);
	margin:0;
}
div.testimonial h3,
div#sidebar div#thanks h3,
div#sidebar div#noMoreChances h3 {
	background:url(/images/bg-testimonial-top.png) no-repeat 0 0;
	height:45px;
	margin-bottom:0;
	padding-left:15px;
	text-align:left;
}
div#sidebar div#thanks h3,
div#sidebar div#noMoreChances h3 {
	background-image:url(/images/bg-thanks-top.png);
	text-align:center;
}
div.testimonial p,
div#sidebar div#thanks p,
div#sidebar div#noMoreChances p {
	color: #fff;
	padding :0 15px;
	font-size: 13px;
}
div.testimonial p.name,
div#sidebar div#thanks p,
div#sidebar div#noMoreChances p {
	background:url(/images/bg-testimonial-bottom.png) no-repeat 0 bottom;
	margin-bottom:0;
	text-align:right;
	padding-bottom:15px;
	font-weight:bold;
}
div#sidebar div#thanks p,
div#sidebar div#noMoreChances p {
	background-image:url(/images/bg-thanks-bottom.png);
	font-weight:normal;
	text-align:left;
}
div#sidebar div#spammer p { margin-left:10px; }

/*Vice article styles*/
div#vice-press {
   border-radius: 0px 0px 13px 13px;
}
div#vice-press h3 {
   padding-left: 15px;
}

div#vice-press img {
   margin-left: 15px;
   padding-top: 5px;
}
div#vice-press p {
   padding-left: 15px;
}
div#vice-press #vice-btn {
   color: green;
   padding: 6px 3px;
   padding-left: 0px;
   font-family: arial;
   font-weight: bold;
   font-size: 16.5px;
   margin-left: 15px;
   margin-bottom: 18px;
   width: 130px;
   cursor: pointer;
   border-radius: 5px;
   background: #fafafa;
   border: none;
}
div#vice-press #vice-btn:hover {
   background-color: #F0EEEE;
}
.vice-article h2 {
   margin-top: 20px;
}
.vice-article .pquote {
   width: 610px;
   background: url('/images/vice-quotes.png') top left no-repeat;
   color: #333;
   font-size: 15px;
   font-family: arial;
   line-height: 1.4;
   font-style: italic;
   padding: 0.5em;
   margin: 0;
}
/* =responsible-recyclers page
-------------------------------------------------------------*/

ul.accomplishments {
    margin-left: 40px;
    margin-bottom: 50px;
}

li.icon {
   background: url('http://cityrecyclinginc.com/images/arrow-bullet.png')no-repeat left top;
   background-size: 4%;
   padding-left: 28px;
   margin-top: 40px;
   margin-left: -5px;
   width: 450px;
}

.Responsible-Recyclers h2 {
   margin-top: 40px;
}
.recyclers-logo {
   margin-left: 95px;
}

.responsible-meetings {
   margin-bottom: 40px;
}

span.exec {
   color: #797979!important;
}

.responsible-meetings h4 span {
   font-size: 16px;
   color: #398539;
}

.responsible-meetings h4 a {
   color: #1a75bb;
}


/* =Footer Styles
-------------------------------------------------------------*/
div#footer p, div#footer a {
	color:#398539;
	margin:.5em 0 0;
	font-size:13px;
}
div#footer p.city {
	font-weight:bold;
	float:left;
	font-size:15px;
}
div#footer p.city span {
	font-weight:normal;
	font-size:13px;
	padding-left:10px;
}
p.copyright, p.tmlink { 
   float: right; 
   clear: both;
}
ul#footerNav {
	float: left;
        position: absolute;
        margin-top: 15px;
}
ul#footerNav li {
	float:left;
	padding:0 10px;
	border-left:solid 1px #398539;
	margin:7px 0 10px;
	line-height:1em;
}
ul#footerNav li.first { padding-left:0; border:none; }
a.footerCall,
a.footerPhone,
a.footerCentral,
a.footerDetroit {
	text-indent:-9999em;
	position:absolute;
	display:block;
	bottom:10px;
	left:32px;
	height:144px;
	width:149px;
	outline:none;
	background:url(/images/blank.gif) no-repeat top left; /* this has got the be the STUPIDEST IE bug I've ever found! */
	z-index:1000;
}
a.footerPhone { left:181px; }
a.footerCentral { left:330px; }
a.footerDetroit { left:479px; }

.social {
   margin-top: 10px;
}
.social a img {
   float: right;
   padding-left: 15px;
}

/* =Main Navigation Styles
-------------------------------------------------------------*/
ul#mainNav {
	position:absolute;
	bottom:0;
	left:40px;
}
ul#mainNav li {
	float:left;
	font-size:17px;
	font-weight:bold;
	position:relative;
}
ul#mainNav li a {
	color:#111;
	text-shadow:1px 1px rgba(0,0,0,.15);
	height:31px;
	line-height:31px;
	padding:0 20px;
	display:block;
}
ul#mainNav li a:hover, ul#mainNav li.active a, ul#mainNav li:hover a, ul#mainNav li.sfhover a, ul#mainNav li:hover li a:hover {
	background:#EBECF1 url(/images/bg-nav-hover.gif) repeat-x 0 0;
	text-decoration:none;
}
ul#mainNav li ul {
	position:absolute;
	left:-9999em;
	z-index:1000;
	background:#F6F7FB;
	border:solid 1px #1A75BB;
	border-top:none;
}
ul#mainNav li:hover ul, ul#mainNav li.sfhover ul { left:-1px; }
ul#mainNav li ul li {
	float:left;
	width:355px;
}
ul#mainNav li:hover li a, ul#mainNav li.sfhover li a { background:none; padding-right:0; }

/* =Secondary Navigation Styles
-------------------------------------------------------------*/


/* =Form Styles
-------------------------------------------------------------*/
div#thanks, div#spammer, div#noMoreChances, form#quickcontactretry, div.loading { display:none; }

select, textarea, input {
	width:228px;
	padding: 5px;
	border:solid 1px #ccc;
	float:left;
	margin:5px 0;
	font:15px Arial, Helvetica, sans-serif;
}
select { width:240px; }
textarea {
	height:100px;
}
form {
	float:left;
	clear:both;
	margin-bottom:20px;
}
form#contact { margin-top:20px; }
form div {
	float:left;
	clear:both;
	position:relative;
	width:640px;
}
div#sidebar form div {
	margin-left:10px;
	width:240px;
}
form label {
	line-height:28px;
	margin-bottom:10px;
	width:160px;
	margin:5px 0;
	font-size:15px;
	float:left;
}
form#quote label { width:225px; }
.hasJS form#quote label {
	position:absolute;
	left:7px;
}
form input {
	margin-right:17px;
	float:left;
	margin:5px 0;
}
form input.submit {
	width:auto;
	background:url(/images/btn-submit.png) no-repeat 0 0;
	border:none;
	padding:0;
	width:240px;
	height:37px;
	cursor:pointer;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	margin-bottom:0;
}
form input.submit:hover {
	background:url(/images/btn-submit.png) no-repeat 0 bottom;
}
form .error {
	color:#c00;
	font-size:12px;
}
form input.error, form textarea.error, form select.error {
	font-size:15px;
	background-color:#fee;
}
form select.error { color:#000; }
form label.error {
	position:absolute;
	left:415px;
	float:none;
	text-align:right;
	width:auto;
	top:0;
}
form p span.nofloat { float:none; }
div.loading {
	background:transparent url(/images/loading.gif) no-repeat scroll center top;
	height:28px;
	text-align:right;
}
form#main div.loading { background-position:188px 0; }

/* =Table Styles
-------------------------------------------------------------*/
table { 
  	border-spacing: 0;
	border-collapse: collapse;
	}

td {
  	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	}

/* =Miscellaneous Styles
-------------------------------------------------------------*/
/* Faq List */
.hasJS .faq div { padding:5px 15px; border:1px solid #999; background-image:url(/images/table-bg-1.png); }
.faq div p { margin:0 0 10px; }
.faq div.faqcontent { padding:10px 10px 0; border-top:none; margin-bottom:10px; }
.faq h2 { color:#333; line-height:1.35em; text-transform:none; font-size:20px; margin-bottom:0; }
.hasJS .faq h2 { cursor:pointer; }
.faq h2.faqopened, .faq h2.faqclosed { cursor:pointer; padding:3px 0 0 15px; border-bottom: 1px solid #999; margin:0; }
.faq h2.faqclosed:hover { color:#1A75BB; }
.faq h2.faqclosed { background:url(/images/bg-plus.gif) no-repeat left 12px; }
.faq h2.faqopened { color:#1A75BB; background:url(/images/bg-minus.gif) no-repeat left 12px; }
.faq div img { float:right; border:1px solid #999; margin:10px 0 5px 15px; width:100px; }
.faq div div { padding:0; border:none; background:none; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:right; width:90%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

/* =Print Styles
-------------------------------------------------------------*/
@media print { 

}