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

/*********** reset ***********/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;vertical-align: baseline;}:focus {outline: 0;}body {line-height: 1;color: black;background: white;}ol, ul {list-style: none;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}
/*********** 960 Grid ***********/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}

/*********** float and clear ***********/
.float-left {float:left;}.float-right {float:right;}.clear {clear:both}.clear-right {clear:right}.clear-left {clear:left}

/*********** Clearfix ***********/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

/*********** Typography ***********/

strong {font-weight: bold;}
em {font-style: italic}
.small-text {font-size: .8em;}
.align-right {text-align:right;}
.align-center {text-align:center;}

.highlight {color: red;}

h1, h2, h3, h4, h5, h6 {line-height:1em; margin-bottom:.5em;color: #142943; font-weight:bold; }
h1 {font-size: 2.2em; text-transform: none;}
h2 {font-size: 1.9em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.33em; text-transform: uppercase; }
h5 {font-size: 1.167em; text-transform: none;}
h6 {font-size: 1em; }

p, ul, ol, blockquote, table, fieldset, .stacked {margin-bottom: 1.5em;}

.unstacked {margin-bottom: 0;}

ul, ol {padding-left: 25px;}

ul {list-style: disc;}
ol {list-style: decimal;}
	li {padding-bottom: 10px;}

dl.treatment dd {margin-left: 190px;margin-bottom: 30px;min-height:50px;height:auto !important;height:50px;}
dl.treatment dt {clear:left;float:left;width: 178px;}

hr {
	border: none;
	border-top: 1px solid #142943;
	margin: 1em 0;
}

blockquote {margin:1em; }
cite {font-size:.75em;}
address {margin: 1.5em;}

/*********** body/content ***********/

body {text-align:left;background: url(/assets/images/bg/body.jpg) no-repeat #bddaff;font-size: 62.5%;}
	body#tinymce {background: white;}
	
#nav-wrapper {background: url(/assets/images/bg/nav.png) repeat-x; height:42px;}

#wrapper {color: black;font: 1.2em/1.7em "Lucida Grande";width:960px;margin: 0 auto;}

#header {}
	#branding {text-indent: -9000px; background:url(/assets/images/waste-connections-colorado-logo.png) no-repeat; height:143px; width:426px; border:none; margin: 0 auto;}
	#feature {background: url(/assets/images/feature.jpg) no-repeat; width:926px; height:275px; margin-top: 23px;}
		#feature p {font-size: 1.2em; color: #fff; font-weight: bold; padding-top:215px; width: 700px; margin: 0 auto; text-align:center; line-height: 1.2em;}
#content{margin-bottom: 34px;}
	#primary {width:600px;float: left; }
	#secondary {float: right; width:300px;}
#footer-wrapper {height: 94px; background:url(/assets/images/bg/footer.jpg) repeat-x;}
#footer {width: 960px; margin: 0 auto;}
	#footer p {color: #142943; font-size: 1.4em; padding-top: 40px;}
	#footer p.location {float: right;}

/********** Btn Container **********/
.column, .column2 {float: left; width:287px; margin-right:34px;}
	.column.last, .column2.last {margin: 0;}
	.column a {margin-bottom: 10px;}

.column2 {margin-left: 161px; margin-right:34px;}

.address, .hours {width: 240px; float: left; color: #142943;}
.address {margin-right: 30px; }
/********** Links **********/

a:link {color: red;}
a:visited {color: #000;}
a:hover {text-decoration: none;}
a:active {color: #000;}

.btn {display:block; background:url(/assets/images/bg/btn.jpg) no-repeat 0 0; width:261px; height:28px; padding: 12px 15px;}
.btn:hover {background-position: 0 -52px;}
	a.btn  {text-decoration: none; color: #fff; text-transform: uppercase; font-size: 1.2em;}

/********** Navigation **********/

#navigation,
	#navigation ul,
	#navigation ul ul {list-style: none; margin:0; padding:0;}

	#navigation {clear:both; width:960px; margin: 0 auto; height:36px; padding: 3px 0 0 300px;}    
	#navigation li {float: left;position: relative;}    
	#navigation a { /* define color below! */
		display: block;
		text-decoration: none;
		line-height:36px;
		color:#fff;
		font-size: 1.1em;
		padding: 0 20px;
		text-transform: uppercase;
    }
	#navigation ul {background-color: #1E684F;}
	
	#navigation a:hover, /*parent hover state*/
	#navigation li:hover a,	/*keep the parent item in the hover state while over children*/
	#navigation li:hover ul a:hover, /*redo the parent state, cleared below*/
	#navigation li.selected a { 
		background: #1e684f;
	}
	
	#navigation li.last a {border-right: none;}	
	
	#navigation .selected {background: #1e684f;}
	
	#navigation ul {display:none; position:absolute; left:auto; top:auto; width:20em; z-index: 2000;}
	#navigation ul li {float: none;}	
	#navigation ul li a {font-size:1em; line-height:2em;}
	
	#navigation li:hover ul a {color: #fff; } /* prevent the parent over state from inheriting */
	#navigation li:hover ul a:hover {color: #4ca184; }
	
	#navigation li:hover ul {display:block;}
	

/************* Page Elements ****************/

img.treatment {padding: 3px; border: solid 1px black;}
div.treatment {}
ul.treatment {}
ul.clean {list-style:none; margin:0; padding:0;}

img.float-right {margin-left: 1em;}
img.float-left {margin-right: 1em;}

table.treatment {border-top: solid 1px gray; border-left: solid 1px gray; width: 100%;}
table.treatment td, table.treatment th {border-bottom: solid 1px gray; border-right: solid 1px gray; padding:6px;}
table.treatment th {color: red; background-color:white; text-align: center;}

.fade {list-style: none; margin: 0; padding:0;}

#captchaimg {border: solid 1px black;}

/************* CMS ****************/

.warning {font-size:0.8em;line-height: 25px;border: 1px solid #FF9900;font-weight: bold;padding-left: 26px;background: url(/assets/images/cms/yellow-warning.png) no-repeat 5px center #FEEDED;min-height: 25px;margin: .5em 0;}
input.error, textarea.error {border: 1px solid #FF0000;}
label.error, div.error, span.error {font-size:0.8em;line-height: 25px;color: #FF0000;border: 1px solid #FF0000;font-weight: bold;padding-left: 26px;background: url(/assets/images/cms/yellow-warning.png) no-repeat 5px center #FEEDED;min-height: 25px;margin: .5em 0; display:block;}
.success {font-size: 1.2em;line-height: 50px;color: #009900;border: 1px solid #33CC33;font-weight: bold;background: url(/assets/images/cms/checkmark.png) no-repeat 5px center #F0FFF0;padding-left: 50px;min-height: 50px;margin-bottom:2em;}
.loading {background: url(/assets/images/cms/loading.png) no-repeat right center;padding-right: 20px;}
.breadcrumb {border: solid 1px #ccc; background-color:#efefef; padding:0 10px;}

/************* Forms ****************/

form table td {padding:.5em; vertical-align: middle;}
form table tr td:first-child {text-align: right;}
input, textarea {color: #555; padding:.5em; background-color: #fff; border: solid 1px gray;}
input[type="submit"] {cursor:pointer}
input:focus, textarea:focus, input[type="submit"]:hover {border: solid 1px red;}
input.required {color: #000; font-style: normal;}
select.required {color: #000; font-style: normal;}

label span {color: red;}
label {font-weight: bold;}
fieldset {border: 1px solid #ddd;background-color: #FFF;padding: 10px;}
legend {border: 1px solid #ddd;padding: 5px;background-color: #FFF;margin-left: 10px;font-size: 1.4em;font-weight: bold;}


.pagination {border-top: solid 1px #eee;border-bottom: solid 1px #eee; padding:.5em; margin: 1em 0;}
.pagination .pages{display:block; text-align:center; width:100%;}
.inactive {color: #aaa;}

/************* Rounded Corners ****************/

input, textarea, .error, .success, img.treatment, fieldset, legend, .breadcrumb, #captchaimg {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

/**************** Events Calendar *******************/

#calendar-utilities {padding: 12px; text-align:center;}
	.current-month {color: red; font-weight:bold; font-size:1.5em}

.calendar, .days {width: 100%;}
.calendar {border: solid 1px #bac49f;border-right: none; border-bottom: none;}
.calendar th {background: #d9e3be;width:14.25%;text-align:center;border: solid 1px #bac49f; border-top:none; border-left:none;}
.calendar ul {list-style: none; padding:0; margin: 0;}
.calendar ul li {line-height: 1.1em; margin-bottom:.5em; font-size:.85em;}

.day-number {color:#bac49f}

.month a {color: #333d18; font-weight:bold; text-decoration:none;}

.calendar table {border-right: none; border-bottom: none; margin:0}
.calendar table td {background:white; width:14.25%; padding:4px;border: solid 1px #bac49f; border-left: none; border-top: none; vertical-align:top; height:70px;}
	table.mini table td {height: auto;}
.calendar table td.today {background: #f2f0ec;color:black;}
.calendar table td.off-month {background: #f3fdd8;}
/** list view **/
.location {color: #6d645b;font-size: .70em; line-height:1.2em; font-weight:normal;}
.event-dates {text-align:right; display:block; font-style:italic; margin-bottom:1.5em}

