/*  
Theme Name: Two Parts Sugar
Theme URI: http://www.twopartssugar.com/
Description: The Two Parts Sugar 2.0 theme was designed for Two Parts Sugar bakery.
Version: 2.0
Author: Juan Sanchez
Author URI: http://www.scalenine.com/

	TwoPartsSugar
	 http://www.twopartssugar.com

	This theme was designed and built by Juan Sanchez,
	whose blog you will find at http://www.scalenine.com/blog/

*/

/*------------------------------------------------------------------------------------- LAYOUT */

.wrapper {
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
}

.center {
	width: 800px;
	text-align:center;
	padding:40px 0 0 0;
}

/*------------------------------------------------------------------------------------- HEADER BANNER */

p.header-banner {
	line-height:30px;
	height:30px;
	background:url(images/header-bnner-bg.jpg) center bottom repeat-x;
	text-align:center;
	padding:0 0 2px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-shadow: rgba(255,255,255,.3) 0 1px 0;
}

p.header-banner a {
	font-style:italic;
	text-shadow: rgba(255,255,255,.3) 0 1px 0;
}

/*------------------------------------------------------------------------------------- HEADER/NAVIGATION */

#header {
	height: 60px;
	background-image:url(images/nav-dots.gif);
	background-position: center center;
	width: 950px;
	margin: 0 auto;
	position: absolute;
}

#header ul.main-nav {
		padding: 0 0 0 34px;
}

#header ul.main-nav li {
	float:left;
	text-shadow: rgba(255,255,255,.3) 0 1px 0;
/*	font-weight: bold;*/
}

#header ul.main-nav li.selected a {
  background-image:url(images/nav-selected.gif);
  background-position: center center;
}

#header ul.main-nav li.spacer {
	width: 320px;
	height: 60px;
}

#header ul.main-nav li a {
	display:block;
	line-height:60px;
	font-size: 1.1em;
	color:	#5E4C3A;
	text-decoration:none;
	padding: 0 14px;
}

#header h1.logo {
	position:absolute;
	left: 330px;
	text-indent:-9999px;
}

#header h1.logo a {
	background-image:url(images/tps-logo.gif);
	width:293px;
	height:60px;
	display:block;
}

#sub-nav ul {
	padding: 0 5px;
	width:100%;
}

#sub-nav ul {
	float: right;
}

#sub-nav ul li {
	float: right;
	padding: 52px 0 0 0;
}

#sub-nav ul li.pink-tab a {
  display: block;
  background-image:url(images/sub-nav-tab.gif);
  color: #FFF;
  text-align: center;
  text-decoration: none;
  text-shadow: rgba(0,0,0,.3) 0 -1px 0;
  line-height: 30px;
  width: 156px;
  padding: 4px 0 0px 0;
}

#sub-nav ul li.fb,
#sub-nav ul li.twitter {
  float:left;
}

#sub-nav ul li.fb a,
#sub-nav ul li.twitter a {
  color:#5D6B76;
  display: block;
  text-decoration: none;
  line-height: 24px;
  padding: 10px 10px 0px 20px;
  text-shadow: rgba(255,255,255,.6) 0 1px 0;
}

#sub-nav ul li.fb a {
  background:url(images/sub-nav-fb-bg.gif) 10px 12px no-repeat;
  padding: 10px 10px 0px 30px;
}

#sub-nav ul li.twitter a {
  background:url(images/sub-nav-twitter-bg.gif) left 12px no-repeat;
}

#sub-nav ul li.fb a:hover,
#sub-nav ul li.twitter a:hover {
	text-decoration:underline;
}

#sub-nav ul li.pink-tab:hover {
	padding: 50px 0 0 0;
}

#sub-nav ul li.pink-tab:hover a {
  line-height: 32px;
}

/*------------------------------------------------------------------------------ MAIN */

.wrapper .main {
	background-image:url(images/content-bg.gif);
	background-repeat: repeat-y;
	min-height: 400px;
	clear: both;
	padding: 0 0 0 0;
}

/*----------------------------------------------------------- HOME */

/*--------------------------------------- SLIDESHOW */

.wrapper .main .slideshow {
	width: 940px;
	margin: 0 auto;
	min-height: 100px;
	padding: 5px 0 0 0;
}

