@charset "UTF-8";
/* CSS Document */


/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,table,tr,td,th,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: "museo-slab-1","museo-slab-2", Arial, Helvetica, sans-serif;}  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & IE to treat padding the same */
html { margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: solid; height: 1px; overflow: hidden; }
input { padding: 3px 0px 0px 0px; height: 22px; line-height: 18px; color: #333333; }
input.button { height: auto; line-height: 20px; padding: 0px; }
textarea, select, select * { color: #333333; }

a img { border: none; }

/*ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }*/
/*li { list-style-type: square; margin-bottom: 4px; }*/

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 {
	font-family: "museo-slab-1", "museo-slab-2", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/*h1 { margin: 0px 0px 5px 0px; font-weight: normal; font-family: "Times New Roman", Times, serif; font-size: 13px; line-height: 17px; color: #7e7e7e;}
h2 { margin: 0px 0px 5px 0px; font-weight: normal; font-family: "Times New Roman", Times, serif; font-size: 13px; line-height: 17px; color: #7e7e7e;}
h3 { margin: 0px 0px 5px 0px; font-weight: normal; font-family: "Times New Roman", Times, serif; font-size: 13px; line-height: 17px; color: #7e7e7e;}
p, table, td, div, li  { color: #717074; font-size: 9px; line-height: 17px; }
p  { margin: 0px 0px 12px 0px; }*/
a { text-decoration: none; }
sup { line-height: 10px; }

img a {border:none;}	


/*fixes transparency in ie 6*/
/* * { behavior: url('images/iepngfix.htc') } */
/* Be sure and place the iepngfix.htc file and the blank.gif file in your images directory*/
/*end ie6 hack*/

.replaced {
	text-indent: -9999px;
	outline: none;
	display: block;
	background-repeat: no-repeat;
}


/***************************************************************************************/
/* SPECIFIC TO LAYOUT */
/***************************************************************************************/


	* {
		margin: 0;
		padding: 0;
		outline: none;
	}

	body {
		text-align: left;
		background-color:#ECECEC;
		padding-bottom:0px;
	}
	

	
	/*blue home*/

	
	#bluehome a, #bluehome em, #bluehome h1, #bluehome h2, #bluehome h3, #bluehome .preamble em, #bluehome #network a:hover,#bluehome #promo a, #bluehome #bio a	{
	color: #6fcce8;		
		
		}

	#bluehome #logo #lonnietapialogo a{
	display:block;
	width:320px;
	height:39px;
	background-image:url(../images/lonnietapia-logo.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
		}
	#bluehome #logo #lonnietapialogo a:hover {
	background-position: 0 0px;
		
		}	

	#bluehome #toetag a{
	width:320px;
	height:40px;
	background:url(../images/lonnietapia-logo.gif) no-repeat;
	text-indent:-9999px;
	float:left;
	margin-top:20px;
	background-position: 0 -40px;
	}	
	
	#bluehome #toetag a:hover{
	background-position: 0 -40px;

		}

	/*end blue home*/



	/*blue*/



	
	#blue a, #blue em, #blue h1, #blue h2, #blue h3, #blue .preamble em, #blue #network a:hover,#blue #promo a, #blue #bio a	{
	color: #6fcce8;		
		
		}

	#blue #logo #lonnietapialogo a{
	display:block;
	width:320px;
	height:39px;
	background-image:url(../images/lonnietapia-logo.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
		}
	#blue #logo #lonnietapialogo a:hover {
	background-position: 0 0px;
		
		}	

	#blue #toetag a{
	width:320px;
	height:40px;
	background:url(../images/lonnietapia-logo.gif) no-repeat;
	text-indent:-9999px;
	float:left;
	margin-top:20px;
	background-position: 0 -40px;
	}	
	
	#blue #toetag a:hover{
	background-position: 0 -40px;

		}

.moduleblue{
	border-bottom: 5px solid #6fcce8;
	padding-bottom: 20px;
	margin-bottom: 10px;

	}

