body {
	color: #777;
	font-family: Lucida Grande, Lucida Sans, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

p {
	line-height:1.8em;
	margin-top:15px;
}

li {
	padding-bottom: 10px;
}

.title {
	color: #94b205;
	font-weight: bold;
}

a {
	color: #0387ae;
}

#spotlight {
	padding: 5px 30px 5px 30px;
	position:relative;
}

#spotlight-left {
	width: 619px; /*655px;680px;*/
}

#spotlight-description {
	padding: 5px 0px 0px 0px;
	float: right;	
	font-size: 11px;
	width: 504px; /*540px;565px;*/
}

#spotlight-bar {
	padding: 16px 0px 0px 0px;
}

#spotlight-get-it-now {
	text-align:center;
	width: 110px;
	font-size: 12px;
}

#optimized-for {
	margin-right: 6px; /*56px;*/	
	float: right;	
}

#mc-main-mini-ver {
	padding:10px; 
	width:166px; 
	height:76px; 
	float:right; 
	background:url('../../images/mc/signup_box_vert_bg.png') 0 0 no-repeat; 
	text-align:center;
}

.app-title {
	font-size: 24px;
}

#ipad-ready {
	/*float: right;*/
	/* Use below with mc_signup form */
	position:absolute;
	top:-5px;
	left:570px;
	width:75px;
	height:70px;
}

#now-free {
	float: right;
}


#screenshots {
	width: 850px;
	height: 350px;
	margin: 0 auto;
	margin-top: 18px;
	margin-bottom: 60px;
	background: url("../images/screenshot_background.png") no-repeat;
}

#gallery-overlay {
	width: 850px;
	height: 350px;
	margin: 0 auto;
	position: relative;
	margin-top: -350px;
	background: url("../images/screenshot_overlay.png") no-repeat;
	z-index: 100000;
}

#gallery-slider-background {
	width: 810px;
	background: url("../images/track_well.gif") no-repeat;
	margin: 10px 20px 10px 20px;
}

#gallery-slider {
	width: 610px;
	height: 9px;
	margin-left: 100px;
	position: relative;
}

.ui-slider-handle {
	margin-left:-100px;
	width: 200px;
	height: 9px;
	position: absolute;
	background: url("../images/track_thumb.png") no-repeat;
	outline: none;

}

#gallery-scroll {
  width: 850px;
  height: 350px;
  margin-top: 0px;
  overflow: hidden;
  
}


#gallery-holder {
  /* width: 1565px; */
  height: 350px;
}

.gallery-item {
  padding: 0px 5px 0px 5px;
  float: left;
}


#left-column {
	padding: 0px 36px 10px 30px;
	border-right: 2px #ccc solid;
	width: 488px;
	min-height: 700px;
}

.summary-text {
	font-weight: bold;
	font-size: 15px;
	color: #444;
}

.quote-text {
	color: #0387ae;
}

.quote-author {
	color: #0387ae;
	text-align: right;
}

.justified {
	text-align: justify;
}

#right-column {
	float: right;
	padding: 10px 18px 10px 20px;
	width: 258px;
}

#now-free {
	float: right;
	margin-right: 14px
}

#app-store-link {
	margin-top: 16px;
	margin-bottom: 32px;
}

#signup {
	background: url("../images/subscribe_box.png") no-repeat;
	width: 235px;
	height: 318px;
	margin-top:40px;
	line-height: 1.15em;
}

#signup-form {
	padding: 60px 20px 10px 28px;
	font-size: 10px;
	line-height: 1.15em;
}

#subscribe-via-email {
	margin: 5px 10px 10px 10px;
}

#email-field {
	border: none;
	padding:0px;
	height: 18px;
	width: 110px;
	margin: 3px 0px 2px 10px;
}

#email-field-container {
	background: url("../images/email_field.png") no-repeat;
	width: 163px;
	height: 24px;
	padding: 0px;
	margin-left: 8px;
}

#go-button {
	float:right;
}
.email {
	width:130px;
	color: #bbb;
	font-size: 11px;
}

.about-magmic {
	margin-top: 30px;
	color: #ccc;
}

.small {
	font-size: 0.7em;
}


div#rubics-app-summary {
	position:relative;
	padding-top:10px;
	padding-bottom:15px;
}
#rubics-app-summary h4 {
	position:relative;
	left:105px;
	width:383px;
	color: #444444;
	font-size:15px;
    font-weight: bold;
    margin:5px 0px;
}
#rubics-app-summary p {
	position:relative;
	left:105px;
	width:383px;
	
}
#rubics-app-icon {
	position:absolute;
	top:0;
	left:0;
}

