/* @group Global Styles */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22pt;
	color: #006699;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #999;
	font-weight: bold;
}

ol li,
ul li {
	margin-left: 20px;
}

.hidden {
	display: none;
}

a:active {
  outline: none;
}

:focus {
  -moz-outline-style: none;
}


/* @end Global Styles */

/* @group Notices */
div.notice {
	text-align: left;
	padding: 5px;
}

div.notice h4 {
	text-align: left;
	font-weight: bold;
	font-size: 12pt;
}

div.notice.success {
	background: #e8fff6;
	border: 5px solid #8cad90;
}

div.notice.error {
	background: #ffe7ea;
	border: 5px solid #8f3000;
}
/* @end Notices */


/* @group Container Setup */

#container {
	text-align: left;
	width: 1100px;
	background-color: #E6E6E6;
}

#header {
	position: relative;
	background: #E0F3F9;
	width: 100%;
	height: 70px;
}

#footer {
	background: #fff;
	width: 100%;
}

/* @end Container Setup */


/* @group Header */
#logo {
	width: 180px;
	height: 30px;
	background: url(/images/logo_transparent.png) no-repeat;
}

#header #logo {
	position: absolute;
	left: 30px;
	top: 25px;
}

#header ul.nav {
	position: absolute;
	right: 50px;
	top: 0px;
}

#header ul.nav li {
	list-style-type: none;
	float: left;
	padding: 0px 35px 35px 0px;
}

#header ul.nav li a {
	display: block;
	cursor: pointer;
	height: 70px;
	background-position: top left;
	text-indent: -2000px;
	font-size: 1px;
}

#header ul.nav li.home a {
	background: url(/images/nav/home.png) no-repeat;
	width: 93px;
}

#header ul.nav li.products a {
	background: url(/images/nav/products.png) no-repeat;
	width: 141px;
}

#header ul.nav li.company a {
	background: url(/images/nav/company.png) no-repeat;
	width: 135px;
}

#header ul.nav li.extras a {
	background: url(/images/nav/extras.png) no-repeat;
	width: 98px;
}

#header ul.nav li a:hover {
	background-position: center left;
}

#header ul.nav li.down a {
	background-position: bottom left;
}

/* @end Header */

/* @group Footer */

#footer p {
	float: right;
	font-size: 9pt;
	padding: 10px 0px 10px 0px;
	font-weight: bold;
	color: #666;
}

#footer p a {
	color: #333;
}

/* @end Footer */

/* @group Pages */

div.page_header {
	position: relative;
	width: 100%;
	background: #ffffff;
	height: 370px;
}

div.page_content {
	background: #E6E6E6;
	padding: 20px 80px 0px 80px;
}

div.page_content div.left_col {
	width: 48%;
	float: left;
}

div.page_content div.middle_col {
	width: 4%;
	float: left;
}

div.page_content div.right_col {
	width: 48%;
	float: left;
}

div.page_content p {
	font-weight: bold;
	color: #666;
	padding: 5px 0px 10px 5px;
}

div.page_content li a,
div.page_content p a {
	color: #333;
}

div.page_content li a:hover,
div.page_content p a:hover {
	color: #666;
}

div.page_content li {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}

div.page_content ol,
div.page_content ul {
	margin-top: 10px;
}

div.white_box {
	position: relative;
	background: white;
	padding: 30px 30px 30px 30px;
	text-align: center;
}

div.white_box div {
	position: absolute;
	background: url(/images/white_grey_bg_corners.png) no-repeat;
	width: 5px;
	height: 5px;
}

div.white_box div.top_left {
	top: 0px;
	left: 0px;
	background-position: top left;
}

div.white_box div.top_right {
	top: 0px;
	right: 0px;
	background-position: top right;
}

div.white_box div.bottom_left {
	bottom: 0px;
	left: 0px;
	background-position: bottom left;
}

div.white_box div.bottom_right {
	bottom: 0px;
	right: 0px;
	background-position: bottom right;
}