.wrapper .main .slideshow .callout {
	background-image:url(images/paper-bg-tan.jpg);
	background-repeat: repeat;
	width: 250px;
	height: 302px;
	padding: 10px;
	float: left;
}

.wrapper .main .slideshow .callout .top {
	background-image:url(images/rule-dotted-tan.gif);
	background-position: center center;
	height: 56px;
}

.wrapper .main .slideshow .callout .top .icon {
	background-image:url(images/icon-green-cupcake-tan.gif);
	height: 56px;
	width: 56px;
	margin: 0 auto;
}

.wrapper .main .slideshow .callout .callout-content {
	background-image:url(images/rule-dotted-tan.gif);
	background-position: center bottom;
	padding: 10px;
	height: 202px;
}

.wrapper .main .slideshow .callout .callout-content h2 {
	padding: 0 0 4px 0;
}

.wrapper .main .slideshow .callout .callout-content h3 {
	font-size: 1.2em;
	line-height: 1.8em;
}

#slider
{
	float: left;
	width: 670px;
	height: 322px;
}

#slider li
{
	width: 670px;
	height: 322px;
	overflow: hidden;
}

#slider li img
{
	border: none;
}

/*--------------------------------------- CALLOUT COLUMN */

.wrapper .main .callout-column {
	width: 260px;
	padding: 20px 20px 20px 30px;
	float: left;
}

.wrapper .main .callout-column-border {
	background-image:url(images/rule-dotted-white.gif);
	background-position: right 20px;
}

.wrapper .main .callout-column h2 {
	color: #CB4E88;
}

.wrapper .main .callout-column ul.new-recipes a {
	font-size: 1.2em;
	text-decoration: none;
	line-height: 24px;
}

.wrapper .main .callout-column ul.new-recipes a:hover {
	text-decoration: underline;
}

.wrapper .main .callout-column ul.blog-posts li {
	padding: 0 0 8px 0;
}

.wrapper .main .callout-column ul.blog-posts li a {
	text-decoration: none;
	color: #CB4E88;
}

.wrapper .main .callout-column ul.blog-posts li a:hover {
	text-decoration: underline;
}

/*--------------------------------------- SOCIAL COLUMN */

.wrapper .main .social-column {
	width: 300px;
	padding: 20px 0 12px 0;
	float: left;
	background: url(images/keep-in-touch-bg.gif) left top no-repeat;
}

.wrapper .main .social-column h2 {
	width: 240px;
	height: 35px;
	background-image: url(images/keep-in-touch-text.gif);
	text-indent: -9999px;
	background-position: top 20px;
}

.wrapper .main .social-column ul {
  padding: 0 20px 0 30px;
  width: 280px;
}

.wrapper .main .social-column ul li {
  float: left;
  font-size: 1.4em;
  font-style: italic;
  text-transform: lowercase;
}

.wrapper .main .social-column ul li a {
  text-decoration: none;
  height: 40px;
  width: 86px;
  line-height: 40px;
  padding: 0 0 4px 44px;
  display: block;
  background-position: left top;
}

.wrapper .main .social-column ul li.twitter a {
  background-image: url(images/icon-twitter-green.gif);
}

.wrapper .main .social-column ul li.facebook a {
  background-image: url(images/icon-facebook-green.gif);
}

.wrapper .main .social-column ul li.myspace a {
  background-image: url(images/icon-myspace-green.gif);
}

.wrapper .main .social-column ul li.yelp a {
  background-image: url(images/icon-yelp-green.gif);
}

.wrapper .main .social-column h3 {
	/*background-image: url(images/won-award-bg.gif);*/
	/*background-image: url(images/homepage-banner-fn.gif);*/
	background-image: url(images/homepage-banner-aa.gif);
	height: 55px;
	line-height: 55px;
	clear: both;
	background-position: center bottom;
	padding: 10px 0 2px 80px;
	text-shadow: rgba(0,0,0,.3) 0 -1px 0;
	font-size: 1.2em;
}

.wrapper .main .social-column h3 a {
	color: #FFF;
}


/*--------------------------------------- HOME BANNER/FLICKR */

#flickr_wrapper {
	padding: 0 0 0 0;
	background-image:url(images/corrugate-top-bg.gif);
	background-repeat:no-repeat;
	background-position: left top;
	clear: both;
	margin:0;
	}
	