.aboutintro {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 10px;
	}

	/*end blue*/


	/*orange*/

	
	#orange a, #orange em, #orange h1, #orange h2, #orange h3, #orange .preamble em, #orange #network a:hover,#orange #promo a, #orange #bio a	{
	color: #FFBF21;		
		
		}

	#orange #logo #lonnietapialogo a{
	display:block;
	width:320px;
	height:39px;
	background-image:url(../images/lonnietapia-logo.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-position: 0 -160px;
	
		}
	#orange #logo #lonnietapialogo a:hover {
	background-position: 0 -160px;
		
		}	

	#orange #toetag a{
	width:320px;
	height:40px;
	background:url(../images/lonnietapia-logo.gif) no-repeat;
	text-indent:-9999px;
	float:left;
	margin-top:20px;
	background-position: 0 -200px;
	}	
	
	#orange #toetag a:hover{
	background-position: 0 -200px;

		}

	/*end orange*/




	/*red*/

	
	#red a, #red em, #red h1, #red h2, #red h3, #red .preamble em, #red #network a:hover, #red #promo a, #red #bio a	{
	color: #D82128;		
		
		}

	#red #logo #lonnietapialogo a{
	display:block;
	width:320px;
	height:39px;
	background-image:url(../images/lonnietapia-logo.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-position: 0 -240px;
	
		}
	#red #logo #lonnietapialogo a:hover {
	background-position: 0 -240px;
		
		}	

	#red #toetag a{
	width:320px;
	height:40px;
	background:url(../images/lonnietapia-logo.gif) no-repeat;
	text-indent:-9999px;
	float:left;
	margin-top:20px;
	background-position: 0 -280px;
	}	
	
	#red #toetag a:hover{
	background-position: 0 -280px;

		}

	/*end red*/




	/*purple*/

	
	#purple a, #purple em, #purple h1, #purple h2, #purple h3, #purple .preamble em, #purple #network a:hover,#purple #promo a, #purple #bio a	{
	color: #ca3d97;		
		
		}

	#purple #logo #lonnietapialogo a{
	display:block;
	width:320px;
	height:39px;
	background-image:url(../images/lonnietapia-logo.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-position: 0 -320px;

		}
	#purple #logo #lonnietapialogo a:hover {
	background-position: 0 -320px;
		
		}	

	#purple #toetag a{
	width:320px;
	height:40px;
	background:url(../images/lonnietapia-logo.gif) no-repeat;
	text-indent:-9999px;
	float:left;
	margin-top:20px;
	background-position: 0 -360px;
	}	
	
	#purple #toetag a:hover{
	background-position: 0 -360px;

		}

#portfoliobutton{
	width:121px;
	height:27px;
	background:url(../images/view-portfolio.gif) no-repeat;
	text-indent:-9999px;
	}	

					
	#viewPhotos {
		line-height: .1em;
		font-size: 1px;
		padding: 0; margin: 0;
	}

			#copyArea #viewPhotos a {
					width: 121px;
					display: block;
					text-indent: -9999px;
					height: 27px;
					padding: 0; margin: 0; line-height: .1em;
					overflow: hidden;
					background: url(../images/view-portfolio.gif) top left no-repeat;
					margin-top: 40px;
				}

			#copyArea #viewPhotos a:hover {
					background-position: 0 -27px;	
				}


