/*************************
    	APPLE CSS 
		(c) 2009
**************************/

/***** Remove padding and other settings for browser variants *****/
body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, a, div, img {margin: 0; padding: 0; border: 0;}
img {display: block}


/***** Body styles *****/
body {background: #f1f1f1; color: #000; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 100%; margin: 0 auto; width: 952px;}

a {color: #64a73b; font-weight: bold; text-decoration: none;}
a:active {color: #64a73b;}
a:visited {color: #64a73b;}
a:hover {color: #64a73b;}

h1 {padding: 60px 0 15px 39px;}
h2 {font-size: 0.9em; color: #6db33f; font-weight: bold; font-family: Arial, Verdana, Tahoma, sans-serif;}

p {font-size: 0.7em; color: #6f6f6f; line-height: 160%; padding: 0 70px 45px 39px;}


/***** Header *****/
#header p {padding: 14px 0 18px 0;}


/***** Content DIVs *****/
#content {background: #fff; text-align: left; padding: 0 0 35px 0; border: 1px solid #c2c2c2; min-height: 1000px; height: auto !important; height: 1000px; overflow: visible; width: 950px;}

#columns {}

#introduction {background: url(../images/main_product_shot.jpg) 0 139px no-repeat;}
#introduction p {font-size: 0.9em; padding: 0 500px 220px 39px; line-height: 140%;}

#left_column {width: 600px; float: left;}

#left_column .mac_screenshot {padding: 0 0 1px 0; clear: left; background: url(../images/product_separator.gif) 39px bottom no-repeat;}
#left_column .mac_screenshot_left {width: 255px; float: left;}
#left_column .mac_screenshot_left p {padding: 25px 0 26px 39px;}
#left_column .mac_screenshot_left p.first {padding-top: 0;}
#left_column .last .mac_screenshot_left p {padding-bottom: 0;}
#left_column .mac_screenshot_right {width: 326px; float: left;}
#left_column .mac_screenshot_right h2 {padding: 25px 0 5px 24px;}
#left_column .mac_screenshot_right h2.first {padding-top: 0;}
#left_column .mac_screenshot_right p {padding: 0 20px 20px 24px;}
#left_column .last .mac_screenshot_right p {padding-bottom: 0;}
#left_column .mac_screenshot img {padding: 0;}

#right_column {background: #f4f3f3; width: 307px; float: left; padding: 15px 0 0 0;}
#right_column p {color: #6f6f6f; padding: 0 18px 15px 18px; line-height: 140%;}
#right_column h2 {padding: 0 18px;}
#right_column p.top_title {padding: 0 0 9px 0; margin: 0 18px 13px 18px; border-bottom: 1px solid #e0dfdf;}
#right_column .mac_basics {padding-left: 72px;}
#right_column .icon_01 {background: url(../images/icon_01.gif) 29px 3px no-repeat;}
#right_column .icon_02 {background: url(../images/icon_02.gif) 29px 3px no-repeat;}
#right_column .icon_03 {background: url(../images/icon_03.gif) 29px 3px no-repeat;}
#right_column .icon_04 {background: url(../images/icon_04.gif) 29px 3px no-repeat;}
#right_column .icon_05 {background: url(../images/icon_05.gif) 29px 3px no-repeat;}
#right_column .icon_06 {background: url(../images/icon_06.gif) 29px 3px no-repeat;}

#curved_box {background: #fff; padding: 14px 0 0 0;}
#curved_box p {font-size: 0.8em; padding: 0 20px 10px 25px;}
#curved_box img {padding: 25px 0 0 0;}
#curved_box .top {background: url(../images/curved_box_top.gif) left top no-repeat;}
#curved_box .bottom {background: url(../images/curved_box_bottom.gif) left bottom no-repeat; height: 13px;}

#apr_details {background: #6db33f; margin: 25px 43px 0 39px;}
#apr_details .column_1 {float: left; width: 347px; padding: 24px 0 26px 0;}
#apr_details .column_2 {float: left; width: 248px; padding: 24px 0 26px 0;}
#apr_details .column_3 {float: left; width: 252px; padding: 24px 0 26px 0;}
#apr_details p {color: #fff; padding: 0; line-height: 150%;}
#apr_details .column_1 p {padding: 0 55px 7px 29px;}
#apr_details .column_2 p {padding: 0 0 15px 0;}
#apr_details p.button {padding-top: 20px; line-height: 140%;}
#apr_details p.button a {padding: 3px 26px 3px 7px; font-family: Arial, Verdana, Tahoma, sans-serif; border: 1px solid #fff; background: #fff url(../images/button_bg.gif) center right no-repeat; display: block; width: 70%;}
#apr_details p.google_map_link {text-align: right;}
#apr_details p.google_map_link a {color: #fff; font-weight: normal; text-decoration: underline;}
#apr_details .apr_name {font-size: 1.2em; font-weight: bold;}


/***** Footer *****/
#footer {clear: left; text-align: center;}
#footer p {color: #999; padding: 30px 20px; font-size: 0.6em;}


/***** Misc *****/
.float_left {float: left;}
.float_right {float: right;}
.clear {clear: both; height: 0; font-size: 0;}
.clear_left {clear: left;}
.hide {display: none;}