#flickr_wrapper .flickr-content {
  padding: 10px 0 0 0;
	background-image:url(images/corrugate-bg.jpg);
	background-repeat:repeat;
	margin: 0;
	}
	
#flickr_wrapper .bottom {
	height: 5px;
	display:block;
	background-image:url(images/corrugate-bottom-bg.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
	clear:both;
	}
	
#flickr_wrapper h3 {
	padding: 0 0 2px 1px;
	text-align:center;
	display:block;
	background-image:url(images/corrugate-header-bg.gif);
	background-position: center bottom;
	background-repeat:no-repeat;
	height: 38px;
	line-height:38px;
	color: #FFF;
	text-shadow: rgba(0,0,0,.3) 0 -1px 0;
	font-size: 1.2em;
	}
	
#flickr_content
	{
		padding: 0 20px 0 40px;
	}
.flickr_badge_image {margin:0 10px 20px 10px; float:left; padding:4px; border: solid 1px #DDD; background-color:#FFF;}
.flickr_badge_image:hover
{
	background-color:#b6d0e7;
	border:solid 1px #999;
}
.flickr_badge_image img {/*border: 1px solid white !important;*/}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_wrapper a:hover,
#flickr_wrapper a:link,
#flickr_wrapper a:active,
#flickr_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#FFFFFF;}
#flickr_content {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

#flickr-carousel
	{
		padding: 0 20px 0 20px;
	}

/*--------------------------------------- LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

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

#content-footer
{
	min-height: 60px;
	background-image:url(images/content-footer-bg.gif);
	background-position: center bottom;
}

#content-footer .empty
{
	height: 60px;
}

/*----------------------------------------------------------- TITLE */

.wrapper .main .title {
	background-repeat: repeat-x;
	background-position: center bottom;
	margin: 5px;
	padding: 10px 10px 12px 10px;
	height: 60px;
	text-shadow: rgba(255,255,255,.6) 0 1px 0;
}

.wrapper .main .green-title {
  background-image:url(images/title-green-bg.gif);
}

.wrapper .main .tan-banded-title {
  background-image:url(images/title-tan-banded-bg.gif);
}

.wrapper .main .title h2 {
  float: left;
  line-height: 60px;
  padding: 0 20px 0 20px;
  background-image:url(images/rule-dotted-green-vert.gif);
  background-position: right top;
}

.wrapper .main .title h3 {
  font-size: 1.1em;
  padding: 10px 20px 10px 20px;
  line-height: 1.5em;
  float: left;
  width: 450px;
}

.wrapper .main .title p {
  float: right;
  width: 200px;
  padding: 2px 10px 0 0;
  background-position: left top;
  height: 60px;
}

.wrapper .main .title p.flickr {
  background-image:url(images/flickr-cakes.gif);
  padding: 10px 10px 0 60px;
  background-position: left 8px;
}

.wrapper .main .title p.flavors {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.4em;
  padding: 4px 10px 0 80px;
  width: 140px;
}

/*----------------------------------------------------------- FLAVORS */

.wrapper .main ul.flavors {
 padding: 40px 0 20px 40px;
}

.wrapper .main ul.flavors li {
  float: left;
  width: 282px;
  padding: 0 20px 40px 0;
  background-image:url(images/rule-solid-grey.gif);
	background-position: center 90px;
}

.wrapper .main ul.flavors li .image {
  width: 98px;
  height: 108px;
  float: left;
  background-position: top left;
  padding: 0 10px 0 0;
}

.wrapper .main ul.flavors li .fpo-flavor {
  background-image:url(images/fpo-flavor-cupcake.gif);
}

.wrapper .main ul.flavors li .rasp-red-velvet {
  background-image:url(images/products/cupcakes/flavors-rasp-red-velvet.gif);
}

.wrapper .main ul.flavors li .chocolate {
  background-image:url(images/products/cupcakes/flavors-chocolate.gif);
}

.wrapper .main ul.flavors li .vanilla {
  background-image:url(images/products/cupcakes/flavors-vanilla.gif);
}

.wrapper .main ul.flavors li .vanilla-throwback {
  background-image:url(images/products/cupcakes/flavors-vanilla-throwback.gif);
}

.wrapper .main ul.flavors li .chocolate-vanilla {
  background-image:url(images/products/cupcakes/flavors-choc-vanilla.gif);
}

.wrapper .main ul.flavors li .chocolate-strawberry {
  background-image:url(images/products/cupcakes/flavors-choc-cover-strawberry.gif);
}

.wrapper .main ul.flavors li .marble {
  background-image:url(images/products/cupcakes/flavors-marble.gif);
}

.wrapper .main ul.flavors li .red-velvet {
  background-image:url(images/products/cupcakes/flavors-red-velvet.gif);
}

.wrapper .main ul.flavors li .carrot {
  background-image:url(images/products/cupcakes/flavors-carrot.gif);
}

.wrapper .main ul.flavors li .pumpkin-spice {
  background-image:url(images/products/cupcakes/flavors-pumpkin.gif);
}

.wrapper .main ul.flavors li .coconut {
  background-image:url(images/products/cupcakes/flavors-coconut.gif);
}

.wrapper .main ul.flavors li .strawberry {
  background-image:url(images/products/cupcakes/flavors-strawberry.gif);
}

.wrapper .main ul.flavors li .lemon {
  background-image:url(images/products/cupcakes/flavors-lemon.gif);
}

.wrapper .main ul.flavors li .choco-peanut-butter {
  background-image:url(images/products/cupcakes/flavors-choco-peanut-butter.gif);
}

.wrapper .main ul.flavors li .churro {
  background-image:url(images/products/cupcakes/flavors-churro.gif);
}

.wrapper .main ul.flavors li .ding-dong {
  background-image:url(images/products/cupcakes/flavors-ding-dong.gif);
}

.wrapper .main ul.flavors li .macadamia {
  background-image:url(images/products/cupcakes/flavors-macadamia.gif);
}

.wrapper .main ul.flavors li .cookies-cream {
  background-image:url(images/products/cupcakes/flavors-cookies-cream.gif);
}


.wrapper .main ul.flavors li h4 {
  color: #CB4E88;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.2em;
  font-weight: normal;
  padding: 0 0 4px 0;
}

.wrapper .main ul.flavors li p {
  line-height: 1.4em;
}

/*----------------------------------------------------------- SIDE FLAVORS */

.wrapper .main .side-flavors {
 width: 316px;
 float: right;
 background-image:url(images/tan-sidebar-bottom-bg.gif);
 background-position: right bottom;
 padding: 0 0 6px 0;
 text-shadow: rgba(255,255,255,1) 0 1px 0;
}

.wrapper .main .side-flavors .side-flavors-content {
 background-image:url(images/title-tan-bg.gif);
 background-repeat: repeat;
 padding: 24px 24px 24px 24px;
}

.wrapper .main .side-flavors .side-flavors-content h3 {
 color: #CB4E88;
 font-size: 1.6em;
}

.wrapper .main .side-flavors .side-flavors-content dl {
 float: left;
 padding: 4px 0 0 0;
}

.wrapper .main .side-flavors .side-flavors-content dl.icing dt {
  background-image:url(images/icing-flavors-text.gif);
  background-position: left top;
  width: 121px;
  height: 33px;
  text-indent: -9999px;
  padding: 0 18px 4px 0;
}

.wrapper .main .side-flavors .side-flavors-content dl.cake dt {
  background-image:url(images/cake-flavors-text.gif);
  background-position: left top;
  width: 129px;
  height: 33px;
  text-indent: -9999px;
}

.wrapper .main .side-flavors .side-flavors-content dl dt {
 padding: 0 0 4px 0;
}

.wrapper .main .side-flavors .side-flavors-content dl dd {
 padding: 0 0 4px 10px;
}

/*----------------------------------------------------------- SIDE FLAVORS */

.wrapper .main .place-order {
  float: left;
  width: 210px;
  padding: 12px 34px 20px 80px;
  background-image:url(images/swirl-tan-medium.gif);
  background-position: right bottom;
}

.wrapper .main .place-order h4 {
  background-image:url(images/cupcake-stand-art.gif);
  background-position: left top;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #CB4E88;
  font-size: 1.4em;
  font-weight: normal;
  padding: 130px 0 2px 0;
  background-position: center top;
}

/*----------------------------------------------------------- GOURMET TREATS */

.wrapper .main .gourmet-treats {
  float: left;
  width: 250px;
  padding: 130px 0 0 40px;
  background-image:url(images/products/treats/rkt-plate-s.jpg);
  background-position: center top;
}

.wrapper .main .gourmet-treats h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #CB4E88;
  font-size: 1.4em;
  font-weight: normal;
}

