/*
Theme Name: Noble County Disposal
Theme URI: http://www.ncdisposal.com
Description: Wordpress Template for Noble County Disposal Inc. developed by Gradient Graphics.
Version: 1.0
Author: Wes DeKoninck
Author URI: http://www.gradientgraphics.net
Tags: Blue, Silver, Orange, Clean, Web 2.0, Waste, Trash
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
	background: #fff url(style/images/body_bg.png) repeat-x top left scroll;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	margin:0; padding:0;
}

#container {
	width: 960px;
	margin: 0 auto;
}

#header{
	background: url(style/images/header_img.jpg) no-repeat top center scroll;
	height: 150px;
	width:960px;
}

#nav {
	background: #013a7c url(style/images/nav_bg.png) repeat-x top left scroll;
	height: 50px;
	width:960px;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}

#welcome {
	background: #fff url(style/images/welcome_img.jpg) no-repeat top left scroll;
	height: 200px;
	width: 960px;
	margin-bottom: 20px;
}

#nav ul {
	padding-top:13px;
}

#nav li {
	display: inline;
	list-style:none;
}

#nav li a:link, #nav li a:visited {
	color:#fff;
	text-decoration:none;
	padding: 3px 10px;
	margin: 0 5px;
}

#nav li a:hover, #nav li a:active {
	background-color:#ff7f1b;
	color:#fff;
	-moz-border-radius: 5px;
}

p {
	font-size:.9em;
	line-height: 1.7em;
	margin-bottom: 20px;
}



a.button:link, a.button:visited {
	background-color:#f2f2f2;
	border: 1px solid #e0e0e0;
	padding: 5px;
	text-decoration:none;
	color:#6b6b6b;
	font-weight:bold;
	margin-right: 15px;
}

a.button:hover, a.button:active {
	background-color: #ff7f1b;
	color:#fff;
}

a:link, a:visited {
	color: #ff7f1b;
	font-weight:bold;
	text-decoration:none;
}

a:hover, a:active {
	text-decoration:underline;
}

#main_content {
	width: 650px;
	padding: 0 10px;
	float:left;
}

#main_content img {
	padding:7px;
	background-color:#f7f7f7;
	border: 1px solid #ebebeb;
	margin: 10px;
}

ul.testimonials {
	margin: 15px 10px 0px;
}

ul.testimonials li {
	padding: 10px 0px 10px 20px;
	border-bottom: 1px solid #ececec;
	background: #fff url(style/images/quote_bg.png) top left no-repeat scroll;
	color: #6b6b6b;
	font-style:italic;
}

ul.holidays {
	margin-bottom: 25px;
}

ul.holidays li {
	padding: 5px 0px 5px 10px;
	color:#6b6b6b;
	border-left: 4px solid #ececec;
}

ul.services {
	margin-bottom: 25px;
}

ul.services li {
	padding: 10px 0px 10px 10px;
	color:#6b6b6b;
	font-size:.8em;
	border-bottom: 1px solid #ececec;
}

img#service_banner {
	padding:0px;
	border:none;
	margin: 0px 0px 25px 0px;
}

#sidebar {
	width: 270px;
	border-left: 1px solid #d3d3d3;
	float:right;
	padding-left:10px;
	color:#6b6b6b;
	font-size:.9em;
}

#sidebar table {
	width:280px;
	margin-bottom: 30px;
}

#sidebar img {
	margin-bottom: 25px;
}

h3.officehours {
	background: #fff url(style/images/officehours_title.png) no-repeat top left scroll;
	text-indent:-9999px;	
	margin-bottom:15px;
	height:16px;
	width:111px;
}

h3.contactinfo {
	background: #fff url(style/images/contactinfo_title.png) no-repeat top left scroll;
	text-indent:-9999px;
	margin-bottom:15px;
	height:16px;
	width:180px;
}

.staff {
	float:left;
	margin: 0px 50px 50px 0px;
	text-align:center;
	width: 155px;
}

.staff img {
	margin: 0px;
	padding: 5px;
}

.staff em {
	color:#6b6b6b;
}

table.services {
	width: 100%;
	margin-bottom: 10px;
	background-color:#ececec;
}

table.services td {
	padding: 10px;
	font-size:.8em;
	vertical-align:text-top;
	border-right: 2px solid #fff;
	line-height:1em;
}

table.services th {
	background: #6b6b6b;
	color:#fff;
	font-weight:bold;
	border-bottom: 2px solid #fff;
	padding: 3px 10px;
}

.price {
	color:6d6d6d;
	background-color:#e6e6e6;
	font-weight:bold;
	text-align:center;
}

.box {
	background-color: #ececec;
	border: 1px solid #e6e6e6;
}

table.contact {
	width: 100%;
	margin-bottom: 10px;
	background-color:#ececec;
}

table.contact td {
	padding: 10px;
	font-size:.8em;
	vertical-align:text-top;
	border-right: 2px solid #fff;
	line-height:1em;
}

table.contact th {
	background: #6b6b6b;
	color:#fff;
	font-weight:bold;
	border-bottom: 2px solid #fff;
	padding: 3px 10px;
}

#footer {
	margin-top:10px;
	padding:10px 0px;
	border-top: 1px solid #d3d3d3;
}

#footer ul {
	float:left;
}

#footer li {
	display: inline;
	list-style:none;
}

#footer li a:link, #footer li a:visited {
	color:#6b6b6b;
	font-size:.7em;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding: 3px 5px;
	margin: 0 5px;
}

#footer li a:hover, #footer li a:active {
	background-color:#ff7f1b;
	color:#fff;
	-moz-border-radius: 2px;
}

#footer a:link, #footer a:visited {
	color:#6b6b6b;
	font-weight:bold;
	text-decoration:none;
}

#footer a:hover, #footer a:hover {
	text-decoration:underline;
	color: #ff7f1b;
}

#footer p {
	text-align:right;
	font-size: .8em;
	float:right;
	color:#6b6b6b;
}

#footer span {
	color:#00397b;
}

.clearfix {
	clear:both;
}
