/*************************
    	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: #49497A; font-weight: bold; text-decoration: none;}
a:active {color: #49497A;}
a:visited {color: #49497A;}
a:hover {color: #49497A;}

h1 {padding: 8px 0 7px 54px;}
h2 {font-size: 0.9em; color: #49497A; 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;}
#bot_column h3 {padding-left: 0;}

p {font-size: 0.7em; color: #6F6F6F; line-height: 160%; padding: 0 70px 45px 39px;}
.candy_left p {padding-bottom: 10px;}

/***** 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: 465px; margin-top: 60px; height: 305px;}
#left_column_intro p {font-size: 1.6em; 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; 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 0px no-repeat; height: 13px; margin-top: 0px;}

#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: 0px 0 0 0; position: relative; top: 20px;}
#right_column p {color: #fff; padding: 0 18px 15px 18px;}
#right_column ul {color: #fff; padding: 10px 18px 0px 31px; font-size: 0.7em;}
#right_column li {padding: 0 0 5px 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;}

#left_column .one {font-size: 0.8em; color: #49497A; font-weight: bold; font-family: Arial, sans-serif;}
#left_column .two {font-size: 0.9em; color: #49497A; font-weight: bold; font-family: Verdana, sans-serif;}
#left_column .three {font-size: 0.9em; color: #49497A; font-weight: normal; font-family: Arial, sans-serif;}
#left_column .four {font-size: 0.9em; color: #49497A; font-weight: normal; font-family: Arial, sans-serif; background-image:url(../images/arrow.gif); background-position:right; background-repeat:no-repeat; padding-right:12px}


#left_column .start {padding: 10px 0 0 0px; float: left;}
#left_column .finish {padding: 25px 0 0 0; clear: left;}
#left_column .candy.first {background: none; height:53px}
#left_column .candy_left {width: 382px; float: left;}
#left_column .candy_left.ilife_left {width: 149px;}
#left_column .candy_left p {padding: 25px 0 26px 39px;}
#left_column .last .candy_left p {padding-bottom: 0;}
#left_column .candy_right {width: 525px; float: left;}
#left_column .candy_right h2 {padding: 25px 0 5px 24px;}
#left_column .candy.first p, #left_column .candy.first h2 {padding-top: 0;}
#left_column .candy_right h2.one {padding-top: 6px; font-size:80%}
#left_column .candy_right h2.two {padding-top: 48px;}
#left_column .candy_right h2.three {padding-top: 41px;}
#left_column .candy_right p {padding: 0 0 15px 24px;}
#left_column .last .candy_right p {padding-bottom: 0;}
#left_column .candy img {padding: 0;}
#left_column img.second {padding: 21px 0 0 0;}

 .3_start {width: 909px; padding: 15px 0 0 40px; clear: left;}
 .col1 {width: 330px; float: left;}
 .col2 {width: 295px; float: left;}
 .col3 {width: 262px; float: left; margin-left:4px}
 .col1 p {padding: 0 0 5px 40px}
 .col2 p {padding: 0 0 5px 6px}
 .col3 p {padding: 0 0 5px 0px}
 .col1 h2.one {font-size:80%; padding-left:57px}
 .col2 h2.one {font-size:80%; padding-left:23px}
 .col3 h2.one {font-size:80%; padding-left:24px}
 .col1_sub {width: 330px; float: left;}
 .col2_sub {width: 295px; float: left;}
 .col3_sub {width: 250px; float: left;}
 .col1_sub p {padding: 0 0 0 57px}
 .col2_sub p {padding: 0 0 0 23px}
 .col3_sub p {padding: 0 0 0 24px}


#bot_column {width: 952px; float: left; padding: 17px 0 20px 0px; background-color: #49497a; display:inline;}
#bot_column p {color: #fff; padding: 0 0 5px 0px;}
#bot_column p.top_title {padding: 0 0 9px 0; margin: 0 18px 13px 18px; border-bottom: 1px solid #fff;}
#bot_column .apr_name {font-size: 1.2em; font-weight: bold; padding-bottom:5px}
#bot_column p.button {padding-top: 25px;}
#bot_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: 70%;}

#bot_column .col1 {width: 250px; float: left; padding: 5px 5px 0 57px;}
#bot_column .col2 {width: 250px; float: left; padding: 5px 5px 0 43px;}
#bot_column .col3 {width: 250px; float: left; padding: 5px 5px 0 43px;}

#bot_column p.google_map_link {text-align: right; padding-bottom: 0;}
#bot_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;}

/****saját****/

#calltoaction {
	position: absolute;
	top: 350px;
}

#hero {float: right;
	position: relative;   
	right: 150px;}
	
#mbp_hero {
	float: left;
	position: relative;   
}
	
#imac_price {
	float: right;
	position: relative;
	bottom: 200px;
	right: 30px;
}

#latogassel {
	position: relative;
	left: 50px;
	top:10px;
}

#imac {
position: relative;
bottom: 15px;
}

#menu {
	width: 635px;
	height: 200px;
}

#elso {
	float: left;
}

#masodik {
	float: left;
	left: 33%;
}

#harmadik {
	float: right;
}

.doboz {
	padding: 5px;
}