body {
    text-align:center;
    background:#474849 url(../images/bg_gradient.gif) repeat-x top left;
	margin:70px 0 0 0;
	font:12px Arial;

      } 
a,a:visited,a:active {
   color:#0D5277;
   text-decoration:underline;
   font-weight:bold;
   }
a:hover{
   text-decoration:none;
 }
body.plain{
	font:12px Arial;
	background-color:#fff;
	background-image:none;
	text-align: center;
    margin:0;

}
#sizewrapper {
	width:500px;
		margin: 0 auto 0 auto;
}
#wrapper{
   background:#fff  url(../images/bg-runner2.jpg) no-repeat top left;
}
#blog #wrapper{
   background:#fff url(../images/bg-runner-blog.gif) no-repeat top left;
}
#contact #wrapper{
background:#000 url(../images/bg-contact.jpg) no-repeat top left;
}
#home #wrapper{
/*background:#000 url(../images/bg_home_famous_oct07.jpg) no-repeat top left;
*/
background:#000 url(../images/bg-home-may09.jpg) no-repeat top left;
}
#nuunis #wrapper{
background:#fff url(../images/bg-nuunis.jpg) no-repeat top left;
}
#news #wrapper{
background:#000 url(../images/bg-news.jpg) no-repeat top left;
}
#users #wrapper{
background:#000 url(../images/bg-users2.jpg) no-repeat top left;
}
#about #wrapper{
background:#000 url(../images/bg-about.jpg) no-repeat top left;
}
#shop #wrapper{
background:#000 url(../images/bg-shop.jpg) no-repeat top left;
}
#kexp #wrapper{
background:#000 url(../images/bg-kexp.jpg) no-repeat top left;
}
}
#nb7 #wrapper{
background:#000 url(../images/bg-kexp.jpg) no-repeat top left;
}
#team #wrapper{
background:#000 url(/team/pics/team1.jpg) no-repeat top left;
}
#wastenot #wrapper{
background:#fff url(../images/bg_plainwhite.gif) no-repeat top left;
}
#promo-mm #wrapper{
background:#fff url(../images/bg-mm-jun09-3.jpg) no-repeat top left;
min-height:900px;
}
#promo-mm-plain #wrapper{
background:#fff url(../images/bg-mm-jun09-2-plain.jpg) no-repeat top left;
min-height:900px;
}
#promo-mm #plainpage,#promo-mm-plain #plainpage{
min-height:900px;
}
#trmag #wrapper{
background:#fff url(../images/bg_trmag.jpg) no-repeat top left;
}
#wssc #wrapper{
background:#fff url(../images/bg-wssc2.jpg) no-repeat top left;
}
#tnf #wrapper{
background:#fff url(../images/bg-tnf2.jpg) no-repeat top left;
}
#bluemoon #wrapper{
background:#fff url(../images/bg-tnfbm50.jpg) no-repeat top left;
}
#chuckanut #wrapper{
background:#fff url(../images/bg-chuckanut.jpg) no-repeat top left;
width:900px;
height:500px;
}
#wastenot #plainpage {
background: url(../images/bg_footer_landscape.gif) no-repeat bottom left;
margin-bottom:0px;
padding-bottom:100px;

}
#users-you2 #wrapper, #users-you3 #wrapper,#users-you5 #wrapper{
   background:#2a2a2a url(../images/bg_runner_blk.jpg) no-repeat top left;
}
/* public safety */
#homepublicsafety #wrapper{
background:#000 url(../images/bg-cops2.jpg) no-repeat top left;
}
#newsflash{ font-weight:normal; 
color:#0D5277;
float:left; 
margin:5px 0 0 10px;}
#newsflash a,#newsflash a:visited{
font-weight:normal; 
text-decoration:none;
color:#0D5277;
}
#newsflash a:hover{
font-weight:normal; 
text-decoration:underline;
color:#0D5277;
}
#navtrans {
	position:relative;
	height:25px;
	top:63px;
	

}
#navtrans2 {
	position:relative;
	height:36px;
	top:73px;
   
}
#nav,#subnav{
    position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color: #fff;
	clear:both;
	}