form div.field {
	display: block;
}

form div.column {
	float: left;
	margin-right: 5px;
}

form div.field input.textbox {
	padding: 3px; 
	margin: 0px;
	font-size: 12pt;
}

form div.field .medium {
	width: 150px;
}

form div.field .large {
	width: 250px;
}

form div.field .small {
	width: 100px;
}

form div.field select,
form div.field select.selectbox {
	padding: 3px;
	margin: 0px;
	font-size: 12pt;
}

form div.field textarea {
	padding: 3px;
	margin: 0px;
	font-size: 12pt;
}

form div.field textarea.large {
	width: 400px;
	height: 100px;
}

form div.field textarea.medium {
	width: 300px;
	height: 75px;
}

form div.field textarea.small {
	width: 250px;
	height: 50px;
}

form div.field label {
	font-size: 9pt; 
	display: block; 
	padding: 3px 0px 0px 0px;
}

form div.field label span {
	color: red;
	font-weight: bold;
}

form h1 {
	font-weight: bold; 
	padding: 0px; 
	margin: 0px 0px 5px 0px; 
	font-size: 12pt;
	color: #333;
}

form h1 span {
	color: red;
}

form div.divider {
	clear: both;
	font-size: 1px;
	margin-bottom: 10px;
}

form div.required {
	font-size: 8pt;
	color: red;
	margin: 0px 0px 10px 0px;
}

form div.required span {
	font-weight: bold;
}

/* @end Pages */


/* @group Home Page */

div.home_header_bg {
	position: absolute;
	top: 90px;
	left: 100px;
	width: 815px;
	height: 152px;
	background: url(/images/home_header.png) no-repeat;
}

div.thelatest {
	height: 20px;
}

div.thelatest div.header {
	position: absolute;
	left: 25px;
	top: 25px;
	width: 194px;
	height: 44px;
	background: url(/images/thelatest_bluehdr.png) no-repeat;
}

div.thelatest div.text {
	position: absolute;
	text-align: left;
	left: 255px;
	top: 23px;
	height: 40px;
	background: none;
	width: 650px;
}

div.thelatest div.text span {
	display: block;
	font-size: 10pt;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
	background: none;
}

div.thelatest div.text p {
	font-size: 14pt;
	margin: 0px;
	padding: 0px;
	background: none;
}

div.thelatest a {
	color: #333;
	text-decoration: none;
}

a.need_help {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 240px;
	height: 45px;
	background: url(/images/need_help_orange.png) no-repeat;
	text-decoration: none;
}

a.need_help:hover {
	background-position: bottom left;
}

/* @end Home Page */

/* @group Products Page */

div.products_header_bg {
	position: absolute;
	top: 110px;
	left: 100px;
	width: 760px;
	height: 152px;
	background: url(/images/products_header.png) no-repeat;
}

div.product_info p {
	padding-left: 0px;
}

div.product_info p a {
	color: #333;
	text-decoration: underline;
}

div.product_info p a:hover {
	color: #666;
}

div.product_info h2 {
	margin: 0px;
}

div.product_info ul {
	margin: 0px;
}

div.product_info ul li {
	list-style-type: circle;
	list-style-position: inside;
	padding-left: 10px;
}

div.product_logos p {
	margin-left: 15px;
	padding: 0px 0px 10px 0px;
	font-size: 10pt;
}

div.product_logos div.white_box {
	margin: 15px 0px 10px 15px;
}

div.product_nav_container {
	position: absolute;
	bottom: 0px;
	right: 40px;
	background: #E6E6E6;
}

div.product_nav {
	position: relative;
}

div.product_nav div.top_left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 5px;
	height: 5px;
	background: url(/images/small_nav_corners.png) no-repeat;
	background-position: top left;
}

div.product_nav div.top_right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 5px;
	height: 5px;
	background: url(/images/small_nav_corners.png) no-repeat;
	background-position: top right;
}

