@charset "utf-8";

/* CSS Document */

/* tab area */
.about #col-mid .tab_row {width:712px;}
.about #col-mid .tab_row a.mtab {background-image:url(../images/about/tab_l.gif);}
.about #col-mid .tab_row a.mtab span {background-image:url(../images/about/tab_r.gif);}
.about #col-mid .tab_row a.active, 
.about #col-mid .tab_row a.hover {background-image:url(../images/about/tab_active_l.gif)}
.about #col-mid .tab_row a.active span,
.about #col-mid .tab_row a.hover span {background-image:url(../images/about/tab_active_r.gif);}

.about #col-mid h1 {color:#0099cc; font-size:30px; line-height:normal;}

/* Landing page */
#about_landing #col-mid {width:739px; padding:0; background:url(../images/about/bg_col_wide.gif) left top no-repeat; position:relative;}
#about_landing #col-mid h1 {margin:16px 0 0 30px; background:url(../images/about/txt_landing.png) left top no-repeat; text-indent:-999em; height:105px;}
#about_landing #col-mid p.phone {position:absolute; top:-25px; right:0px; padding:0; margin:0; color:#31b2e9; text-align:right; font-size:13px;}
#about_landing #col-mid div.before-after {width:241px; height:373px; background:url(../images/about/before-after.png); position:absolute; right:-30px; top:-40px;}
#about_landing #col-mid h2 {color:#3eb7e9; font-size:16px; line-height:18px; font-weight:normal; margin:0; padding:0 0 0 14px;}
#about_landing #col-mid p {color:#666; font-size:14px; line-height:18px; margin:0; padding:0 200px 25px 14px;}
#about_landing #col-mid div.box {float:left; position: relative; width:352px; height:134px; background:url(../images/about/bg_box.png) left top no-repeat; padding:0 14px 17px 0; display:inline; border-bottom:1px dotted #b2b2b2; border-right:1px dotted #b2b2b2;}
	#about_landing #col-mid div.bottom {border-bottom:0px; background-position:0px 8px; padding:8px 14px 9px 0px;}
	#about_landing #col-mid div.right {border-right:0px; background-position:8px 0px; padding:0 8px 17px 8px;}
	#about_landing #col-mid div.bottom-right {border-right:0px; border-bottom:0px; background-position:8px 8px; padding:8px 8px 9px 8px;}
	#about_landing #col-mid div.box h3 {text-indent:-999em; padding:0; margin:12px 0 0 14px; height:24px; background-repeat:no-repeat;  position:relative; z-index:2;}
		#about_landing #col-mid div.mission h3 {background-image:url(../images/about/txt_mission.gif)}
		#about_landing #col-mid div.approach h3 {background-image:url(../images/about/txt_approach.gif)}
		#about_landing #col-mid div.team h3 {background-image:url(../images/about/txt_team.gif)}
		#about_landing #col-mid div.contact h3 {background-image:url(../images/about/txt_contact.gif)}
	#about_landing #col-mid div.box p {color:#666; font-size:12px; line-height:18px; width:195px; padding:0; margin:5px 0 0 14px; position:relative; z-index:2;}
	#about_landing #col-mid div.box a {display:block; width:184px; height:26px; margin:10px 0 0 10px; background:url(../images/about/txt_readmore.png); text-indent:-999em; outline:0px; position:relative; z-index:2;}
	#about_landing #col-mid div.box img {position:absolute; right:7px; bottom:17px;}
		#about_landing #col-mid div.bottom img,
		#about_landing #col-mid div.bottom-right img {bottom:8px;}
		
/* Eat */
#about_blog #col-mid {width:732px; padding:0;}
#about_blog #mtabs #mtab_1 {width:730px; padding:1px; background:url(../images/about/bg_mission.gif) left top no-repeat;}
#about_blog #mtabs #mtab_2 {width:667px; padding:1px 64px 1px 1px; background:url(../images/about/bg_fullblue.gif) left top no-repeat;}
#about_blog div.blogcontent {float:left; width:450px; padding-right:11px}
#about_blog div.blogauthor {float:left; width:269px; padding:78px 0 0;}				
#about_blog #col-mid div.border-btm {height:25px; width:730px; background:url(../images/about/btm-border.gif) center top no-repeat; clear:both;}

#about_blog #col-mid h2 {font-size:20px; line-height:20px; color:#0099cc; font-weight:normal; margin:20px 0 0 16px; padding:0 0 16px; border-bottom:1px dotted #fff;}
#about_blog #col-mid h3 {font-size:18px; line-height:18px; color:#0099cc; font-weight:normal; margin:20px 0 0 16px; padding:0;}
	#about_blog #col-mid h3 a {color:#0099cc; text-decoration:underline;}
#about_blog #col-mid p {font-size:12px; line-height:14px; color:#666; margin:0 0 14px 16px; padding:0;}
	#about_blog #col-mid p.blogdata {padding:18px 0 36px;}
		#about_blog #col-mid p.blogdata a {text-decoration:underline; color:#0099cc;}
		#about_blog #col-mid p.blogdata span {color:#0099cc;}
#about_blog #blogauthorinfo {min-height:90px; background:url(../images/about/bg_blogauthor.gif) repeat; padding:0 0 20px;}
	#about_blog #blogauthorinfo img {float:left; padding:0 10px 0 15px;}
	#about_blog #blogauthorinfo p {color:#fff;  margin:0 10px 14px;}
	#about_blog #blogauthorinfo a {color:#9dcd4b; text-decoration:underline; font-weight:bold;}
#about_blog #col-mid div.blogauthor h3 {color:#666; padding:14px 18px; margin:0 0 12px; border-bottom:1px dotted #fff;}
#about_blog #col-mid div.blogauthor ul {list-style:inside; padding:0 18px; margin:0;}
	#about_blog #col-mid div.blogauthor ul li {list-style:inside; padding:0 0 14px; margin:0;}
	#about_blog #col-mid div.blogauthor ul a {color:#0099cc;}
#about_blog #eat_topics_image {position:absolute; top:-125px; right:-20px; width:331px; height:189px; background:url(../images/about/eat-topics.png)}
#about_blog div.topic {margin:0 0 0 12px; padding:0 12px 12px 0; background:url(../images/about/bg_divider.png) left bottom repeat-x;}

/* Fruits */
#about_content #col-mid {width:503px; padding:0}
#about_content #col-mid #mtabs .mtabcontent {width:503px; padding-top:0;background:none;}
#about_content #col-mid h2 {color:#0099cc; margin-top:40px;}
#about_content #col-mid h3 {color:#0099cc;}
#about_content #col-right {width:250px; padding:0; border:0; background:url(../images/about/strawberries.jpg) left top no-repeat;}