.wrapper .main .gourmet-treats ul {
  padding: 10px 0 6px 0;
}

.wrapper .main .gourmet-treats ul li {
  padding: 0 0 4px 0;
}

/*----------------------------------------------------------- GALLERY */

.wrapper .main ul.gallery-nav {
 padding: 30px 0 0 50px;
 text-align: right;
 width: 95px;
 font-size: 1.4em;
}

.wrapper .main ul.gallery-nav li {
 padding: 0 10px 0 0;
}

.wrapper .main ul.gallery-nav li a {
 text-decoration: none;
 color: #CB4E88;
 line-height: 40px;
 height: 40px;
 display: block;
 padding: 0 0 0 0;
}

.wrapper .main ul.gallery-nav li.selected {
  background:url(images/gallery-nav-selected.gif) right center no-repeat;
}

.wrapper .main .gallery {
  padding: 0 0 0 5px;
}

.wrapper .main .gallery-bottom {
	background-image: url(images/banner-pink-bottom.gif);
  background-position: right top;
  height: 6px;
  clear: both;
  margin:0;
}

/*----------------------------------------------------------- RIGHT COLUMNS */

.wrapper .main ul.right-columns {
 padding: 10px 0 0 190px
}

.wrapper .main ul.right-columns li {
  float: left;
  width: 220px;
  padding: 10px 30px 20px 0;
}

