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

body {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
background:url(../images/biffybag_bg.jpg) no-repeat bottom;
background-color:#cbdefc;
}

.clear {
clear:both;
}

#header-wrap {
width:1113px;
margin-left:auto;
margin-right:auto;
height:127px;
}


#container {
width:1113px;
margin-left:auto;
margin-right:auto;
min-height:700px;
background-color:#ffffff;
}

/*-----------------------FONTS-----------------------*/

.green-title {
color:#65b100;
font-size:18px;
}

.med-text {
font-size:14px;
}

.med-green {
color:#65b100;
font-size:14px;
}

.blue-text {
color:#3D75BF;
}

.green-text {
color:#65b100;
}


.sm-text {
font-size:11px;
}

/*-----------------------LINKS-----------------------*/

a:link {
color:#0f4a95;
text-decoration:underline;
}

a:visited {
color:#0f4a95;
text-decoration:underline;
}

a:hover {
color:#666666;
text-decoration:underline;
}

a:active {
color:#0f4a95;
text-decoration:underline;
}

/*-----------------------BODY CONTENT-----------------------*/

#lt-blue-bar {
background-color:#e5f0ff;
font-size:11px;
padding:5px;
text-align:right;
}

.dark-box {
background-color:#333333;
padding:10px;
color:#ffffff;
border:1px solid #666666;
}

/*-----------------------LEFT COLUMN-----------------------*/

#left-col {
width:223px;
margin-top:15px;
margin-left:15px;
float:left;
}

ul#left-who {
	width: 223px;
	float: left;
	list-style: none;
}


ul#left-who li a	{
	display: block;
	width: 223px;
	height: 98px;
	text-indent: -9999px;
	margin-bottom:20px;
}
						
ul#left-who li.water a {
	background:url(../images/who-water.jpg) top no-repeat;
	height:149px;
}

ul#left-who li.hiking a {
	background:url(../images/who-hiking.jpg) top no-repeat;
	height:149px;
}

ul#left-who li.travel a {
	background:url(../images/who-travel.jpg) top no-repeat;
	height:149px;
}

ul#left-who li a:hover {
	background-position:bottom center;
}

.lg-circle-area {
margin-top:15px;
padding-left:280px;
margin-left:15px;
float:left;
width:545px;
min-height:280px;
}

.about-title {
background:url(../images/about-banner-bg.gif) repeat-x top #0f4a95;
text-align:center;
height:91px;
}

#about-box {
float:left;
background-color:#eeeeee;
margin-top:15px;
margin-left:15px;
margin-right:15px;
border:1px solid #666666;
}

.about-text {
padding:15px 25px 15px 25px;
}

.quote {
background:url(../images/quotes.jpg) top left no-repeat;
min-height:80px;
padding-left:55px;
padding-right:75px;
padding-top:10px;
}

/*-----------------------CENTER COLUMN-----------------------*/

#center-col {
width:600px;
margin-top:15px;
margin-left:20px;
float:left;
}

.main-box {
width:260px;
background:url(../images/main-box.jpg) no-repeat;
height:281px;
padding:20px 20px 0px 320px;
}

.bottom-box {
background:url(../images/biffybag-package.jpg) no-repeat right;
padding-right:170px;
min-height:193px;
margin-top:15px;
}

.how-works-bg {
background:url(../images/steps.gif) right no-repeat;
min-height:539px;
padding-right:435px;
margin: 15px 20px 0px 20px;
}

.faq-bg {
margin: 15px 20px 0px 20px;
}

.faq-box {
background:url(../images/faq-box.gif) no-repeat left #eeeeee;
height:135px;
border:1px solid #666666;
padding:10px 10px 10px 200px;
}

.faq-box a:link{
text-decoration:none;
color:#0f4a95;
}

.faq-box a:visited{
text-decoration:none;
color:#0f4a95;
}

.faq-box a:hover{
text-decoration:none;
color:#65b100;
}

.faq-box a:active{
text-decoration:none;
color:#0f4a95;
}