ul#imgGallery {
	margin: 0 0 0 0; padding: 0;
	list-style: none;
}

	#imgGallery a {
		display: none;	
	}


				#portoflioButtons {
					width:50px;
					float:left;
					
					}

				#backButton, #forwadButton {
				background-position: 0px 0px;	
				display: block;

				}		
	
				#backButton a {
				width: 23px;
				height: 21px;	
				background-repeat: no-repeat;
				display: block;
				text-indent: -9999px;
				background-image:url(../images/left-arrow.gif);
				}
					
					
				#forwadButton a {
				width: 23px;
				height: 21px;	
				background-repeat: no-repeat;
				display: block;
				text-indent: -9999px;
				background-image:url(../images/right-arrow.gif);
				}
						
					
				#backButton a:hover,  #forwadButton a:hover {
				background-position: 0 -21px;	
				}
			


	/*end blue*/


	/*green*/

	#green a, #green em, #green h1, #green h2, #green h3, #green .preamble em, #green #network a:hover, #green #promo a, #green #bio a	{
	color: #afd035;		
		
		}


	
	#green #logo #lonnietapialogo a{
		display:block;
		width:320px;
		height:39px;
		background-image:url(../images/lonnietapia-logo.gif);
		background-repeat:no-repeat;
		text-indent:-9999px;
		background-position: 0 -80px;

}
	#green #logo #lonnietapialogo a:hover {
		background-position: 0 -80px;
		
		}
	
		#green #toetag a{
	width:320px;
	height:40px;
	background:url(../images/lonnietapia-logo.gif) no-repeat;
	text-indent:-9999px;
	float:left;
	margin-top:20px;
	background-position: 0 -120px;
	}	
	
	#green #toetag a:hover{
	background-position: 0 -120px;

		}

	#addthis {height: 50px;}
	
	
	
	
	/*end green*/






		/*blog*/

	
.entry {
	border-bottom: 5px solid #afd035;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.entry p, .entry li{
	font-family: "museo-slab-1","museo-slab-2", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #979696;		
		}
		
.entry ul{
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 5px;
		}		
		
.entry ul li{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
		}				
		
.boilerplate{
	padding: 10px;
	margin-bottom:10px;
	background-color:#ECECEC;
		}		
.boilerplate p{
	color: #979696;	
	font-size: 12px;
	line-height: 15px;
	}				
.entry p{
	margin-bottom:10px;
	}	
	
	
#green #main{
	
	width: 780px;
	margin-left:90px;
	
	}	

#blogtitle{
	width:780px;
	height: 98px;
	margin: 60px 0px 20px 0px;
	}
#blogtitle h1 a{
	float:left;
	width:385px;
	height:98px;
	background-image:url(../images/world-change-through-design.gif);
	text-indent:-9999px;
	font-style: normal;		


	}	
	#left {
		width: 460px;
		float: left;
		}
		
	#left .title {
	font-size: 35px;
	line-height: 40px;
		}	
		
	#left h2{
	font-size: 18px;
	line-height: 23px;
	margin-bottom: 10px;
	font-style: italic;		
		}	
		
	.postmetadata{
	font-size: 12px;
	line-height: 15px;
	color:#979696;
		}		
		
	small{
	font-size: 12px;
	line-height: 15px;
	color:#979696;
		}	
		
		
	.post {
	margin-bottom: 45px;	
}


	.post img, .post h3{
	margin-top: 20px;
	margin-bottom:20px;
}




#green #right{
	width: 300px;
	float: right;
	margin-left:20px;
	}


	#right h2 {
	font-size: 18px;
	line-height: 23px;
	margin-bottom: 10px;
	font-style: italic;		
						}	

	#right h3  {
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 10px;
	font-style: italic;		
						}	
	

	
	.module{
	border-bottom: 5px solid #afd035;
	padding-bottom: 20px;
	margin-bottom: 10px;

	}
	
	
	.module p, .module h3{
	margin-bottom: 5px;
	color: #979696;	

	}	

.module ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;

	}
	.module li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	  font-size: 12px;
	  line-height: 17px;
	  color: #979696;	
	  }
	
	.categories ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;

		}
		
	   li.categories {

	   }  /* outermost list item */	
	.categories {

		}	
		
		

	 li.cat-item, li.cat-item a{
	  list-style-type: none;
	  font-size: 12px;
	  line-height: 17px;
	  color: #979696;			  
		 
		 }