div.product_nav ul li {
	list-style-type: none;
	float: left;
	padding: 8px 10px 8px 10px;
	margin: 0px;
}

div.product_nav ul li a {
	font-size: 11pt;
	color: #999;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

div.product_nav ul li a:hover {
	color: #333;
}

div.product_nav ul li a.down {
	color: #66C2E0;
}

div.page_content ul li {
	font-weight: bold;
	color: #666;
}

div.page_content div.screenshot {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 0px;
	width: 100px;
	height: 150px;
}

/* @group Groundwork */
div.groundwork_header_bg {
	position: absolute;
	top: 110px;
	left: 100px;
	width: 892px;
	height: 134px;
	background: url(/images/groundwork_header.png) no-repeat;
}

div.page_content p.groundwork_tour {
	padding: 10px;
}

/* @end Groundwork */

/* @group Reader */
div.reader_header_bg {
	position: absolute;
	top: 80px;
	left: 120px;
	width: 713px;
	height: 193px;
	background: url(/images/reader_header.png) no-repeat;
}

div.white_box.reader{
	padding: 20px 30px 20px 30px;
}

div.page_content p.reader_tour {
	padding: 10px;
}

/* @end Reader */

/* @group What's On */
div.whatson_header_bg {
	position: absolute;
	top: 80px;
	left: 100px;
	width: 778px;
	height: 193px;
	background: url(/images/whatson_header.png) no-repeat;
}

div.white_box.whatson{
	padding: 20px 30px 20px 30px;
}

div.page_content p.whatson_tour {
	padding: 10px;
}


/* @end What's On */

/* @group Stop Motion */
div.stopmotion_header_bg {
	position: absolute;
	top: 80px;
	left: 100px;
	width: 791px;
	height: 193px;
	background: url(/images/stopmotion_header.png) no-repeat;
}

div.white_box.stopmotion{
	padding: 20px 30px 20px 30px;
}

div.page_content p.stopmotion_tour {
	padding: 10px;
}


/* @end Stop Motion */

/* @group Orbiter */
div.orbiter_header_bg {
	position: absolute;
	top: 80px;
	left: 100px;
	width: 791px;
	height: 193px;
	background: url(/images/orbiter_header.png) no-repeat;
}

div.white_box.orbiter{
	padding: 20px 30px 20px 30px;
}

div.page_content.orbiter div.screenshot {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 0px;
	width: 150px;
	height: 100px;
}

div.page_content.orbiter div.left_col {
	width: 55%;
}

div.page_content.orbiter div.right_col  {
	width: 35%;
}

div.highscores ol {
	color: #333;
	list-style-type: decimal;
	margin-left: 20px;
}

div.highscores ol li {
	margin-left: 20px;
}

div.highscores ol li.best {
	color: #d11920;
}

div.highscores h2 {
	float: left; 
	cursor: pointer;
	margin-left: 5px;
}

div.highscores h2.active {
	color: #333;
}

/* @end Orbiter */

/* @end Products Page */

/* @group About Page */

div.about_header_bg {
	position: absolute;
	top: 110px;
	left: 100px;
	width: 585px;
	height: 118px;
	background: url(/images/about_header.png) no-repeat;
}

div.office_pictures div.thumbnail {
	float: left;
	width: 200px;
	padding: 0px;
	margin: 0px 10px 10px 0px;
}

/* @end About Page */

/* @group iPhone Dev Page */

div.iphonedev_header_bg {
	position: absolute;
	top: 90px;
	left: 50px;
	width: 915px;
	height: 200px;
	background: url(/images/iphonedev_header.png) no-repeat;
}

div.left_col.iphonedev {
	width: 70% !important;
}

div.left_col.iphonedev p span {
	color: #333;
}


div.middle_col.iphonedev {
	width: 5% !important;
}

div.right_col.iphonedev {
	width: 25% !important;
}

div.right_col.iphonedev div.white_box {
	width: 225px;
	margin: 0px;
	padding: 10px;
	height: 480px;
}

div.right_col.iphonedev div.white_box div.content {
	text-align: center;
}

div.right_col.iphonedev div.white_box div.content h2 {
	text-align: left;
	text-indent: -10000px;
	background: url(/images/featured_blue_hdr.png) no-repeat;
	width: 160px;
	height: 30px;
	margin-bottom: 40px;
	line-height: 30px;
}


div.right_col.iphonedev div.white_box div.content a {
	text-decoration: none;
}

div.right_col.iphonedev div.white_box div.content div.app.reader {
	background: url(/images/featured_apps/reader.png) no-repeat;
	width: 146px;
	height: 50px;
	margin-left: 35px;
}

div.right_col.iphonedev div.white_box div.content div.app.orbiter {
	background: url(/images/featured_apps/orbiter.png) no-repeat;
	width: 149px;
	height: 50px;
	margin-top: 80px;
	margin-left: 35px;
}

div.right_col.iphonedev div.white_box div.content div.app.groundwork {
	background: url(/images/featured_apps/groundwork.png) no-repeat;
	width: 163px;
	height: 44px;
	margin-top: 160px;
	margin-left: 30px;
}

div.right_col.iphonedev div.white_box div.content div.app.whatson {
	background: url(/images/featured_apps/whatson.png) no-repeat;
	width: 214px;
	height: 50px;
	margin-top: 230px;
	margin-left: 5px;
}

div.right_col.iphonedev div.white_box div.content div.app.stopmotion {
	background: url(/images/featured_apps/stopmotion.png) no-repeat;
	width: 193px;
	height: 53px;
	margin-top: 310px;
	margin-left: 15px;
}
/* @end iPhone Dev Page */


/* @group Contact Page */

div.contact_header_bg {
	position: absolute;
	top: 110px;
	left: 100px;
	width: 585px;
	height: 142px;
	background: url(/images/contact_header.png) no-repeat;
}

div.page_content div.left_col {
	width: 46%;
}

div.page_content div.middle_col {
	width: 6%;
}

div.page_content div.right_col {
	width: 48%;
}

div.page_content p {
	padding-left: 0px;
}

div.support_icon {
	float: left;
	background: url(/images/support_icon.png) no-repeat;
	width: 81px;
	height: 82px;
}

div.email_icon {
	float: left;
	background: url(/images/email_icon.png) no-repeat;
	width: 81px;
	height: 91px;
}

div.call_icon {
	float: left;
	background: url(/images/call_icon.png) no-repeat;
	width: 81px;
	height: 56px;
}

div.mail_icon {
	float: left;
	background: url(/images/mail_icon.png) no-repeat;
	width: 81px;
	height: 74px;
}

div.info {
	float: left;
	padding-left: 20px;
}

div.info a {
	text-decoration: none;
	color: #333;
}

div.info a:hover {
	color: #666;
}

div.info p {
	padding-top: 5px;
	color: #333;
}

div.notice p {
	font-size: 10pt;
	color: #333;
	margin-left: 20px;
}

/* @end Contact Page */

/* @group Jobs Page */
div.jobs_header_bg {
	position: absolute;
	top: 110px;
	left: 100px;
	width: 730px;
	height: 124px;
	background: url(/images/jobs_header.png) no-repeat;
}

div#jobs_navigation {
	margin: 20px 40px 20px 40px;
}