#nav ul{
    list-style:none;
	margin:0;
	padding:0;
}
#subnav ul{
    list-style:none;
	margin:0 0 0 10px;
	padding:0;
}
#nav ul li{
    float:left;
	padding-right:10px;
	padding-left:15px;
	padding-top:3px;
	padding-bottom:0;
	background:url(../images/whitepipe.gif) no-repeat right bottom;
}
#subnav ul li{
    float:left;
	padding-right:8px;
	padding-left:8px;
	padding-top:3px;
}
#nav ul li a{
   text-decoration:none;
   color:#fff;
}
#nav ul li a.inactive{
   text-decoration:none;
   color:#fff;
}
#nuunis #navnuunis,#users #navusers,#news #navnews,#about #navabout,#contact #navcontact,#shop #navshop,#news-you #navnews,#news-nuunletter #navnews,#nuunis-whatisnuun #navnuunis,#nuunis-science #navnuunis,#nuunis-faq #navnuunis,#users-you #navusers, #users-athletes #navusers,#about-whoarewe #navabout, #about-history #navabout,#shop-findnuun #navshop,#shop-products #navshop, #team #navteam,#wastenot #navwaste{
   text-decoration:none;
   color:#0D5277;
}
#talktous #navcontact {
   text-decoration:none;
   color:#0D5277;
}

#subnav ul li  a.subactive{
   text-decoration:none;
   color:#ccc;
}
#subnav ul li  a.subinactive{
   text-decoration:underline;
   color:#0D5277;
}
#subnav ul li a{
   text-decoration:underline;
   color:#0D5277;
   font-size:93%;
}
#subnav ul li a:hover{
   text-decoration:none;
}
#nav ul li a:hover{
   text-decoration:none;
   color:#0D5277;
}


#copyright{
   font-size:75%;
   color:#666666;
   margin:20px 0 0 2px;
   float:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
/* click to read styles */

  #box1{

   position:relative;
   width:270px;
   top:110px;
   left:460px;
   z-index:4;
  }
    #box2{

   position:relative;
   width:270px;
   top:130px;
   left:460px;
   z-index:4;
  }
      #box3{

   position:relative;
   width:270px;
   top:150px;
   left:460px;
   z-index:4;
  }
#boxa{

   position:relative;
   width:810px;
   top:120px;
   left:45px;
   z-index:4;
  }

#boxb{

   position:relative;
   width:810px;
   top:110px;
   left:45px;
   z-index:2;
  }

#boxc{

   position:relative;
   width:575px;
   top:4000px;
   left:150px;
   z-index:4;
  }

#boxnb7{

   position:relative;
   width:810px;
   top:110px;
   left:45px;
   z-index:2;
  }


 #news #box1, #news #box2, #news #box3,#about #box1, #about #box2, #about #box3{
    left:560px;
	}
	#users #box1, #users #box2,#users #box3 {
	left:560px;
	width:280px;
	}
	#team #box1 {
	left:40px;
	top:220px;
	width:400px;
	}
	#team #box2 ul{
	list-style:none;
	
	}
	#team #box2 ul a{
	font-weight:normal;
	
	}
	#team #box3{
	left:30px;
	top:270px;

	width:620px;
	}
	#team #box2 {
left:670px;
	top:-10px;

	width:200px;
	}
	#shop #box1 {
	left:120px;
	top:330px;
	width:300px;
	}
	/* IE hack, hide from all other browsers */
 #box1, #box2, #box3 {margin-left:-600px;}
html>body #box1, #box2, #box3 {margin-left:0px;} 
 *:first-child+html #box1,*:first-child+html  #box2,*:first-child+html  #box3 {margin-left:-600px; /* ie7 */
 }  

/*hide
*html #box1, #box2,#box3 {
    margin-left:-600px;
  }*/
  
  /* with double-nav, need to move up top of clicktoread */
  #products #clicktoread,#about #clicktoread,#owners #clicktoread,#buy #clicktoread,#sponsorship #clicktoread{
   top:190px;
  }
