/* CSS Document */
/* Author: Sean Gilbert, Pilotage, Inc. */

/* General
--------------------------------------- */

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

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

.small {font-size: smaller;}

.hide {display: none;}

.clear {clear:both;}

b, strong {font-weight; bold; color:#333;}

i, em {font-style: italic;}

* {
margin:0pt;
padding:0pt;
}

a {
color:#135B84;
}

a:hover {
color:#6685CC;
}

p {
margin-bottom:15px;
}

ul, ol {
padding-bottom:15px;
}

ul li {
margin-left:25px;
margin-bottom:5px;
}

ol li {
margin-left:28px;
margin-bottom:5px;
}

img {
border:none;
}

acronym {
color:#EB5947;
}

blockquote {
font-size:16px;
background-image:url(../images/quote.gif);
background-repeat:no-repeat;
background-position:top left;
}

blockquote p {
padding-top:8px;
padding-right:10px;
padding-left:14px;
font-style:italic;
font-family:"Times New Roman", Times, serif;
}

.name {
font-weight:bold;
}

.blue {
color:#012E93;
}

/* h
--------------------------------------- */

h1 {
color:#0F5676;
font-size:22px;
margin-bottom:20px;
}

h2 {
color:#000;
font-size:18px;
margin-bottom:15px;
}

h3 {
color:#0F5676;
font-size:16px;
margin-bottom:10px;
}

h4 {
margin-bottom:10px;
}

h5 {
color:#0F5676;
font-size:14px;
font-weight:normal;
font-family:"Times New Roman", Times, serif;
}

/* Structure
--------------------------------------- */

body {
color: #333;
font-family:"Trebuchet MS", Trebuchet, Arial, sans-serif;
font-size: 14px;
opacity:0.999; /* non IE */
background-color:#D1DFEC;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
}

#bg2 {
width:100%;
background-image:url(../images/bg2.jpg);
background-repeat:repeat-x;
}

#wrapper {
width:900px;
margin:0 auto;
background-image:url(../images/wrapperbg.jpg);
background-repeat:no-repeat;
}

#topContent {
float:left;
width:900px;
background-color:#FFF;
}

#globalheader {
position: relative;
width:900px;
height:130px;
overflow:hidden;
}

#feature {
width:900px;
height:350px;
background-image:url(../images/primaryContent.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

#innerContent {
float:left;
width:900px;
padding-top:30px;
background-color:#FFF;
background-image:url(../images/primaryContentInner.jpg);
background-repeat:no-repeat;
}

#bottomContent {
float:left;
width:900px;
background-color:#FFF;
}

#bottomLeft {
float:left;
width:600px;
}

#bottomRight {
float:left;
width:300px;
}

#news {
padding-top:20px;
margin-top:20px;
border-top:1px solid #C8C8C8;
}

#news h5 {
margin-top:5px;
}

#news p {
margin-top:5px;
}

#footerWrapper {
clear:both;
overflow:hidden;
position:relative;
width:900px;
background-color:#FFF;
border-top:1px solid #C8C8C8;
}

#footer {
clear:both;
width: 840px;
color:#888;
text-align: left;
margin:0 auto;
height: 50px;
font-size:12px;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 30px;
}

/* Content
--------------------------------------- */

#featuredContent p {
color:#193946;
margin-top:15px;
margin-bottom:15px;
line-height:1.5em;
}

#bottomRight p {
margin-top:10px;
}

.leftBox {
padding:0 15px 0 30px;
}

.leftBox p {
margin-top:15px;
line-height:1.5em;
}

.rightBox {
padding:0 30px 0 15px;
}

.rightBox p {
margin-top:15px;
line-height:1.5em;
}

.learn {
color:#796715;
font-weight:bold;
padding-top:15px;
padding-left:30px;
background-image:url(../images/tools.png);
background-repeat:no-repeat;
background-position:bottom left;
}

.feed {
height:40px;
padding-top:5px;
margin-top:10px;
color:#B2C270;
background-image:url(../images/rss.gif);
background-repeat:no-repeat;
background-position:left top;
}

.feed a {
color:#135B84;
padding-left:35px;
}

/* Fieldsets
--------------------------------------- */

fieldset {
border:none;
padding:15px;
}

#bottomRight fieldset {
position:relative;
width:221px;
border:none;
background-color:#D4DEF7;
border:2px solid #4D5C80;
padding:15px;
margin:25px 0;
}

fieldset p {
padding:0;
margin-bottom:5px;
font-weight:bold;
}

legend {
color:#000;
font-size:18px;
font-weight:bold;
}