div#jobs_navigation div.white_box {
	padding: 0px;
}

div#jobs_navigation div.white_box ul li {
	list-style-type: none;
	float: left;
	text-indent: -100000px;
}

div#jobs_navigation div.white_box ul li a {
	display: block;
	width: 121px;
	height: 60px;
}

div#jobs_navigation div.white_box ul li.overview a {
	margin-left: 100px;
	background: url(/images/job_nav/overview.png) no-repeat;
}

div#jobs_navigation div.white_box ul li.benefits a {
	margin-left: 100px;
	background: url(/images/job_nav/benefits.png) no-repeat;
}

div#jobs_navigation div.white_box ul li.positions a {
	margin-left: 100px;
	background: url(/images/job_nav/positions.png) no-repeat;
}

div#jobs_navigation div.white_box ul li.apply a {
	margin-left: 100px;
	background: url(/images/job_nav/apply.png) no-repeat;
}

div#jobs_navigation div.white_box ul li a:hover {
	background-position: center -60px;
}

div#jobs_navigation div.white_box ul li.on a {
	background-position: center bottom;
}

div.jobs_content {
	display: none;
	margin: 20px 40px 20px 40px;
	padding: 5px;
}

div.jobs_content p {
	padding-left: 0px;
}

div.jobs_content p span {
	color: #333;
}