*html #quote{ /* stupid IE */
margin-left:-610px;
}
*html .clicktoread2{ /* stupid IE */
margin-left:-610px;
}
/*.clicktrans {
	position:relative;
    top:0px;
	background:#000;
	padding:10px;
	filter:alpha(opacity=75);
	opacity: 0.75;
   -moz-opacity:0.75;
   border:#fff 1px solid;
}*/
/* new way to transparent */
.clicktrans {
	position:relative;
    top:0px;
	padding:10px;
  color:#fff;
  border:solid 1px #fff;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/bg-transparent-black.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.clicktrans[class] {
  background-image:url(../images/bg-transparent-black.png);
}

*html .clicktrans { /* ie won't do trans w/o a height. weird. */
   height:10px;
   margin-top:-3px;
   background:#000;

   }
 *:first-child+html *html .clicktrans { /* ie7 stupid */
  height:10px;
   margin-top:-3px;
   background:#000;
 }  
.clicktrans a{
  color:#fff;
}
.click{
    position:relative;
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:92%;
	word-spacing:.1em;
	line-height:1.5em;
	letter-spacing:1px;
	color: #fff;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;

	}
.click h2{
   color:#fff;
   margin:0 0 10px 0;
   padding:0;
}
 .click ul {
 /*list-style:none;*/
 margin:0 0 0 10px;
 padding:0;
 }
 .click ul li a, .click ul li a:visited{
    color:#fff;
	text-decoration:underline;
   
 }
  .click ul li a:hover{
    color:#fff;
	text-decoration:none;
 
 }
 /* end click to read styles */
 /* feature styles */
 #plainpage {
	position:relative;
	float:none;
	top:2px;
	padding-top:0px;
	width: 900px;
	text-align:left;
	margin:0;
 /*    height:auto;*/
 /*    height:auto;*/ /* this fixed tables overflowing in FF */
	
 }

#talktous #weirdfloatdiv{
float:left;
background:#fff url(../images/talktous-half.jpg) no-repeat top right;
margin:0;
width:900px;
padding:0;
height:360px;
}
#about-design #weirdfloatdiv{
float:left;
background:#fff url(../images/designpic.jpg) no-repeat bottom right;
margin:0;
width:900px;
padding:0;
height:410px;
}
#plainpage p{
   padding:0;
   margin:.7em 0;
   
   line-height:1.6em;
   }
 #plainpage #left,#imcollection #left {
   width:375px;
   float:left;
   margin-left:50px;
   margin-right:50px;
   text-align:justify;
 
 }
*html #plainpage #left{
   margin-left:30px;
}
 #plainpage #right,#imcollection #right{
  width:375px;
  float:left;
  /*margin-right:50px;*/
   text-align:justify;
   
 }
/* *html #plainpage #right{
   margin-right:10px;
}*/
  #plainpage ul {
 list-style:none;
 margin:0 0 0 50px;
 padding:0;
 }
 #plainpage ul li {
 
  padding-top:10px;
  }
 #plainpage ul li a{
	text-decoration:underline;
    padding-left:0px;
 }
  #plainpage ul li a:hover{
    	text-decoration:none;
 
 }
#halfpageright {
   width:430px;
   float:right;
   height:340px;
   overflow:hidden;
   background:#fff;
   padding:10px 10px 10px 10px;

}
#halfpageright h2{
   margin-left:0;
}


 #f1 {display:none; }
#f2 { display:none; }
#f3 { display:none; }
#f4 { display:none; }
#f5 { display:none; }
#f6 {display:none; }
#f7 {display:none; }
#f8 {display:none; }
#f9 {display:none; }
#f10 {display:none; }
#f0 {display:block; }
 /* end feature styles *//* CSS Document */
/* b2 styles */
/* feature styles */

