::-moz-selection { background: transparent; color: #000; text-shadow: none; }
::selection { background: transparent; color: #000; text-shadow: none; }

.landing #container {
  background: #f7f7f7 url(../img/sdk/bg-homepage.png)  repeat-x top left;
}

.landing .container {background: #F7F7F7;margin:0;padding:0;}

.main {margin-top:-1px;}

/* Marquee */

#homepage_marquee {height: 370px;}

.homepage_marquee_content {position: relative;top:0;left:60px;width:485px;padding:40px 0 0 0;}
.homepage_marquee_content h2 {display:block;font-size:41px;line-height:46px;color:#262626;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);margin-bottom:15px;}
.homepage_marquee_content h4 {font-size:20px;line-height:26px;color:#666666;}
.homepage_marquee_content p {font-size:15px;line-height:22px;color:#474748;margin:15px 0;}


.homepage_marquee_image {position: absolute;right:0;z-index:10;}

/* Panels */

.panel {
  width: 198px;
  padding: 33px 22px 33px 30px;
  background: none;
  color: #666;
  font-size: 16px;
  height:340px;
}

.panel h3 {display:block;font-size:22px;line-height:24px;}
.panel p {font-size:13px;line-height:20px;}

#panel_left {padding-left: 5px;}
#panel_center {padding-left: 45px !important;padding-right: 45px !important;}
#panel_right {padding-left: 45px !important;padding-right: 5px !important;}

img.icon {margin-bottom:3px;}

#panels, #app_showcase {width:1067px;margin:0 auto;}

#panels {padding:0;}

/* App Showcase */
#app_showcase {
  background: url(../sprites/line-shadow.png) -75px 0 no-repeat;
  padding: 20px 0;
  font-size: 17px;
}

#app_showcase img.app-icon {
    border-radius: 15px;
    box-shadow: 0 0 2px #BBBBBB;
}

#app_showcase h3 {font-size:24px;color:#262626;}

#app_showcase .section_heading {color:#666;padding-left:63px;}

.sdk_scrollable_wrapper, .apps_scrollable_wrapper {position:relative;margin:0 0;}

.scrollable_nav {position:absolute;top:0;z-index:10;background: url(../img/sdk/apps-showcase-nav-prev-bg.png) repeat-y 0 0;width:198px;}
  .scrollable_nav.prev {background-image: url(../img/sdk/apps-showcase-nav-prev-bg.png);}
  .scrollable_nav.next {background-image: url(../img/sdk/apps-showcase-nav-next-bg.png);right:0;}

#panels .scrollable_nav {;height:390px;margin-top:2px;}
#app_showcase .scrollable_nav {height:276px;}

.scrollable_nav a {position:absolute;top:35%;z-index:10;display:block;text-indent:-9999em;
  background: url(../sprites/sprite-gui.png) no-repeat 0 0;width:30px;height:44px;}
  .scrollable_nav a.prev-arrow {left:0;background-position:-236px -55px;}
  .scrollable_nav a.prev-arrow:hover {background-position:-236px 0;}
  .scrollable_nav a.prev-arrow:active {background-position:-236px -107px;}
  .scrollable_nav a.next-arrow {right:0;background-position:-275px -55px;}
  .scrollable_nav a.next-arrow:hover {background-position:-275px 0;}
  .scrollable_nav a.next-arrow:active {background-position:-275px -107px;}

#panels .scrollable_nav a {top:45%;}
#app_showcase .scrollable_nav a {top:35%;}

#panels {position:relative;overflow:hidden;width:1027px;height:390px;padding:0;}
#panels .panels {width:20000em;position:absolute;margin-left:0;}

#sdk_scrollable div {float:left;margin:1px 0 0 0;}
  #sdk_scrollable div.panel {width:198px;border-right:1px solid #ccc;}
  
#apps_scrollable {position:relative;overflow:hidden;width:1027px;height:276px;}
#apps_scrollable .apps {width:20000em;position:absolute;margin-left:135px;}

#apps_scrollable div {float:left;margin:15px 0;}
#apps_scrollable div.app {
	width:190px;
	font-size:12px;
	line-height:20px;
	color:#666;
	text-align:center;
	border-right:1px solid #dadada;
}
#apps_scrollable div.app a {
	display:block;
	width:160px;
	height: 175px;
	color:#666;
	padding:15px 15px 0 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#apps_scrollable div.app a:hover {
	background-color: #fff;
}

  #apps_scrollable div.app h5 {display:block;font-size:18px;font-weight:bold;line-height:24px;color:#4c4c4c;}