/*
start flickr badge. Flickr Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/

#flickr_badge_uber_wrapper {width:300px;}
#flickr_badge_wrapper {}
.flickr_badge_image {width:60px; height:60px; display:block; float:left; margin: 0px 20px 20px 0px;}
.flickr_badge_image img {width:60px; height:60px; border: none;}
#flickr_badge_source {}
#flickr_badge_icon {}
#flickr_www {}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {}
#flickr_badge_wrapper {}
#flickr_badge_source {}
#flickr_badge_image4, #flickr_badge_image8{margin-right:0px}
#flickr_badge_image4, #flickr_badge_image5, #flickr_badge_image6, #flickr_badge_image7, #flickr_badge_image8{margin-bottom:0px}
/* finish flickr badge*/

/* start twitter badge*/
	
		#green #twitteravatar {
		width:70px; float:left;


		}	
	
	#green #twitterbadge {
	width:210px;
	margin: 0px;
	float: left;
	background-color: #777;
	overflow:visible;
	padding: 10px;
		}
	#green #twitterbadge p{
	font-family: "museo-slab-1","museo-slab-2", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #B0D035;	
	
	
		}	
		
	#green #twitterbadge h3 a{
	font-family: "museo-slab-1","museo-slab-2", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	
	
		}	
		
	#green #twitterbadge a{
	color: #fff;		
	
		}	
		
.twitterbird{
	margin: 0px 0px -40px 173px;
	top: -40px;
	position: relative;
	}
	  /* end twitter badge*/



h3 #respond{
	font-family: "museo-slab-1","museo-slab-2", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 10px;
	font-style: italic;	
	
	}


#wpcomments{
	float:left;
	margin-bottom:60px;
}
	
	
#wpcomments p{
	float:left;
	font-size: 12px;
	line-height: 15px;
	color: #979696;		
	}


#main .navigation {padding-bottom:10px;}

#sharing {padding: 20px 0 0 0; maring:0px; width: 460px;}
#sharing p{display:block; width: 100px; float:left;}

			/*end blog*/




	/*start navigation*/

#navcontainer {
	width: 460px;
	float: right;
	/*border: 1px dotted #999;*/
	margin: 10px 90px 0px 0px;
	text-align:right;

	}
	
#navcontainer ul li {
	display: inline;
	list-style-type: none;
	padding-left: 25px;
	background-image: url(../images/nav-slashes.gif);
	background-repeat: no-repeat;
	background-position: 10px -0px;
	font-size: 12px;
	line-height: 15px;
	}	

#navcontainer ul li a{
			display: inline;
			list-style-type: none;
			padding-left: 10px;
			color: #979696;	
	}

#navcontainer .navblog {background:none;}

#navcontainer .navblog a:hover {color: #B0D035;}	
#navcontainer .navabout a:hover {color: #70CCE8;}	
#navcontainer .navsignup a:hover {color: #D82128;}	
#navcontainer .navwork a:hover {color: #FFBF21;}	
#navcontainer .navportfolio a:hover {color: #ca3d97;}	


.navright {margin-right:0px;}

#blue #navcontainer .navabout a{color: #70CCE8;}
#green #navcontainer .navblog a{color: #B0D035;}
#red #navcontainer .navsignup a{color: #D82128;}
#orange #navcontainer .navwork a{color: #FFBF21;}
#purple #navcontainer .navportfolio a{color: #ca3d97;}


/*
	
#nav ul{
	border: 1px dotted #444;
	margin: 0px 0px 0px 0px;

}	
#nav li{
			display: inline;
			list-style-type: none;
			padding-right: 20px;

}	

#nav li a {
	font-size: 12px;
	line-height: 14px;
	}

#nav li ul li a{
		display: none;

	}	
*/


	/*end navigation*/







	h3 {
	font-family: "museo-slab-1","museo-slab-2", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 10px;
	font-style: italic;		
						}	

			
	.preamble, #network a{
	font-family: "museo-slab-1","museo-slab-2", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	color: #979696;			
		}




	#container {
		width: 960px;
		position: relative;
		background-image:url(../images/line-940.jpg); background-repeat:repeat-y;
		margin: 0 auto;}
	
	#logo {
		padding-left:90px;
		float:left;
		}


