/* MEET BENTO */
/*-------------------------*/
#overview p, #overview ul li          { color: #666;}
#feature-area               					{ width: 1000px; height: 440px; border: 1px solid #d5d5d5; border-bottom: 1px solid #999; margin-bottom: 20px; padding: 0; background: url(/global_images/bento4/meet-bento/feature_bento_family.jpg) no-repeat; }
#feature-area													{ -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#feature-area 												{ box-shadow: 0 2px 2px -2px #777; -moz-box-shadow: 0 2px 2px -2px #777; -webkit-box-shadow: 0 2px 2px -2px #777; }
	#feature-area h2            					{ margin: 115px 0 5px 680px; }
	#feature-area h3            					{ margin-left: 680px; color: #777; line-height: 130%; }
	#feature-area p             					{ margin-left: 680px; margin-top: 15px; font-size: 150%; }
	#feature-area p a.more      					{ color: #990000; font-weight: bold; background: url(/global_images/bento4/arrow_red_right_lg.png) no-repeat 100% 8px; padding-right: 10px; }

#overview .ofthree                    { width: 32%; float: left; margin-right: 30px; }
#overview .lastcolumn                 { width: 29%; margin-right: 0; }
#overview .colonnade p                { color: #444; }

#overview .ofthree h3                 { color: #333; font-weight: bold; font-size: 130% !important; margin-bottom: 5px !important; }
#overview .ofthree h3 a               { color: #000 !important; text-decoration: none !important; }
#overview .ofthree h3 a span					{ color: #990000;}
#overview .ofthree p                  { color: #777; white-space: pre-line; line-height: 160%; }
#overview .ofthree p.more             { padding-top: 0 !important; line-height: normal !important; }
#overview .ofthree a                  { color: #0082C3 !important; }
#overview .ofthree a:hover            { color: #06F; text-decoration: underline; }

#bento-mac                            { height: 200px; background: url(/global_images/bento4/meet-bento/graphic_bento_for_mac.png) no-repeat 7px 12px; }
#bento-mac	.left											{ width:150px; float:left; }
#bento-mac	.product-spot							{ float:right; width:150px; height:190px;}

#overview .firstcolumn h3,
#overview .firstcolumn p              { margin-left: 10px !important; z-index: 100; }
#overview .firstcolumn img            { top: 25px; margin-left: 10px !important; z-index: 1; position: absolute; }
#overview .middlecolumn img           { top: 25px !important; margin-left: 200px !important; }
#overview .lastcolumn img             { top: 18px !important; margin-left: 165px !important; }

#overview #callout-bottom             { position: relative; margin: 10px 0; padding-top: 10px; background: url(/global_images/bento4/bg_bottom_callout_top.png) no-repeat 0 0; }
#overview .callout-bottom-wrapper     { height: 180px; padding: 0 20px 20px 20px; background: url(/global_images/bento4/bg_bottom_callout_bottom.png) no-repeat 0 100%; }

#overview #callout-bottom h3          { font-size: 120%; margin: 15px 0; color: #333; line-height: 130%; }
#overview #callout-bottom img         { position: absolute; bottom: 25px; }
#overview #callout-bottom a           { color: #333; text-decoration: none; }

#overview .callout                    { float: left; width: 450px; height: 130px; margin-top: 0 !important; }
	#overview .callout h3               { font-size: 16px; margin-top: 10px; margin-bottom: 15px; margin-left: 120px; font-weight: bold; }
  #overview .callout h3 a             { color: #333; text-decoration: none; }
	#overview .callout p                { color: #777; font-size: 12px; margin-bottom: 20px; margin-left: 120px; line-height: 20px; }
	#overview .callout img.flushleft    { float: left; margin-left: -20px; }
	#overview .callout img.left         { float: left; margin-top: 3px; margin-left: 20px; }
	
	#overview .callout.first            { margin-right: 15px; }
	#trailing-features .first h3        { margin-top: 10px !important; margin-bottom: 6px !important; }
  #trailing-features p                { margin-bottom: 10px !important; }
  
	#overview .callout.second h3        { margin-left: 250px; margin-bottom: 5px !important; }
	#overview .callout.second table			{ margin-left: 250px; font-size: 90%; color: #555; width:200px;}
	#overview .callout.second table td 	{ padding-right: 10px; }
	.new																{ color: #900; }