.aleft {
float:left;
}

.req {
color:red;
font-size:14px;
padding-right:5px;
}

label {
color:#666;
text-align: left;
font-size:14px;
margin-bottom:5px;
display: block;
}

input {
padding:5px;
margin-bottom:15px;
}

textarea {
padding:5px;
margin-bottom:15px;
}

#mb-name {
width:180px;
}

#mb-ukdyh-ukdyh {
width:180px;
}

.submit {
font-size:16px;
padding:2px;
margin-top:5px;
}

#state {
width:40px;
}

#zip {
width:80px;
}

#firstname {
width:200px;
margin-right:5px;
}

#lastname {
width:200px;
margin-right:5px;
}

#address1 {
width:200px;
margin-right:5px;
}

#address2 {
width:200px;
margin-right:5px;
}

#city {
margin-right:5px;
}

#state {
margin-right:5px;
}

#tel {
width:140px;
margin-right:5px;
}

#fax {
width:140px;
margin-right:5px;
}

#cell {
width:140px;
margin-right:5px;
}

#date {
width:140px;
margin-right:5px;
}

#jobnumber {
width:140px;
margin-right:5px;
}

#jobname {
width:140px;
margin-right:5px;
}

#count {
width:140px;
margin-right:5px;
}

#listinfo {
width:140px;
margin-right:5px;
}

#permit-number {
width:60px;
margin-right:5px;
margin-left:5px;
}

#bulk, #presorted, #first, #non-profit, #unsure, #curley-30, #meter-number {
margin-right:10px;
margin-left:5px;
}

#discarded {
margin-right:10px;
margin-left:5px;
}

#pickup {
margin-right:10px;
margin-left:5px;
}

#mailback {
margin-right:10px;
margin-left:5px;
}


/* Feature images
--------------------------------------- */

#mySlides {
	overflow: hidden;
	width: 860px;
	height:266px;
}

#mySlides .slide {
	color: #b5e5f7;
	padding: 25px 0 0 40px;
}

#mySlides .slide h2 {
	color:#0F5676;
	font-size: 2.5em !important;
	font-family:verdana, Arial, helvetica, sans-serif;
	margin: 10px 0 0.5em 0 !important;
	line-height:1.0em;
	width: 350px;
}

#mySlides .slide p {
	width: 350px;
	color:#FFF;
	font-size:16px;
	line-height:1.4em;
}

#mySlides a {
color:#E0C652;
}

/* Navigation
------------------------------

.nav {margin: 0; padding: 0;}
.nav li {display: inline; list-style: none;}

#feature .nav {
	background:#012E93;
	font-size: 34px;
	font-weight:900;
	color: #13a6ea;
	height: 44px;
	position: relative;
	padding-left: 30px;
}

#feature .nav a {
	color: #13A6EA;
	float: left;
	height: 58px;
	line-height: 58px;
	margin-top: -7px;
	margin-right: 3em;
	padding-left: 62px;
	text-decoration:none;
}

#feature .nav .one a { background:url(../images/lists.png) no-repeat left top; background-position:5px 0; }
#feature .nav .two a { background:url(../images/design.png) no-repeat left top; background-position:5px 0; }
#feature .nav .three a { background:url(../images/results.png) no-repeat left top; background-position:5px 0; }

#feature .nav a:hover, #feature .nav a.jFlowSelected {
	color: #FFF;
	text-decoration: none;
}
#feature .nav .hide {display: none;}

--------- */

/* -- */

#feature .nav {
width:900px;
background:#0F5676;
font-size: 15px;
font-weight:900;
color: #FFF;
height: 44px;
padding:0;
margin:0;
position: relative;
text-align:center;
}

#feature .nav li {
display: inline;
list-style: none;
margin-left:-2px;
}

#feature .nav a {
color: #FFF;
text-decoration:none;
text-align:center;
height: 44px;
padding:0 10px;
display:inline-block;
line-height:2.8em;
overflow:hidden;
}

#feature .nav a:hover, #feature .nav a.jFlowSelected {
color:yellow;
}

#feature .nav .hide {
display: none;
}

/* Photo Gallery
--------------------------------------- */

.photo-gallery {
overflow:auto;
height:100%;
}

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

.photo-gallery a img {
border:5px solid #D4DEF7;
}

.photo-gallery a:hover img {
border:5px solid #4D5C80;
}

/* Blog
--------------------------------------- */

.blogdate {
color:#976A00;
}

.blog li {
list-style:none;
margin-left:0;
margin-bottom:15px;
}

/* News
--------------------------------------- */

.newsItem {
color:#976A00;
}