/*start home*/

#homeintro {
	padding-bottom:60px;	
	width: 780px;
	margin: 60px auto 0px auto;

	}
			
	
.preamble{
	font-size: 20px;
	line-height: 27px;
	}	

		#homeintro h1{
		width: 390px;
		margin-bottom: 35px;
		height: 97px;
		background-image:url(../images/web-maven-truth-teller.gif); background-repeat:no-repeat;
		text-indent:-9999px;
		}
		


		
		#gotoblog a{
		margin-top:10px;	
		display:block;
		width:90px;
		height:27px;
		background-image:url(../images/go-to-blog.png);
		background-repeat:no-repeat;
		text-indent:-9999px;
			}
		#gotoblog a:hover{
		background-position: 0 -27px;

		}

#homeboxrow{
	margin: 0px auto 0px auto;
	width: 780px;
	}

#homebox{
	width:300px;
	margin: 0px 20px 0px 0px;
	float:left;}
	
#homeboxlast{
	width:140px;
	margin: 0px 0px 0px 0px;
	float:left;}
	

	
#homebox p, #homeboxlast p{
	font-size: 12px;
	line-height: 14px;
	padding-bottom:10px;
	color:#979696;	

	}	
	
	
#homebox h2{
	font-size: 20px;
	line-height: 25px;
	padding-bottom: 10px;
	font-style: italic;
	}
	

#homebox h3, #homeboxlast {
	font-size: 15px;
	line-height: 18px;
	padding-top: 5px;
	}	


/*end home*/



/*start about*/
#about {
padding-bottom:60px;
margin: 0px auto 0px auto;	
width: 940px;
	}
#about p{
color:#979696	}	

.webmaven {
	width:780px;
	height:88px;
	float:left;
	margin: 60px 0px 60px 80px;
	background-image:url(../images/web-maven-truth-teller.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom: 35px;

	}
	
.hello {
	width:500px;
	height:46px;
	float:left;
	margin: 60px 0px 60px 80px;
	background-image:url(../images/hello.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom: 35px;

	}
	

  #brandlist{
	margin: 60px 0px 60px 320px;
	width:540px;
	height:89px;
	background-image:url(../images/brand-list.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

  #brandlistsocialmedia{
	margin: 60px 0px 60px 320px;
	width:540px;
	height:89px;
	background-image:url(../images/brand-list-socialmedia.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

	
#caption{
	width:780px;
	margin: 10px 0px 10px 90px;
		}
#caption p{
	font-size: 10px;
	line-height: 13px;
	color: #979696;				
	}	
	
.photocaption {
	margin: 10px 0px 10px 0px;
	font-size: 10px;
	line-height: 13px;
	color: #979696;				
	}		
		
#aboutbio{
	width: 460px;
	float: left;
	margin-left:90px;
	}
	
#about h1, #about h2, #about h3{
	font-style: italic;	
	}	
	
#aboutbio h2, #aboutsidebar h2{
	font-size: 20px;
	line-height: 25px;
	padding-bottom: 10px;
	}
	
#aboutbio p, #aboutbio h3, #aboutsidebar h3, {
	font-size: 13px;
	line-height: 17px;
	padding-bottom: 15px;
	}	

#aboutbio ul,#aboutbio ul li{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 10px;
	color:#979696;
	font-size: 13px;
	line-height: 15px;
	padding-bottom: 10px;
	}
	
		
#aboutsidebar{
	width: 300px;
	float: left;
	margin-left:20px;
	}
	
	

#aboutsidebar ul
{padding:0px; margin:0px; list-style:none;}	

#aboutsidebar li, p{
	font-size: 13px;
	line-height: 16px;
	padding-bottom:10px;
	color:#979696;

	}	

/*end about*/


/*start portfolio*/
#portfolio {
padding-bottom:60px;
margin: 0px auto 0px auto;	
width: 940px;
	}