.wrapper .main ul.right-columns li.crumbs {
  background: url(images/cupcake-crumbs-art.gif) 60px bottom no-repeat;
  padding-bottom: 70px;
}

.wrapper .main ul.right-columns li h4 {
  font-size: 1.8em;
  padding: 0 0 6px 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
}

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

.wrapper .main .menu {
 width: 560px;
 padding: 10px 0 50px 40px;
 float: left;
}

.wrapper .main .menu dl {
}

.wrapper .main .menu dl dt {
 text-align: center;
 padding: 20px;
 color: #CB4E88;
 font-size: 2em;
}

.wrapper .main .menu dl dd {
 padding: 0 0 4px 0;
 font-size: 1.3em;
}

.wrapper .main .menu dl dd.description {
 padding: 2px 0 10px 0;
 font-size: .9em;
 font-family:Arial, Helvetica, sans-serif;
 border-bottom: solid 1px #EEE;
}

.wrapper .main .menu dl dd.top {
 padding-top: 10px;
}

.wrapper .main .menu-side-column {
  width: 300px;
  float: right;
  font-size: 1.2em;
  padding: 40px 20px 6px 0;
  font-weight: normal;
}

.wrapper .main .menu-side-column .order-details {
 background-image: url(images/swirl-tan-medium.gif);
 background-position: center bottom;
 color: #CB4E88;
 padding: 20px 0 30px 0;
}

.wrapper .main .menu-side-column p {
 font-family: Georgia, "Times New Roman", Times, serif;
 padding: 0 0 0 50px;
}

.wrapper .main .menu-side-column .order-details p {
 font-family: Georgia, "Times New Roman", Times, serif;
 padding: 120px 30px 0 50px;
 background-image: url(images/cupcake-box-art.gif);
 background-position: center top;
}

.wrapper .main .menu-side-column .custom-stand {
 background-image: url(images/custom-stand.jpg);
 background-position: center 30px;
 padding: 180px 0 0 0;
}

/*----------------------------------------------------------- GREEN BANNER */

.wrapper .main .green-banner {
 clear: both;
 background-image: url(images/banner-green-bg.gif);
 background-repeat: repeat;
 padding: 10px 0 0 0;
}

.wrapper .main .green-banner ul li {
 float: left;
 width: 220px;
 padding: 10px 40px 10px 40px;
}

.wrapper .main .green-banner ul li p {
 font-family: Georgia, "Times New Roman", Times, serif;
 text-shadow: rgba(255,255,255,.8) 0 1px 0;
}

.wrapper .main .green-banner ul li.tag {
 background-image: url(images/pink-tag-art.gif);
 background-position: left top;
 padding: 2px 40px 0 16px;
 float: right;
}