.faq-title {
padding:3px 10px 3px 10px;
background-color:#3D75BF;
font-size:18px;
color:#ffffff;
margin-bottom:8px;
}

.faq-left {
padding-left:10px;
float:left;
width:440px;
border-right:1px solid #cccccc;
}

.faq-right {
float:left;
width:370px;
margin-left:30px;
}

.how-works-box2 {
background:url(../images/biffybag-package.jpg) right bottom no-repeat;
margin-top:15px;
}

.buy-box {
background:url(../images/buy-box2.jpg) no-repeat top;
height:516px;
width:1079px;
margin-top:15px;
margin-left:auto;
margin-right:auto;

}

#partners-left {
width:530px;
margin-top:15px;
margin-left:20px;
float:left;
}

.prod-swap-box {
float:left;
width:370px;
height:352px;
}

.right-products {
float:right;
width:663px;
padding-top:15px;
}

.how-works-green {
background:url(../images/steps-green.gif) no-repeat top;
height:133px;
width:1082px;
margin-top:18px;
margin-left:auto;
margin-right:auto;
}

.sm-prod-pic {
width:84px;
height:84px;
float:left;
margin-right:6px;
}

.prod-info {
float:left;
width:205px;
font-size:11px;
}

.prod-box {
float:left;
width:295px;
margin-top:8px;
height: 90px;
}

.order1 {
background:url(../images/biffybag01.jpg) no-repeat left top;
padding-left:90px;
float:left;
width:205px;
height: 90px;
margin-top:8px;
font-size:11px;
}

.order3 {
background:url(../images/biffybag03.jpg) no-repeat left top;
padding-left:90px;
float:left;
width:205px;
height: 90px;
margin-top:8px;
font-size:11px;
}

.order10 {
background:url(../images/biffybag10.jpg) no-repeat left top;
padding-left:90px;
float:left;
width:205px;
height: 90px;
margin-top:8px;
font-size:11px;
}

.order25 {
background:url(../images/biffybag25.jpg) no-repeat left top;
padding-left:90px;
float:left;
width:205px;
height: 90px;
margin-top:8px;
font-size:11px;
}

.order50 {
background:url(../images/biffybag50.jpg) no-repeat left top;
padding-left:90px;
float:left;
width:205px;
height: 90px;
margin-top:8px;
font-size:11px;
}

.order100 {
background:url(../images/biffybag100.jpg) no-repeat left top;
padding-left:90px;
float:left;
width:205px;
height: 90px;
margin-top:8px;
font-size:11px;
}

.order-wipe {
background:url(../images/product-wipe.jpg) no-repeat left top;
padding-left:90px;
float:left;
width:205px;
height: 90px;
margin-top:8px;
font-size:11px;
}

.order-powder {
background:url(../images/product-powder.jpg) no-repeat left top;
padding-left:90px;
float:left;
width:205px;
height: 90px;
margin-top:8px;
font-size:11px;
}

.bottom-circles {
width:1082px;
margin-top:18px;
margin-left:auto;
margin-right:auto;
}

.who-else-title {
color:#ffffff;
font-size:16px;
font-weight:bold;
padding:2px 10px 2px 10px;
background-color:#65b100;
margin-bottom:10px;
}

.bottom-who-else {
float:left;
text-align:center;
width:122px;
font-size:11px;
}


/*-----------------------RIGHT COLUMN-----------------------*/

#right-col {
width:223px;
margin-top:15px;
margin-right:15px;
float:right;
}

ul#right-who {
	width: 223px;
	float: left;
	list-style: none;
}


ul#right-who li a	{
	display: block;
	width: 223px;
	height: 98px;
	text-indent: -9999px;
	margin-bottom:20px;
}
						
ul#right-who li.fishing a {
	background:url(../images/who-fishing.jpg) top no-repeat;
	height:149px;
}

ul#right-who li.emergency a {
	background:url(../images/who-emergency.jpg) top no-repeat;
	height:149px;
}

ul#right-who li.medical a {
	background:url(../images/who-medical.jpg) top no-repeat;
	height:149px;
}