#plainpage h2,#imcollection h2 {
	color:#0D5277;
	font-size:1.4em;
	/*font-family:"News Gothic","Lucida Sans",Arial,sans;*/
	margin:30px 0 20px 0px;
}

 #users-you2 h2{
 color:#fff;
 }
 #plainpage #leftdealer {
   width:300px;
   float:left;
   margin-left:50px;
   margin-right:50px;
 /*    height:auto;*/
    text-align:justify;
 
 }
*html #plainpage #leftdealer{
   margin-left:30px;
}
#plainpage #rightdealer{
  width:450px;
  float:right;
  margin-right:50px;
 /*    height:auto;*/
	  text-align:justify;
 }
 *html #plainpage #rightdealer{
   margin-right:10px;
}
#plainpage #items{
width:720px;
margin:0;
padding:0;
text-align:center;
}

#plainpage .individual ul,#imcollection .individual ul {
list-style:none;
margin:0;
padding:0;
}
#plainpage .individual ul li,#imcollection .individual ul li {
list-style:none;
background:none;
margin:3px 0;
padding:0;
background:none;
}
#plainpage .individual {
width:330px;
float:left;
height:130px;
margin:10px 0;
text-align:left;
  }
#plainpage .individual .title {
color:#333;
font-weight:bold;
}
#plainpage .individual img {
margin-right:7px;
}

#imcollection .individual {
width:240px;
float:left;
height:130px;
margin:10px;
  }
#imcollection .individual .title {
color:#0D5277;
font-weight:bold;
}
#imcollection .individual img {
margin-right:7px;
}
h2{

color:#0D5277;
font-size:1.2em;
margin:20px 0 10px 0;
}
h4{
  color:#0D5277;
   font-size:1.1em;
   margin:0 0 10px 0;
   padding:0;
   font-weight:normal;
}

h5{
   color:#666;
   font-size:.9em;
   margin:0 0 10px 0;
   padding:0;
}
.smallblue{
   color:#1C92D2;
   font-size:85%;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin:0 0 10px 0;
   padding:0;
}
.smallblue a, .smallblue a:visited{
   color:#1C92D2;
    text-decoration:none;
   
}
.smallblue a:hover{
   color:#1C92D2;
    text-decoration:underline;
   
}
.smallbluefade{
   color:#93CFF0;
 }
 #plainpage p.main{
   margin:10px 50px 10px 50px;
   line-height:1.6em;
 }
 .smallgrey{
   color:#999999;
   font-size:85%;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin:0 0 10px 0;
   padding:0;
 }
 blockquote{
   font-size:93%;
   line-height:1.7em;
 /*  text-align:justify;*/
   padding:10px;
   border:1px solid #fff;
 /*  background-color:#FFC488;*/
 }
#users-athletes blockquote {
   color:#666;
   border-left:double 4px #E2F3FC;
   margin-left:230px;
   margin-right:130px;
   padding:0 0 0 15px;
   text-align:justify;
 }
 #users-athletes blockquote.widepic {
    margin-left:400px;
 }
 a.bigorangelink, a.bigorangelink:visited{

margin:0;
padding:0;
color:#0D5277;
text-decoration:underline;
color:#0D5277;
	font-size:1.4em;
	font-family:"News Gothic","Lucida Sans",Arial,sans;
	font-variant:small-caps;

}
a.bigorangelink:hover{
margin:0;
padding:0;
text-decoration:none;
}
.basicimg{
margin:0 0 20px 0;
padding:0;
}
.clear{
clear:both;
}
.orangefeaturebox{
background-color:#FFE8D9;
border:1px solid #FFDBC4;
padding:15px;
width:600px;
margin:15px 0px 15px 150px;
font-size:93%;
text-align:justify;
}
.orangefeaturebox p{
text-align:justify;
}
.orangefeaturebox h3{
font-size:1.1em;
color:#333333;
padding-bottom:3px;
margin:0;
}
.photoframe {

padding:10px;
border: 1px solid #DADADA;
margin:15px;
float:left;
color:#999999;
}

  
.photoframe p {
   text-align: center;
   }