#portfolio p{
color:#979696	}	


.branding {
	width:780px;
	height:105px;
	float:left;
	margin: 60px 0px 0px 80px;
	background-image:url(../images/branding-design-strategy.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom: 20px;

	}
	
		
#portfolio{
	width: 460px;
	float: left;
	margin-left:90px;
	}

#portfoliobio{
	width: 460px;
	float: left;
	margin-left:90px;
	}
	
#portfolio h1, #portfolio h2, #portfolio h3{
	font-style: italic;	
	}	
	
#portfolio h2{
	font-size: 20px;
	line-height: 25px;
	padding-bottom: 10px;
	}
	
#portfolio p, #portfolio h3, #portfoliosidebar h3{
	font-size: 15px;
	line-height: 18px;
	padding-bottom: 10px;
	}	
	
		
#portfoliosidebar{
	width: 300px;
	float: left;
	margin-left:20px;
	}
	
	

#portfoliosidebar ul
{padding:0px; margin:0px; list-style:none;}	

#portfoliosidebar li, p{
	font-size: 13px;
	line-height: 16px;
	padding-bottom:10px;
	}	

/*end portfolio*/



/*start signup */


#signup {
padding-bottom:60px;	
width: 780px;
padding-left:90px;
	}
	
	
#signup p{
color:#979696	
}	


	.feedonchange{
	width:780px;
	height:98px;
	float:left;
	margin: 60px 0px 60px 0px;
	background-image:url(../images/feed-on-change.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
		}

	#signupcontent {
	width: 780px;
		}
	
	
#signupcontent h2{
	font-size: 20px;
	line-height: 25px;
	padding-bottom: 10px;
	font-style: italic;
	}
	
#signupcontent p, #signupcontent h3{
	font-size: 15px;
	line-height: 18px;
	padding-bottom: 10px;
	}	

/*end signup*/







/*start products and services */


#products {
padding-bottom:60px;	
width: 780px;
padding-left:90px;
	}
	
	
#products p{
color:#979696	
}	


	.productsheader{
	width:780px;
	height:88px;
	float:left;
	margin: 60px 0px 60px 0px;
	background-image:url(../images/products-and-services.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
		}

	#productsintro {
	width: 780px;
		}
		
#productsintro p{
	font-size: 15px;
	line-height: 18px;
	padding-bottom:10px
	}	
	
	
#productsintro h2{
	font-size: 20px;
	line-height: 25px;
	padding-bottom: 10px;
	font-style: italic;
	}
	

#productsintro h3{
	font-size: 15px;
	line-height: 18px;
	padding-top: 5px;
	}	


#productlisting{
	width: 780px;
	margin: 30px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	background-repeat:no-repeat;
	background-image: url(../images/orange-bar.gif);
	background-position: top;
	}

#productphotoarea {
	width: 220px;
	float:left;}
	
#productdescriptionarea{
	width: 540px;
	margin: 0px 0px 0px 0px;
	float:right;}
	
	
	
		#buyonline a{
		margin-top:10px;	
		display:block;
		width:98px;
		height:27px;
		background-image:url(../images/buy-online.gif);
		background-repeat:no-repeat;
		text-indent:-9999px;
			}
		#buyonline a:hover{
		background-position: 0 -27px;

		}	