.wrapper .main .green-banner ul li.tag h4 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 1.6em;
 color: #FFF;
 font-weight: normal;
 padding: 10px 0 20px 0;
 text-shadow: rgba(0,0,0,.3) 0 -1px 0;
}

.wrapper .main .green-banner .bottom {
 clear: both;
 background-image: url(images/green-banner-bottom.gif);
 height: 6px;
}

.wrapper .main .green-banner .left-column {
	 float:left;
	 text-shadow: rgba(255,255,255,.8) 0 1px 0;
	 width:320px;
	 padding: 30px 0 0 40px;
}

.wrapper .main .green-banner .right-column {
	 float:right;
	 width:550px;
	 padding: 20px 0 20px 20px;
}

.wrapper .main .green-banner .right-column object,
.wrapper .main .green-banner .right-column img {
	 border: solid 6px #FFF;
}

.wrapper .main .green-banner h3 {
	 font-size:1.8em;
}

.wrapper .main .green-banner p {
	 font-size:1.1em;
	 font-family: Georgia, "Times New Roman", Times, serif;
}

.wrapper .main .green-banner ul.header-links {
	 padding: 0 0 20px 0;
}

.wrapper .main .green-banner ul.header-links li {
	 padding: 4px 0 14px 0;
	 float:none;
}

.wrapper .main .green-banner ul.header-links li a {
	 padding: 6px;
	 background-color:#E2F7D2;
}

/*----------------------------------------------------------- ORDER FORM */

.wrapper .main .form-wrapper {
  float: left;
  width: 580px;
  padding: 40px 0 0 40px;
}

.wrapper .main .order-form {
  background-position: center top;
  background-repeat: repeat-y;
}

.wrapper .main .order-form .order-form-content {
  background-position: center top;
  padding: 30px;
  min-height: 400px;
  text-shadow: rgba(255,255,255,.6) 0 1px 0;
}

.wrapper .main .order-form .order-form-content h2 {
  text-align: center;
  padding: 0 0 10px 0;
}

.wrapper .main .order-form .order-form-bottom {
  background-position: center bottom;
  height: 30px;
}

.wrapper .main .tan-form .tan-form-content p.form-instructions {
  padding: 10px 20px;
  border-bottom: dotted 2px #F6EEE7;
  border-top: dotted 2px #F6EEE7;
}

.wrapper .main .green-form .green-form-content p.form-instructions {
  padding: 10px 20px;
  border-bottom: dotted 2px #EAF1E3;
  border-top: dotted 2px #EAF1E3;
}

.wrapper .main .order-form form {
  padding: 20px;
}

.wrapper .main .order-form form h3 {
  padding: 12px 0 0 0;
}

.wrapper .main .order-form form .text {
  border: solid 1px #CCC;
  width: 300px;
  font-size: 1.2em;
}

.wrapper .main .order-form form .text-area {
  width: 450px;
  font-size: 1.2em;
  min-height: 100px;
}

/* TAN FORM */

.wrapper .main .tan-form {
  background-image: url(images/form-tan-bg.jpg);
}

.wrapper .main .tan-form .tan-form-content {
  background-image: url(images/form-tan-top.jpg);
}

.wrapper .main .tan-form .tan-form-bottom {
  background-image: url(images/form-tan-bottom.jpg);
}

p.tan-submit input {
  background: url(images/tan-button.jpg) left 0px no-repeat;
  height: 43px;
  line-height:43px;
  font-family:Georgia, "Times New Roman", Times, serif;
  display:block;
  width:112px;
  font-size:1.3em;
  text-align:center;
  color: #5E4C3A;
  cursor:pointer;
}

p.tan-submit input:hover {
  background-position: left -42px;
}

/* GREEN FORM */

.wrapper .main .green-form {
  background-image: url(images/form-green-bg.jpg);
}

.wrapper .main .green-form .green-form-content {
  background-image: url(images/form-green-top.jpg);
}

.wrapper .main .green-form .green-form-bottom {
  background-image: url(images/form-green-bottom.jpg);
}

p.green-submit input {
  background: url(images/green-button.jpg) left 0px no-repeat;
  height: 43px;
  line-height:43px;
  font-family:Georgia, "Times New Roman", Times, serif;
  display:block;
  width:112px;
  font-size:1.3em;
  text-align:center;
  color: #5E4C3A;
  cursor:pointer;
}