#footer2 {
   width:900px;
/*   border:1px solid #68696a; */
   background-color:#545556;
   padding:0 0 0 0;
   margin:40px auto;
}
#newsblock{
margin:30px 50px 0 50px;
line-height:1.3em;
/*height:270px;
overflow:auto;*/
}
#newsblock ul{
/*background:url("../images/arrow.jpg") no-repeat scroll left center ;*/

/*list-style: url(../images/arrow.jpg);
list-style-position:inside;
line-height:15px;*/
/*list-style-image:url(../images/arrow.jpg);
*/margin:0;
padding:0px;
}
#newsblock li{
background:url("../images/arrow.jpg") no-repeat scroll left center ;
background-color:#C3E8F2; 
border:1px solid #AACFD9;
padding:0px 0px 5px 0px;
line-height:15px;
margin-top:2px;
}
#newsblock p{
padding:0 0 5px 0;
}
.you {
color:#0D5277;
font-style:italic;
font-size:95%;
}

h3{
margin:0 0 3px 50px;
padding:0;
color:#0D5277;
font-size:100%;
font-weight:bold;
}
#newsblock h3{
margin:0 0 8px 0;
}

#newsblock img{
padding:5px 5px 0 5px;
}
#newsblock .date {
padding-left:10px;
font-size:95%;
}
.searchform {
background-color:#D9EFFB;
border-bottom:1px solid #D9EFFB;
padding:10px;
margin:0 0 10px 0;
}
#newsblock h4{
font-weight:normal;
font-style:italic;
color:#000;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:100%;
}
#news-reviews  ul li a{
font-size:95%;
}
.youimg {
padding:2px;
border:1px double #D9EFFB;
margin:2px 8px 2px 0;
}
.youbox{
border-top:1px solid #D9EFFB;
padding-bottom: 10px;
margin:10px 50px 20px 50px;
clear:both;
}
.map{
font-size:95%;
font-weight:bold;
color:#0BACD8;
padding-left:10px;
}

.map a{
color:#0BACD8;
}
.ingredient{
list-style:circle;
line-height:.5em;
padding:0;
margin:0;
}
.ingredient li{
list-style-type:circle;
padding:0;
margin-top:0;
margin-left:10px;
margin-bottom:0;
line-height:.5em;
}
.footerlink,.footerlink:visited,.footerlink:active{
text-decoration:none;
color:#CCCCCC;
font-weight:normal;
}
.footerlink:hover{
text-decoration:underline;
}
#nuunletter{
padding:0;
margin:0;
}
#nuunletter li{
background:url(../images/email5_trans.gif) no-repeat left 50%;
padding: 0 0 10px 25px; 
margin:0;
}
   #copyright a {
   font-weight:normal;
   color:#666666;
   }
   
   #intl_dealers{
margin:10px 50px 0 50px;
line-height:1.3em;
/*height:270px;
overflow:auto;*/
}
#intl_dealers ul{
list-style:none;
margin:5px 0 0 10px;
padding:0;
}
#intl_dealers ul li{

padding:10px 0 10px 0;
}


#intl_dealers h3{
padding:0 0 0 0;
margin:10px 0 5px 0;
border-bottom:1px solid #D9EFFB;
font-weight:bold;
color:#0BACD8;
font-size:1.2em;

}
   #intl_dealers2{
margin:10px 50px 0 50px;
line-height:1.3em;
/*height:270px;
overflow:auto;*/
}
#intl_dealers2 ul{
list-style:none;
margin:5px 0 0 10px;
padding:0;
}
#intl_dealers2 ul li{

padding:5px 0 5px 0;
}

#intl_dealers2 ul li a,#intl_dealers2 ul li a:visited,#intl_dealers2 ul li a:active{
   font-weight:lighter;

   color:#000;
}
#intl_dealers2 h3{
padding:0 0 0 0;
margin:10px 0 5px 0;
border-bottom:1px solid #D9EFFB;
font-weight:bold;
color:#0D5277;
font-size:1.2em;

}

