@charset "UTF-8";
/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: Nauset Disposal
Author: Saltline Studio
Website: www.saltlinestudio.com
Description: This is the stylesheet for the Nauset Disposal Site
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

body {margin:0;padding:0;background:url(images/bg.gif) repeat-x top #3b3536;}
img {vertical-align:middle;border:none;}
a {outline:none;}
.clear {clear:both;}
div#body-wrap {width:832px;margin:0 auto;padding:23px 22px;background:#FDFDFD;overflow:hidden;display:block;}

div#header {width:100%;height:149px;margin:0;padding:0;background:url(images/header_bg.gif) repeat-x top;}
   #header img#logo {margin:-23px 0 0 49px;padding:0;position:relative;z-index:5000;float:left;}
   #header img#logotop {}
   #header img#logobottom {margin: -10px 0 0 0; padding: 0;}
   #header #slogan {width:520px;margin:50px 15px 0 0;padding:0;font-family:Geneva;font-size:24px;font-weight:normal;color:#231f20;text-align:right;float:right;}
   #header #slogan a {color:#231f20; text-decoration: none;}
   #header #pay {width:520px;margin:3px 15px 0 0;padding:0;font-family:Geneva;font-size: 13px;font-weight:normal;color:#231f20;text-align:right;float:right;}
   #header #pay a {color:#231f20; text-decoration: underline; font-family:"Lucida Sans Unicode";}
   
div#navigation {width:100%;height:35px;margin:0;padding:0;background:#231f20;}
   #navigation ul {margin:0;padding:8px 0 0 0;list-style-type:none;}
   #navigation ul li {margin:0;padding:0 13px;float:left;}
   #navigation ul li a {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;font-weight:bold;color:#FFF;text-decoration:none;}
   #navigation ul li a.active {color:#f5e525;}
   #navigation ul li a:hover {color: #f5e525;}  

div#subnavigation {width:100%;height:35px;margin:0;padding:0;background:#f4eb7d;}
   #subnavigation ul {margin:0;padding:8px 0 0 0;list-style-type:none;}
   #subnavigation ul li {margin:0;padding:0 20px;border-right:1px solid #000;float:left;}
   #subnavigation ul li a {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:11px;font-weight:bold;color:#000;text-decoration:none;}
   
div#midsarea {width:100%;margin:14px 0 0 0;padding:0;}
   #midsarea img#main {margin:0 14px 0 0;float:left;}
   #midsarea #box1 {width:240px;height:284px;margin:0;padding:0 14px;background:url(images/box1_bg.gif) repeat-x top #faf395;float:left;}
   #midsarea #box1 h1 {font-family: Geneva, sans-serif;font-size:24px;font-weight:normal;color:#000;text-align:left;}
   #midsarea #box1 p {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;font-weight:bold;color:#424242;text-align:left;}
   
div#upper-columns {width:100%;margin:14px 0 0 0;padding:0;}
   #upper-columns ul {margin:0;padding:0;list-style-type:none;}
   #upper-columns ul li {width:268px;margin:0 14px 0 0;padding:0;float:left;}
   #upper-columns ul li h2 {width:255px;height:33px;margin:0;padding:5px 0 0 13px;font-family:Geneva;font-size:24px;font-weight:normal;color:#000;text-align:left;background:#f4e30f;}
   #upper-columns ul li p {padding-left:10px;padding-right:10px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;font-weight:normal;color:#000;text-align:left;display:block;}
   #upper-columns ul li img.button {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 10px;
}
.flashunit {0px;}
   
div#context {width:100%;margin:30px 0 0 0;padding:0;}
   #context #cLeft {
	width:560px;
	margin:0;
	padding:0;
	float:left;
	text-align: left;
}
   #context #cLeft h1 {margin:15px 0 15px 0;padding:0;font-family: Geneva, sans-serif;font-size:24px;font-weight:normal;color:#000;text-align:left;}
   #context #cLeft p {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#424242;
	text-align:left;
	line-height: 165%;
}
   #context #cLeft img.box {border:7px solid #f4eb7d;}
   #context #cLeft ul {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:13px;font-weight:normal;color:#424242;text-align:left; line-height: 165%;list-style-type:square;}
   #context #cLeft p.profile {margin-left: 10px;}
   #context #cLeft img.profile {float:left; margin: 0 10px 0px 5px; display: block;padding:8px;border:solid;border-color: #dddddd #aaaaaa #aaaaaa #dddddd;border-width: 1px 2px 2px 1px;background-color:white;}
   
   #context #cLeft .arrow {width:55px;margin:30px 0 0 0;padding:0;text-align:left;float:left;}
   #context #cLeft p.sub {width:500px;margin:30px 0 0 0;padding:0;float:left;}
   
   #context #cRight {width:258px;margin:0;padding:0;float:right;}
   #context #cRight h2 {width:245px;height:28px;margin:0;padding:10px 0 0 13px;font-family:Geneva, sans-serif;font-size:18px;font-weight:normal;color:#000;text-align:left;background:#f4e30f;}
   .sidebartext   {color: #424242; font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;letter-spacing:0.1em;text-align: left;margin: 2px auto;text-transform: lowercase;line-height: 145%;font-size: 14pt;font-variant: small-caps;}
   #context #cRight li {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;font-weight:bold;color:#424242;text-align:left;}
   #context #cRight ul {list-style: none; margin: 10px; padding: 0;}
        
div#footer {width:100%;height:95px;margin:50px 0 0 0;padding:0;background:#f4e30f;}
   #footer p#copyright {width:60%;margin:10px 0 0 15px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;font-weight:bold;color:#000;text-align:left;float:left;}
   #footer p#designby {width:30%;margin:16px 15px 0 0;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;font-weight:bold;color:#000;text-align:right;float:right;}
  #footer a {color:#000;} 
  
  .formfield {background-color:#FFF; border: solid 1px #000; height: 20px;}
  .formfield2 {
	background-color: #CCC;
	height: 20px;
	text-align: left;
	color: #FFF;
}
  .formfield3 {background-color:#FFF; border: solid 1px #000; height: 10px;}
  
  #schedule a { color:#000; text-decoration:underline;}


/* twitter & facebook */

#fb {
width : 39px;
height : 39px;
background-image : url(http://nausetdisposal.com/images/facebook.gif);
}

#fb:hover {
background-image : url(http://nausetdisposal.com/images/facebook-blue.gif);
}

#twit {
width : 39px;
height : 39px;
background-image : url(http://nausetdisposal.com/images/twitter.gif);
}

#twit:hover {
background-image : url(http://nausetdisposal.com/images/twitter-blue.gif);
} 

/* new footer nav */

div#footnav {width:100%;height:35px;margin:0;padding:0;background:#231f20;}
   #footnav ul {margin:0;padding:8px 0 0 0;list-style-type:none;}
   #footnav ul li {margin:0;padding:0 13px;float:left;}
   #footnav ul li a {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;font-weight:bold;color:#FFF;text-decoration:none;}
   #footnav ul li a.active {color:#f5e525;}
   #footnav ul li a:hover {color: #f5e525;}  
   
/* contact link */

#contact{font-family:Geneva;font-size: 16px;font-weight:bold;color:#231f20;text-align:right;position:relative;float:right;margin-top:-40px;}
#contact a:link{color:#231f20;text-decoration: underline;} 
#contact a:active{color:#231f20;text-decoration: none;} 
#contact a:hover{color:#231f20;text-decoration: none;} 
#contact a:visited{color:#231f20;text-decoration: underline;}
#contact a:visited:hover{color:#231f20;text-decoration: none;}