/*************************
    	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: 8px 0 7px 54px;}
h2 {font-size: 0.9em; color: #6db33f; font-weight: bold; font-family: Arial, Verdana, Tahoma, sans-serif;}
h3 {font-size: 0.9em; color: #fff; font-weight: bold; font-family: Arial, Verdana, Tahoma, sans-serif; padding: 0 18px;}

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


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


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

#columns {clear: left; background: url(../images/right_col_bg.gif) 665px 0 repeat-y;}

#left_column_intro {width: 665px; float: left;}
#left_column_intro p {font-size: 0.9em; line-height: 140%; padding: 0 100px 0 54px;}
#right_column_intro {width: 240px; float: left;}

#curved_box {background: #f1f1f1; padding: 0;}
#curved_box p {font-size: 0.8em; padding: 0 28px 2px 28px; text-align: center; line-height: 140%;}
#curved_box img {padding: 21px 0 5px 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;}

#shadow {clear: left; background: url(../images/shadow.jpg) left 26px no-repeat; height: 53px;}

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

#left_column .mac_screenshot {clear: left; background: url(../images/screenshot_separator.gif) 39px bottom no-repeat;}
#left_column .mac_screenshot_left {width: 255px; float: left;}
#left_column .mac_screenshot_left p {padding: 29px 0 30px 39px;}
#left_column .last .mac_screenshot_left p {padding-bottom: 0;}
#left_column .mac_screenshot_right {width: 378px; float: left;}
#left_column .mac_screenshot_right h2 {padding: 29px 0 5px 24px;}
#left_column .mac_screenshot.first p, #left_column .mac_screenshot.first h2 {padding-top: 0;}
#left_column .mac_screenshot_right h2.one {padding-top: 34px;}
#left_column .mac_screenshot_right h2.two {padding-top: 36px;}
#left_column .mac_screenshot_right h2.three {padding-top: 38px;}
#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 {width: 240px; float: left; padding: 20px 0 0 0;}
#right_column p {color: #fff; padding: 0 18px 15px 18px;}
#right_column ul {color: #fff; padding: 0 18px 7px 31px; font-size: 0.7em;}
#right_column li {padding: 0 0 15px 0;}
#right_column .apr_name {font-size: 1.2em; font-weight: bold;}
#right_column p.button {padding-top: 5px;}
#right_column 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: 83%;}

#right_column iframe {border: 1px solid #fff; margin: 0 0 0 18px;}
#right_column p.google_map_link {text-align: right; padding-bottom: 4px; padding-right: 16px;}
#right_column p.google_map_link a {color: #fff; font-weight: normal; text-decoration: underline;}


/***** 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;}