div.jobs_content.page_content li {
	color: #333;
	margin: 5px 0px 0px 20px;
}

div.jobs_content h2.basics {
	margin-top: 10px;
	text-indent: -100000px;
	width: 200px;
	height: 23px;
	background: url(/images/thebasics_hdr.png) no-repeat;
}

div.jobs_content h2.extras {
	text-indent: -100000px;
	width: 200px;
	height: 23px;
	background: url(/images/theextras_hdr.png) no-repeat;
}

div.jobs_content div.extra_item {
	margin-left: 20px;
}

div.jobs_content span.job_desc h3,
div.jobs_content div.extras h3 {
	font-weight: bold;
	font-size: 14pt;
	color: #333;
	margin: 10px 0px 0px 20px;
	padding: 0px;
}

div.jobs_content span.job_desc h3 {
	margin: 5px 0px 0px 0px;
	font-size: 13pt;
}

div.jobs_content span.job_desc p {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

div.jobs_content div.extras p {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

div.jobs_content.benefits div.left_col {
	width: 55%;
}

div.jobs_content.benefits div.right_col {
	padding-top: 40px;
	float: right;
	width: 36%;
}

div.jobs_content img.border {
	border: 10px solid #D2D2D2;
}

a.apply_button {
	display: block;
	position: relative;
	width: 95%;
	background: #E0F3F9;
	text-align: center;
	text-indent: -100000px;
	padding: 6px;
}

a.apply_button:hover {
	background: #E5F9FF;
}

a.apply_button span {
	display: block;
	background: url(/images/applybtn_txt.png) no-repeat;
	width: 71px;
	height: 15px;
	margin: auto;
}

a.apply_button span.corner {
	display: block;
	position: absolute;
	width: 3px;
	height: 3px;
	background: url(/images/blue_corner.png) white no-repeat;
}

a.apply_button span.corner.top_left {
	top: 0px;
	left: 0px;
	background-position: left top;
}

a.apply_button span.corner.top_right {
	top: 0px;
	right: 0px;
	background-position: right top;
}

a.apply_button span.corner.btm_left {
	bottom: 0px;
	left: 0px;
	background-position: left bottom;
}

a.apply_button span.corner.btm_right {
	bottom: 0px;
	right: 0px;
	background-position: right bottom;
}

div.jobs_content.page_content li {
	list-style-type: disc;
	padding: 5px 0px 5px 0px;
}

/* @end Jobs Page */

/* @group Legal Page */

div.legal_header_bg {
	position: absolute;
	top: 110px;
	left: 100px;
	width: 621px;
	height: 130px;
	background: url(/images/legal_header.png) no-repeat;
}

/* @end Legal Page */

/* @group Extras Page */

div.extras_header_bg {
	position: absolute;
	top: 110px;
	left: 100px;
	width: 621px;
	height: 131px;
	background: url(/images/extras_header.png) no-repeat;
}

/* @end Extras Page */

/* @group WWDC Contest */
div.wwdc_contest_header_bg {
	position: absolute;
	top: 90px;
	left: 100px;
	width: 855px;
	height: 123px;
	background: url(/images/wwdc_contest_header.png) no-repeat;
}

div.contest ol li {
	list-style-type: decimal;
	list-style-position: inside;
	color: #666;
	font-weight: bold;
}
/* @end WWDC Contest */