p.green-submit input:hover {
  background-position: left -43px;
}

/*----------------------------------------------------------- FORM SIDE COLUMN */

.wrapper .main .form-side-column {
  float: right;
  width: 250px;
  padding: 60px 30px 60px 30px;
}

.wrapper .main .form-side-column h3 {
  color: #CB4E88;
  padding: 20px 0 0 0;
}

.wrapper .main .form-side-column .phone h3,
.wrapper .main .form-side-column .phone p {
  padding: 0 0 0 0;
}

.wrapper .main .form-side-column .phone {
  padding: 0 0 4px 0;
}

.wrapper .main .form-side-column ul.social {
  padding: 0 0 0 0;
  width: 280px;
}

.wrapper .main .form-side-column ul.social li {
  float: left;
  font-size: 1.4em;
  font-style: italic;
  text-transform: lowercase;
}

.wrapper .main .form-side-column ul.social li a {
  text-decoration: none;
  height: 40px;
  width: 86px;
  line-height: 40px;
  padding: 0 0 4px 44px;
  display: block;
  background-position: left top;
}

.wrapper .main .form-side-column ul.social li.twitter a {
  background-image: url(images/icon-twitter-white.gif);
}

.wrapper .main .form-side-column ul.social li.facebook a {
  background-image: url(images/icon-facebook-white.gif);
}

.wrapper .main .form-side-column ul.social li.myspace a {
  background-image: url(images/icon-myspace-white.gif);
}

.wrapper .main .form-side-column ul.social li.yelp a {
  background-image: url(images/icon-yelp-white.gif);
}

/*------------------------------------------------------------------------------------- ABOUT US */

.wrapper p.get-media-kit
{
  padding: 20px 0 0 0;
  clear:both;
}

.wrapper p.get-media-kit a
{
  background: #CB606F url(images/media-kit.gif) 8px center no-repeat;
  border: solid 1px #A14E5A;
  display:block;
  line-height: 54px;
  color:#FFF;
  text-decoration:none;
  font-style:italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:1.2em;
  text-shadow: rgba(0,0,0,.3) 0 -1px 0;
  padding: 0 0 0 60px;
  clear:both;
}

.wrapper p.get-media-kit a:hover
{
  text-decoration:underline;
}

.wrapper .empty-main
{
  padding: 80px 0 30px 0;
}

.wrapper .empty-main .letter-wrapper {
  float: left;
  width: 580px;
  padding: 40px 0 0 40px;
}

.wrapper .empty-main .letter {
  background-image: url(images/form-yellow-bg.jpg);
  background-position: center top;
  background-repeat: repeat-y;
  min-height:550px;
}

.wrapper .empty-main .letter-content {
  background-position: center top;
  padding: 30px;
  min-height: 400px;
  text-shadow: rgba(255,255,255,.6) 0 1px 0;
}

.wrapper .empty-main .letter-wrapper h2 {
  text-align: center;
  padding: 0 0 10px 0;
  border-bottom: dotted 2px #FFF;
}

.wrapper .empty-main .letter-wrapper p {
  padding: 10px 20px;

}

.wrapper .empty-main .letter-wrapper p.first {
  padding-top: 20px;
}

.wrapper .empty-main .letter-wrapper p.signature {
  float: right;
  background-image: url(images/signature.jpg);
  text-indent: -9999px;
  width: 200px;
  height: 100px;
}

.wrapper .empty-main .letter-wrapper .family {
  float: left;
  background-image: url(images/events/family-photo.jpg);
  text-indent: -9999px;
  width: 270px;
  height: 207px;
}

.wrapper .empty-main .letter-wrapper .letter-bottom {
  clear:both;
}

/* COMMUNITY */

.wrapper .empty-main .right-column {
  text-shadow: rgba(255,255,255,.4) 0 1px 0;
  float: right;
  width: 280px;
  padding: 250px 0 0 0;
  background-image: url(images/community-1.jpg);
  background-position: center 20px;
}

.wrapper .empty-main .right-column h4 {
 font-size: 1.4em;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
}

.wrapper .empty-main .right-column p {
 font-family: Georgia, "Times New Roman", Times, serif;
}

/*------------------------------------------------------------------------------------- BUZZ/BLOG */

.wrapper .main .left-column
{
	float: left;
	width: 500px;
	padding:10px 0 0 36px;
}