/*end products and services */


		
/*start footer*/
		
		#footer1 {
		margin: 0px auto 0px auto;
		width: 940px;
		background-color:#444;
		background-image:url(../images/carrot-fff.png); background-repeat:no-repeat; background-position: 80px 0px;
		padding-bottom: 20px;
			
			}
			
		#footer2{
		margin: 10px auto 0px auto;
		padding-bottom:0px;
		width: 940px;
		background-color:#979797;
		background-image:url(../images/carrot-fff.png); background-repeat:no-repeat; background-position: 80px 0px;}
			
		#network{
		width:300px;
		float:left;
		margin:20px 0px 0px 90px;
			}
		
		
		
	#network a{
	font-family: "museo-slab-1","museo-slab-2", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #979696;			
		}


	#promo p, #bio p{
	font-family: "museo-slab-1","museo-slab-2", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #fff;		
		}
	#promo a, #bio a{
	font-family: "museo-slab-1","museo-slab-2", Arial, Helvetica, sans-serif;
	
		}
	
	
		
		#network ul{
		margin: 0px;
		list-style: none;

			}
		#network ul li a{
		display: block;
		height: 17px;
		width: 120px;
		float: left;
		/*border: 1px dotted #009;*/
		padding: 0px 0px 0px 25px;
		margin: 0px 0px 10px 0px;
		
			}	
			
		#twitter{background:url(../images/favicon-twitter.png) no-repeat;}	
		#facebook{background:url(../images/favicon-facebook.gif) no-repeat;}	
		#flickr{background:url(../images/favicon-flickr.gif) no-repeat;}	
		#linkedin{background:url(../images/favicon-linkedin.gif) no-repeat;}	
		#delicious{background:url(../images/favicon-delicious.gif) no-repeat;}	
		#daytum{background:url(../images/favicon-daytum.gif) no-repeat;}	
		#vimeo{background:url(../images/favicon-vimeo.gif) no-repeat;}	
		#youtube{background:url(../images/favicon-youtube.gif) no-repeat;}	
		#lastfm{background:url(../images/favicon-lastfm.gif) no-repeat;}	
		#edenbee{background:url(../images/favicon-edenbee.gif) no-repeat;}	
		#foursquare{background:url(../images/favicon-foursquare.gif) no-repeat;}	
		#tumblr{background:url(../images/favicon-tumblr.gif) no-repeat;}	
		#wordpress{background:url(../images/favicon-wordpress.png) no-repeat;}	
		#dailybooth{background:url(../images/favicon-dailybooth.png) no-repeat;}	
		#googlebuzz{background:url(../images/favicon-googlebuzz.png) no-repeat;}	
		#gowalla{background:url(../images/favicon-gowalla.png) no-repeat;}	
		#goodreads{background:url(../images/favicon-goodreads.png) no-repeat;}	
		#rdio{background:url(../images/favicon-rdio.png) no-repeat;}	
		#foodspotting{background:url(../images/favicon-foodspotting.png) no-repeat;}	
		#scvngr{background:url(../images/favicon-scvngr.png) no-repeat;}	
		#plancast{background:url(../images/favicon-plancast.png) no-repeat;}	

		#promo{
		width:460px;
		float:right;
		margin:20px 80px 0px 0px;
			}

		.footerimages {
		margin-right: 10px;	
		margin-bottom: 5px;
			
			}
	.footerimages a:hover{
		  filter:alpha(opacity=60); /* CSS3 standard */
  		  opacity:0.6;
			
			}

			
		#bio{
		width:780px;
		margin-left:90px;
		padding-top:20px;

		}
		
		.p1, .p2, .p3, .p4{
		margin-bottom:10px;	
			}
			
	#network h3
	{font-size: 15px;
	line-height: 18px;
	font-style:italic;
	padding-bottom:10px;
		}
		
		#promo h3
	{font-size: 15px;
	line-height: 18px;
	font-style:italic;
	padding-bottom:10px;
		}	
		
				#bio h3
	{font-size: 15px;
	line-height: 18px;
	font-style:italic;
	padding-bottom:10px;
		}	
		
		
		#copyright{
		float:right;
		margin-top:25px; margin-bottom:0px;
		}
		
		#promo .p1 a:hover {
	color: #979696;			
		}	
	#bio .p1 a:hover{
	color: #444;		
	}
		


/*end footer*/


/*start form*/


span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:0px;} 

/*end form*/

/*start WuFu form*/

#form1 { font-family: "museo-slab-1","museo-slab-2", Arial, Helvetica, sans-serif;}  /* Default font for all items */



/*start WuFu form*/