/* postcard viewer */
#flashcontent {
	   width:900px;
	   height:890px;
	   border:none;
	}
	#flashwrap{

	
	}
	#users-you3 #flashcontent {
	height:1300px;
	}
#users-you5 #flashcontent {
	height:1100px;
	}
	 #users-you #plainpage {
 /*height:auto;*/
 }
.scroll {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #6a6b6c;
margin:0 0 0 20px;
font-weight:normal;
}
.scroll a{
color:#6a6b6c;
text-decoration:underline;
}

#u {
padding:7px 0 0 15px;
}

#u a {
color:#fff;
}
#plainpage .plainleft{
width:370px;
margin-top:50px;
margin-left:50px;
padding-left:0;
float:left;

}
#plainpage .plainleft-nomargin{
width:370px;
margin-top:0px;
margin-left:50px;
padding-left:0;
float:left;

}
#plainpage .plainright-nomargin{
width:370px;
margin-left:50px;
margin-top:0px;
float:left;

}
#plainpage .plainright{
width:370px;
margin-left:50px;
margin-top:50px;
float:left;

}
#plainpage h1{
font-size:20px;
margin:0 0 10px 0;
padding:0;
line-height:1.5em;
}

.bigblue{
color:#0BACD8;
font-size:16px;
line-height:1.5em;
}

.newsbit{
line-height:1.5em;
color:#000;
margin:0;
padding:10px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.newsbit-divide{
text-align:center;
width:250px;
background:url(../images/dotted_175.gif) no-repeat top center;
height:2px;
}
.righty{
float:right;
}
.blue{
color:#0B9DC8;
}
/* right column */
a.newsbit  

{
line-height: 15px;
color:#333333;
text-decoration: none;
background:url(../images/dotted_175.gif) no-repeat top left;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
display: block;
font-weight:normal;
/*border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #6192db;
border-right-color: #6192db;
border-bottom-color: #6192db;
border-left-color: #6192db;*/
}


a.newsbit:hover
{
color:#0B9DC8;


}
#homefeature{
text-align:left;position:relative;top:80px;left:590px;border:none;width:260px;margin-left:0;}
*:first-child+html #homefeature{
margin-left:-590px;
}
#trmag #plainpage,#wssc #plainpage,#tnf #plainpage, #bluemoon #plainpage, #chuckanut #plainpage{

height:430px;
}

/*Ad By Aatish */

.alt{
 background-color:#E7F4FF; 
 border-bottom:1px solid #D4E4ED;
 border-top:1px solid #D4E4ED;
 /*height:80px;*/
 padding:15px 0px 15px 10px;
 }

.white{
  /* height:80px;*/
   padding:15px 0px 15px 10px;
}
.heading_dealers2 h3{
padding:0 0 0 0;
margin:10px 0 5px 0;
border-bottom:2px solid #D3D1D1;
font-weight:bold;
color:#0D5277;
font-size:1.2em;

}

<!--.plainpage_headings {
	color:#0D5277;
	font-size:1.4em;
	font-family:"News Gothic","Lucida Sans",Arial,sans;
	margin:30px 0 20px 0px;-->

}

.heading_city{
padding:5px 0 0 0;
margin:10px 0 5px 0;
/*border-bottom:15px solid #ffffff;*/
font-weight:bold;
color:#0D5277;
font-size:1.2em;
background-color:#C3E8F2;

}

#long_btns{
    width:778px;
	background-color:#C3E8F2; 
	border:1px solid #AACFD9; 
    padding-left:20px; 
 	line-height:20px;
	margin-bottom:2px;
	background-image: url(../images/arrow.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:left;
	/* no-repeat scroll left center ;
*/
}


.submenu{
    width:797px;
/*	height:100px;
*/	border:1px solid #AACFD9;
	margin-bottom:2px;
	}

#submenu{
    width:100%;
/*	height:100px;
*/	border:1px solid #ff0000;
	}


#grey{
    width:798px;
/*	height:100px;
*/	border:1px solid #ff0000;
}