ul#app-store-list {
	list-style:none;
	margin:0;
	padding:0;
}
ul#app-store-list h4 {
	color: #94B205;
	font:normal normal normal 1.8em/1.8em Arial Helvetica sans-serif;
	margin:0;
}
ul#app-store-list li {
	background:transparent url("../images/separator_gray_x_1px.png") bottom left no-repeat;
}
div#header-rubiks {
	position:relative;
    height: 108px;
    margin: 5px 0 10px;
    width: 865px;	
	background:transparent url("../images/rubiks_header.jpg") 0 0 no-repeat;
}
div#header-rubiks h1 {
	position:relative;
	left:255px;
	top:50px;
	font-size:12px;
}
.purple { color:#9e5bb8; }

div#header-rubiks a#magmic-link {
	position:absolute;
	right:9px;
	top:0;
	width:163px;
	height:108px;
	text-indent:-999em;
	outline:none;
}

div#rubik-feature-panel {
	width:850px;
	height:451px; 
	margin:0 8px 30px 7px;
	background:transparent url("../images/rubiks_feature_panel_bk.jpg") 0 0 no-repeat; 
	position:relative;
}
div#rubik-feature-panel-overlay {
	position:absolute;
	top:64px;
	left:16px;
	width:818px;
	height:335px;
	z-index:999;
	background:transparent url("../images/screenshot_overlay2.png") 0 0 no-repeat;
}

/* UI Tab Menu - Horizontal */
div#tabs ul { list-style-type:none; margin:0; padding:0; }
div#tabs ul li { display:inline; float:left; margin:0; padding:0; }
div#tabs ul li.tab-title { width:250px; position:relative; left:40px; }
div#tabs ul li h3 { margin:0; font:normal normal normal 16px/40px Arial, Helvetica, sans-serif; color:#777; }
/*div#tabs ul li a { display:block; width:182px; height:44px; background:transparent url("../images/tab2.png") 0 0 no-repeat; margin-right:10px; } */


.ui-tabs, .ui-tabs-nav { position:relative; display:block; }
div#tabs ul li.ui-tabs-selected.ui-state-active { background:transparent url("../images/tab2.png") bottom left no-repeat; }
div#tabs ul li.ui-state-default { background:transparent url("../images/tab2.png") 0 0 no-repeat; }
div#tabs ul li a { display:block; width:182px; height:44px; margin-right:10px; line-height:40px; text-align:center; 
    color:#777; text-decoration:none; outline:none; }
div#tabs ul li a:hover { color:#777; background:transparent url("../images/tab2.png") bottom left no-repeat; } 
.ui-tabs-panel { clear:both; display:block; }
/* UI Tab  - put after .ui-tags-panel */
.ui-tabs-hide {  
	display: none;  
} 

/* Slider GUI (slider track) */
div.gallery-slider-background {
	width: 810px;
	height: 9px;
	margin: 10px 20px;
	background: url("../images/track_well.gif") no-repeat;	
}

/* Slider GUI (relative-absolute with below SliderHandle) */
#content-slider-1, #content-slider-2, #content-slider-3 {
	width: 610px;
	height: 9px;	
	position: relative;
	margin-left:100px;
}

/* SliderHandle GUI (relative-absolute with above Slider) */
.ui-slider-handle {
	width: 200px;
	height: 9px;
	position: absolute;
	top:0;
	left:0;
	margin:0;
	margin-left:-100px;
	background: url("../images/track_thumb.png") no-repeat;
	outline: none;
}

/* Visible area */
#content-scroll-1, #content-scroll-2, #content-scroll-3 {
	width: 818px;
	height: 335px;
	margin: 20px auto;
	overflow: hidden;
	background: url("../images/screenshot_background2.png") no-repeat;
	clear:both;
}

/* Entire scrollable content area */
#content-holder-1 {
	width:1365px;
	height: 335px;
}

.content-item {
	width: 223px;
	height: 335px;
	padding: 0 25px;
	float: left;
}

#content-holder-2 {
	width:2435px;
	height:335px;
}
.content-item-bb {
	width: 447px;
	height: 335px;
	padding:0px 20px;
	float: left;
}

#content-holder-3 {
	width:1255px;
	height:335px;
}
.content-item-win7 {
	width: 201px;
	height: 335px;
	padding:0px 25px;
	float: left;
}

/* SpadesKing addition */
#feature-screenshots {
overflow: hidden;
width: 100%;
margin-bottom:50px;
}
#feature-screenshots-title {
float:left;
margin: 0 25px 0 7px;
padding:0;
}