/* home */
/* ------------------------------------------------------ */

/*
this is for when we have imagery
.home .main_banner p{color:#fff; width:480px; float:right; padding:70px 70px; font-size:24px; font-weight:300px; line-height:34px;}
*/

.home .main_banner p{color:#fff; text-align: center; padding:60px 90px; font-size:36px; font-weight:300; line-height:54px; margin: 0 auto;}

.home .home_info{padding:0 0 60px 0; min-height: 300px;}
.home .home_info .articles{/* width:540px; */ position: relative;}
.home .home_info .article{padding-top:30px;}

.home .home_info .article h3{font-size:18px; text-transform:uppercase; padding-bottom:15px;}
.home .home_info .article h3 a{color: #000}
.home .home_info .article h3 a:hover{color: #09f}
.home .home_info .article p{padding-bottom:10px; color:#555;}
.home .home_info .article_first{border:none;}

.home .home_info ul li em{font-weight:bold;}
.home .home_info ul{padding-bottom:24px; font-size:17px; line-height:24px; color: #666;}
.home .home_info li{list-style: circle; margin-left: 20px; padding-bottom: 5px;}


.home .home_info .upload_video{display:block; width:200px; border:solid 1px #ccc; border-radius:4px; position:absolute; top:50px; right:0px; background:url(../images/body/home/upload_header.jpg) top no-repeat; height:440px; width:350px;}
.home .home_info .upload_video p{padding:0 auto;}
.home .home_info .upload_video .textbox{border:1px solid #ccc; width:260px; border-radius:5px; padding: 0; height: 35px; color:#777; position:absolute; left:45px; text-indent:10px; position: relative;}
.home .home_info .upload_video .textbox .text{position: absolute; top:9px; padding: 0; left: 80px; border: 1px solid #fff; width: 165px; color: #555; font-size: 13px;}
.home .home_info .upload_video .textbox label{display: block; font-size: 13px; padding: 6px; cursor: text}
.home .home_info .upload_video .submit{position:absolute; bottom:23px;left:110px; background-image:none; border:none; background:url(../images/body/home/upload_submit.gif) 0 0 no-repeat; width:122px; height:38px; text-indent:-25px; color:#fff;}
.home .home_info .upload_video .submit:hover{background-position:0 -200px;}

.home .home_info .quality_assurance{float: left; width: 570px; margin-right: 60px}


.home .home_info blockquote{display: block; padding-top: 0px;}
.home .home_info blockquote p{font-size: 24px; line-height: 36px; font-style: italic;}
.home .home_info blockquote cite{text-align: right; display: block; color: #777; padding-bottom: 40px;}
.home .home_info .le_quotes,
.home .home_info .quotes_container,
.home .home_info .quotes_container blockquote{width: 570px; height: 340px;}


/* carousel */
/* ------------------------------------------------------ */

.home_carousel .slide{z-index: 520}
.home_carousel .slide_app .putermachine{z-index: 550;}
.home_carousel .slide_app h3,
.home_carousel .slide_app p{z-index: 580;}

.home_carousel .slide_team .team{z-index: 540;}
.home_carousel .slide_team .coffee{z-index: 560;}
.home_carousel .slide_team .apple{z-index: 550;}
.home_carousel .slide_team .apple{z-index:550;}

.home_carousel .pagination {z-index: 600}



/* carousel bits */
.home_carousel {border-top: 1px solid #000; overflow: hidden; width: 100%; position: relative; border-bottom: 2px solid #ddd;  height: 600px}
.home_carousel .slides_container{display: block; width: 100%; margin: 0 auto;}

.home_carousel .slide{height: 720px;}
.home_carousel .slide h3{color:#52aeff; font-size:30px; line-height: 32px; padding-bottom: 24px;}
.home_carousel .slide p{color:#fff; line-height:32px; font-size: 17px; padding-bottom: 24px}

.home_carousel .slide{border-bottom: 10px solid #000; }
.hasjs .slide{border-bottom: none;}

.home_carousel .pagination{position: absolute; top:60px; left: 50%; width: 120px; margin-left: 415px}
.home_carousel .pagination li{float: left; list-style: none;}
.home_carousel .pagination a{float: left; margin-right: 10px; border-radius: 99em; display: block; padding: 2px; background: #fff; text-indent: -999em; font-size: 5px; width: 10px; height: 10px; opacity: 0.5;}
.home_carousel .pagination .current a,
.home_carousel .pagination a:hover{opacity: 1;}

/* active */
.home_carousel .pagination .current a{background-color: #c71a13;}

.reversed .pagination a{background: #81c9e1;}
.reversed .pagination .current a{background: #228fb6;}

/* speed */
.home_carousel .slide_speed{background: #000}
.home_carousel .slide_speed .constrain{text-align: center; padding: 200px 0;}

/* team */
.home_carousel .slide_team{background: #dc8b4e url(../images/home/team/wood_black.jpg) top; height: 800px}
.home_carousel .slide_team .constrain{padding-top: 50px; position: relative;}
.home_carousel .slide_team h3{color: #c00;}
.home_carousel .slide_team p{color: #fff; width: 500px}/* 6d3a0d */
.home_carousel .slide_team .coffee,
.home_carousel .slide_team .apple,
.home_carousel .slide_team .team{display: block; position: absolute;}
.home_carousel .slide_team .coffee{top:60px; left: 55%;}
.home_carousel .slide_team .apple{top:480px; left: 70%; width:315px;}

.home_carousel .slide_team .team{top:200px; left: 40%; margin-left: -400px}
.home_carousel .slide_team .team:hover{opacity: 0.9;}

/* archer */
/*

.home_carousel .slide_archer{background: #000 url(../images/home/archer/archer_woman.jpg) no-repeat top; height: 600px}
.home_carousel .slide_archer .constrain{padding-top: 170px;}
.home_carousel .slide_archer h3,
.home_carousel .slide_archer p{margin-left: 450px}
.home_carousel .slide_archer h3{color: #fff;}
.home_carousel .slide_archer p{color: #eec1a9;}
*/

/* accouracy */
.home_carousel .slide_accuracy{background: #000 url(../images/home/precision/precision_apple_dirty.jpg) no-repeat 50% 270px; text-align: center; padding: 80px 0;}
.home_carousel .slide_accuracy h3{color: #c81c15; font-size: 34px;}
.home_carousel .slide_accuracy p{width: 500px; margin: 0 auto;}

/* application */
.home_carousel .slide_app{background: #18add8 url(../images/home/the_app/blue_backer.jpg) no-repeat top; height: 950px;}
.home_carousel .slide_app .constrain{padding-top: 140px;}
.home_carousel .slide_app .putermachine{width: 880px; height: 650px; position: absolute; top:20px; left: -250px;}
.home_carousel .slide_app h3,
.home_carousel .slide_app p{float: right; width: 400px; clear: right; text-align: right; color: #000; position: relative;}
.home_carousel .slide_app p{color:#00698d;}
.home_carousel .slide_app p em{color: #002430;}

/* storybox */
.home_carousel .slide_storybox{background: #000;}
.home_carousel .slide_storybox .box{width: 760px; height: 509px; position: absolute; top:130px; left: -130px;}
.home_carousel .slide_storybox .constrain{padding-top: 180px;}
.home_carousel .slide_storybox h3,
.home_carousel .slide_storybox p{float: right; width: 400px; clear: right; text-align: right; color: #fff; position: relative;}
.home_carousel .slide_storybox h3{color: #52aeff;}

/* tv */
.home_carousel .slide_tv{background: #000 url(../images/home/tv/tv_blank2.jpg) no-repeat top; height: 670px; position: relative;}
.home_carousel .slide_tv .constrain{padding-top: 170px; text-align: right;}
.home_carousel .slide_tv h3,
.home_carousel .slide_tv p{margin-left: 500px}
.home_carousel .slide_tv h3{color: #fff; margin-left: 600px}
.home_carousel .slide_tv p{color: #c2c2c2;}


.home_carousel .slide_tv .tvcarousel{position: absolute; width:452px; height: 367px;left: -35px; top:20px;}
.home_carousel .slide_tv .screens_container{height: 375px;}




.press_dl{background: #fff url(../images/icons/pressv2_large.jpg) no-repeat 40px 50%; border: 1px solid #ccc; border-radius: 3px; padding: 40px 340px 40px 200px; position: relative;}
.press_dl h3{ font-size: 24px; padding-bottom: 12px; color: #333;}
.press_dl h3 strong{font-weight: inherit; color: #008EFF}
.press_dl p{font-size: 16px; color: #666;}
.press_dl .dl{width: 190px; position: absolute; top:0; right: 0; text-align: right; padding: 40px 40px 0 0;}
.press_dl .dl a{display: block; margin-bottom: 10px; position: relative; text-align: left; padding-left: 40px;}
.press_dl .dl a i{background: url(../images/icons/mac.jpg) no-repeat center; display: block; width: 19px; height: 19px; position: absolute; top:12px; left: 12px;}
.press_dl .dl a i.windows{background-image:url(../images/icons/windows.jpg)}
.press_dl .dl a:hover{color: #09f}

.press_dl_faq,
.press_dl_faq .dl{position: relative;background: none; border: none; padding: 0 0 0 70px; width: auto; height: 40px;}
.press_dl_faq .dl a{float: left; clear: none; margin-right: 10px;}

.press_dl_2{background: #fff url(../images/icons/press_arrow.jpg) no-repeat 40px 50%; }