ul#right-who li a:hover {
	background-position:bottom center;
}

.side-box {
background:url(../images/side-box.jpg) no-repeat top;
width:208px;
height:110px;
float:right;
margin-right:15px;
margin-top:15px;
padding:227px 15px 0 15px;
font-size:11px;
}

.side-box-pic {
background:url(../images/side-box.jpg) no-repeat top;
height:230px;
}

.side-box-txt {
padding:15px 0 15px;
font-size:11px;
border-left:1px solid #999999;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
padding:5px 15px 15px 15px;
}

#why-txt {
width:470px;
margin-top:15px;
margin-left:15px;
float:left;
}

#testimonials {
width:238px;
float:right;
margin-right:15px;
margin-top:15px;
}

/*-------------------------------MENU---------------------*/

#menu-bar {
width:1045px;
margin-left:auto;
margin-right:auto;
}

ul#nav {
	list-style: none;
	height: 40px;
}

ul#nav li {
	display: inline;
}

ul#nav li a	{
	display: block;
	height: 40px;
	float: left;
}
						
ul#nav li.home a {
	width: 117px;
	background:url(../images/top-menu_home.gif) top no-repeat;
}

ul#nav li.biffy-bag a {
	width: 150px;
	background:url(../images/top-menu_biffybag.gif) top no-repeat;
}

ul#nav li.how a {
	width: 199px;
	background:url(../images/top-menu_howworks.gif) top no-repeat;
}	

ul#nav li.who a {
	width: 202px;
	background:url(../images/top-menu_usingit.gif) top no-repeat;
}

ul#nav li.faq a {
	width: 88px;
	background:url(../images/top-menu_faq.gif) top no-repeat;
}	

ul#nav li.about a {
	width: 137px;
	background:url(../images/top-menu_about.gif) top no-repeat;
}			

ul#nav li.partners a {
	width: 152px;
	background:url(../images/top-menu_partners.gif) top no-repeat;
}				
									
ul#nav li a:hover {
	background-position:bottom center;
}

/*-----------------------WHOS USING IT---------------*/

.circle-who-box {
width:535px;
margin-left:15px;
margin-top:10px;
float:left;
}

ul#circle-who {
	width: 122px;
	float: left;
	list-style: none;
}


ul#circle-who li a	{
	display: block;
	width: 122px;
	height: 122px;
	text-indent: -9999px;
}
						
ul#circle-who li.water a {
	background:url(../images/circles-water.jpg) top no-repeat;
	height:122px;
}

ul#circle-who li.hiking a {
	background:url(../images/circles-hiking.jpg) top no-repeat;
	height:122px;
}

ul#circle-who li.travel a {
	background:url(../images/circles-travel.jpg) top no-repeat;
	height:122px;
}
						
ul#circle-who li.fishing a {
	background:url(../images/circles-fishing.jpg) top no-repeat;
	height:122px;
}

ul#circle-who li.emergency a {
	background:url(../images/circles-emergency.jpg) top no-repeat;
	height:122px;
}

ul#circle-who li.medical a {
	background:url(../images/circles-medical.jpg) top no-repeat;
	height:122px;
}

ul#circle-who li.job a {
	background:url(../images/circles-job.jpg) top no-repeat;
	height:122px;
}

ul#circle-who li.military a {
	background:url(../images/circles-military.jpg) top no-repeat;
	height:122px;
}

ul#circle-who li a:hover {
	background-position:bottom center;
}


/*-----------------------FOOTER-----------------------*/

#footer {
background:url(../images/biffybag_foot.jpg) bottom no-repeat;
height:23px;
color:#ffffff;
text-align:center;
padding-top:110px;
padding-bottom:25px;
}

#footer a:link {
color:#ffffff;
text-decoration:none;
}

#footer a:visited {
color:#ffffff;
text-decoration:none;
}

#footer a:hover{
color:#65b100;
text-decoration:none;
}

#footer a:active {
color:#ffffff;
text-decoration:none;
}