.wrapper .main .right-column
{
	float: right;
	width: 300px;
	padding:10px 36px 0 0;
}

.wrapper .main .left-column h3.buzz-header,
.wrapper .main .right-column h3.buzz-header
{
	border-bottom: solid 1px #B1C9D6;
	padding: 10px 0 4px 4px;
	color:#B1C9D6;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:lowercase;
}

.wrapper .main .left-column .buzz-quote
{
	padding: 10px 10px 10px 16px;
}

.wrapper .main .left-column .buzz-quote blockquote.buzz-quote-content
{
	font-size: 1.6em;
	color: #CB4E88;
	font-style:italic;
	background-image:none;
	line-height: 1.5em;
	padding:0;
}

.wrapper .main .left-column .buzz-quote p.read-more,
.wrapper .main .left-column .buzz-quote p.read-more a
{
	text-align:right;
	font-size:1.1em;
	text-transform:lowercase;
	text-decoration:none;
	padding: 0;
}

.wrapper .main .left-column .buzz-quote p.read-more a:hover
{
	text-decoration:underline;
}

.wrapper .main .right-column ul.buzz-tweets
{
	width:260px;
	padding: 20px 0 0 20px;
}

.wrapper .main .right-column ul.buzz-tweets li
{
	padding: 0 0 20px 0;
}

.wrapper .main .right-column ul.buzz-tweets li blockquote
{
	background-image:url(images/tweet-bubble-top.gif);
	background-position: center top;
	background-repeat:no-repeat;
	padding:18px 12px 0 18px;
	color:#7B8C95;
	font-style:italic;
	margin:0;
	text-shadow: rgba(255,255,255,.8) 0 1px 0;
	line-height: 22px;
}

.wrapper .main .right-column ul.buzz-tweets li div.tweeter
{
	background-image:url(images/tweet-bubble-bottom.gif);
	background-position: center top;
	background-repeat:no-repeat;
	padding:30px 0 0 40px;
}

.wrapper .main .right-column ul.buzz-tweets li p
{
	padding:0;
}

.wrapper .main .right-column ul.buzz-tweets li p a
{
	text-decoration:none;
}

.wrapper .main .right-column ul.buzz-tweets li p a:hover
{
	text-decoration:underline;
}

.wrapper .main .right-column ul.buzz-tweets li p.name a
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
}

.wrapper .main .right-column ul.buzz-tweets li p.handle a
{
	color:#7B8C95;
	font-size:.9em;
}

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

#footer
{
	color:#5D6B76;
}

#footer a
{
	color:#5D6B76;
}

#footer .footer-column-one
{
	width: 300px;
	float: left;
	padding: 0 10px 20px 10px;
}

#footer .footer-column-two,
#footer .footer-column-three
{
	width: 280px;
	float: left;
	padding: 0 20px;
	text-shadow: rgba(255,255,255,.3) 0 1px 0;
}

#footer .footer-column-three ul li
{
	padding: 0 0 6px 0;
}

#footer .footer-column-one .twitter
{
	background-image:url(images/twitter-top-bg.gif);
	background-position: right top;
	padding: 20px 0 0 0;
}

#footer .footer-column-one .twitter ul
{
	background-image:url(images/twitter-bottom-bg.gif);
	background-position: right bottom;
	padding: 0 10px 20px 100px;
	line-height: 1.6em;
	min-height: 80px;
/*	text-shadow: rgba(255,255,255,.8) 0 1px 0;*/
}

#footer .footer-column-one p
{
	text-align: right;
	font-size: .9em;
	padding: 8px 4px 0 0;
	text-shadow: rgba(255,255,255,.3) 0 1px 0;
}

#footer .footer-links
{
	height: 50px;	
	padding: 14px 0 0 0;
	border-top: solid 1px #9CB4C8;
	clear: both;
}

#footer .footer-links p
{
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
}

#footer .footer-links ul
{
	float:right;
	display:block;
	width: 300px;
}

#footer .footer-links ul li
{
	float:right;
	display:block;
	margin: 0 0 0 10px;
	text-transform:lowercase;
	color:#5D6B76;
}

#footer .footer-links ul li a
{
	text-decoration:none;
	color:#5D6B76;
}

#footer .footer-links ul li a:hover
{
	text-decoration:underline;
}
