body {
	background-image:url(../img/bg1.gif);	
	font-family:"HelveticaNeue-Light","HelveticaNeue",Helvetica,Arial,sans-serif;
}

div.content div.content-holder a:link {
	color:#0AC7B1;	
}
div.own-bg {
	position:absolute;
	left:50%;
	width:900px;
	margin-left:-450px;
	min-height:100%;
}
div.own-bg-holder { position: relative; top:0; left:0; }
div.holder-bg-own,
div.holder-bg,
div.holder-shadow1,
div.holder-shadow2 {
	position:absolute;
	left:50px; top:0;
	width:800px;
	background-image:url(../img/bg2.gif);
	background-repeat:repeat-y;
	min-height:100%;
}

div.holder-bg {	
	background-image:url(../img/bgTop.gif);
	background-repeat:no-repeat;
	top:0; left:0;
}

div.holder-shadow2 {
	width:50px;
	
	left:850px;
	background-image:url(../img/shadow1.gif);
}

div.holder-shadow1 {
	width:50px;
	left:0;
	background-image:url(../img/shadow2.gif);
}

/**
 * header *
 */
.header {
	height:190px;	
} 
h1#logo {
	position:absolute;
	left:0; top:0;
	background-image:url(../img/little-fifteen-puzzle-logo.png);
	background-repeat:no-repeat;
	width:420px; height:185px;
}

h1#logo strong {
	position:absolute;
	top:-1500px;
	left:-1500px;
}

h3#slogan {
	background-image:url(../img/slide-your-tiles.png);
	background-repeat:no-repeat;
	width:348px; height:89px;
	position:absolute;
	left:450px;
	top:20px;
}
	
	
h3#slogan strong {
	position:absolute; left:-1600px; top:-1600px;
}

ul#menu {
	position:absolute; top:142px; left:50px;
}

ul#menu li {
	width:124px;
	height:36px;
	float:left;
	margin-right:15px;
	background-image:url(../img/menu.png);
	background-repeat:no-repeat;
}

ul#menu li a {
	display:block;
	width:124px; height:36px;	
}
ul#menu li a strong {
	position:absolute; top:-1700px; left:-1700px;
}
/**
 * about menu item
 */
ul#menu li.menu-about { background-position:-6px -6px; }
ul#menu li.menu-about:hover { background-position:-6px -92px; }
ul#menu li.menu-about-sel { background-position:-6px -49px; }
/**
 * puzzles menu item
 */
ul#menu li.menu-puzzles { background-position:-142px -6px; }
ul#menu li.menu-puzzles:hover { background-position:-142px -93px; }
ul#menu li.menu-puzzles-sel { background-position:-142px -49px; }


/**
 * go to sonettic button
 */
a#goto {
	display:block;
	width:254px; height:45px;
	background-image:url(../img/go-to-sonettic.png);
	background-repeat:no-repeat;
	position:absolute;
	left:514px;
	top:138px;
}
a#goto:hover {
	background-position:0 -45px;	
}
a#goto strong {
	position:absolute;
	top:-1800px;
	left:-1800px;
}

/**
 * design of content 
 */
div.content {
	overflow:hidden;
	display:block;
	width:800px;
	margin-left:10px;
}


div.content div.body,
div.content span.body-footer {
	width:591px;
	background-image:url(../img/layout-corners.png);
	background-position:0 -43px;
	background-repeat:no-repeat;
	overflow:hidden;
	float:left;
}

div.content div.body-bg {
	background-image:url(../img/layout-bg.png);
	background-repeat:repat-y;
	margin-top:43px;
}

div.content span.body-footer {
	display:block;
	background-position:0 0;
	height:43px;
}

div.content div.content-holder {
	position:relative;
	top:-28px;
	background-image:url(../img/layout-top-gradient.png);
	background-repeat:repeat-x;
	width:561px;
	margin-left:15px;
}

/**
  * content design
  */
div.content div.content-holder p {
	padding:0px;
	margin-top:15px;
	line-height:180%;
	font-size:90%;
	letter-spacing:-0.02em;
	color:#556850;
	padding-right:15px;
	margin-left:25px;
}

div.content div.content-holder h4.features-head {
	font-size:1.3em;
	letter-spacing:-0.02em;
	margin-left:50px;
	margin-top:25px;
	margin-bottom:25px;
	font-weight:normal;
	color:#3B9209;
		
}
div.content div.content-holder ul.features {
	margin-top:10px;
	overflow:hidden;
	margin-left:100px;
}

div.content div.content-holder ul.features li {
	line-height:140%;
	font-size:90%;
	letter-spacing:-0.02em;
	color:#556850;
	paddig-left:25px;
	margin-bottom:10px;
	padding-left:30px;
	padding-right:10px;
	background-image:url(../img/bullet.png);
	background-repeat:no-repeat;
	background-position:10px 3px;
}
div.content div.content-holder h2 {
	font-size:2.5em;	
	font-weight:normal;
	color:#18d6ff;
	letter-spacing:-0.03em;
	margin-left:25px;
	padding-top:15px;
}
/**
 * footer design 
 */

.footer {
	float:left;
	overflow:hidden;
	clear:both;
	display:block;
	overflow:hidden;
	height:150px;
	margin-top:50px;
}

.footer .left-side {
	width:400px;	
	float:left;
}
.footer .left-side p {
	font-size:0.8em;
	color:#454545;
	margin-left:15px;
	margin-top:35px;	
}
.footer .right-side {
	width:400px;
	float:right;	
}
.footer a#sonettic-logo {
	width:317px; height:88px;
	display:block;
	float:right;
	background-image:url(../img/sonettic.png);
}

.footer a#sonettic-logo strong {
	position:absolute;
	top:-1850px; left:-1850px;
}

/**
 * column design
 */
 div.content div.body-holder {
 	float:left;
 	width:591px;
 }	
.content div.column {
	float:right;
	width:200px;
	margin-top:15px;
}

div.column .appstore p {
	font-size:0.8em;	
	padding-right:15px;
	padding-top:10px;
	padding-left:5px;
	line-height:1.2em;
	color:#484848;
}

div.column .random-puzzle {
	margin-top:35px;
	display:none;	
}

div.column .random-puzzle .title {
	margin-bottom:10px;
}

div.column .random-puzzle div {
	text-align:center;
	width:150px;
}

div.column .random-puzzle div h5 {
	font-size:1em;
	color:#db680b;
	font-weight:normal;
	margin-bottom:4px;
}

div.column .random-puzzle div p {
	font-size:0.8em;
	color:#484848;
}

/**
 * preview design
 */
.preview-small {
	width:190px;	
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	margin-top:20px;
	overflow:hidden;
}

.preview-small ol {
	width:190px;
	display:block;
	overflow:hidden;
	text-align:center;
	margin-bottom:5px;
}

.preview-small ol li {
	display:inline-block;
	width:6px; height:6px;
	margin:0; padding:0;
	background-image:url(../img/pages.png);
	background-position:-6px 0;
	line-height:6px;
}
.preview-small ol li.sel,
.preview-small ol li:hover {
	background-position:0 0;
}
.preview-small ol li a { text-decoration:none; display:inline; width:6px; height:6px; line-height:6px;}

.preview-subholder {
	display:block;
	overflow:hidden;	
}
a.arrow {
	float:left;
	margin-top:115px;
	background-image:url(../img/arrows.png);
	width:20px; height:20px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:-3px -3px;
}

a.arrow:hover {
	background-position:-3px -25px;
}
a.arrow:active {
	background-position:-3px -3px;
}

a.arrow-left {
	background-position:-26px -3px;
}
a.arrow-left:hover {
	background-position:-26px -25px;
}

a.arrow-left:active {
	background-position:-26px -3px;
}

.preview-image {
	margin-left:5px;
	margin-right:5px;
	float:left;
	width:140px; height:298px;
	background-image:url(../img/iphone-small.png);
	background-repeat:no-repeat;
}

.preview-image .carousel {
	margin-top:43px;
	margin-left:13px;	
}
.leftfloat { float:left; margin-right:15px; margin-left:10px; }


/**
 * big preview style
 */
.iphone-preview {
	position:absolute;
	top:20px; left:50%;
	z-index:1000;
	margin-left:-195px;
	width:389px;
	height:830px;
	display:none;
}

.iphone-preview img.iphone {
	position:absolute;
	top:0; left:0;
	z-index:1002;
}

.iphone-preview img.reflection {
	position:absolute;
	top:0; left:0;
	z-index:1001;
}

.link {
	cursor:pointer;
}

/**
 * included games box
 */
#included {
	width:512px;
	border:0px dashed #000;
	margin-left:25px;
	margin-top:25px;
}

#included .inc-top,
#included .inc-bottom {
	background-image:url(../img/included-corners.png);
	display:block;
	height:28px;
	background-repeat:no-repeat;
}

#included .inc-bottom {	
	background-position:0 -28px;
}

#included .inc-body {
	background-image:url(../img/included-corners.png);
	background-repeat:repeat-y;
	background-position:-512px 0;
}

.games-list h3,
h3.games-list {
	font-size:1.4em;
	font-weight:normal;
	margin-left:25px;
	color:#49633A;
}

.games-list ul li {
	overflow:hidden;
	margin-top:25px;
}

.games-list ul li div.game-preview, 
.games-list ul li div.game-desc {
	float:left;
}

.games-list ul li div.game-preview {
	width:30%;
	text-align:center;
}

.games-list ul li div.game-desc {
	width:70%;
	margin-top:10px;
}

.games-list ul li div.game-desc h4 {
	color:#E7630B;
}
.game-details {
	overflow:hidden;
	display:block;	
}
.games-list ul li div.game-desc span.game-size {
	float:left;
	font-size:14px;
	margin-top:3px;
	margin-bottom:10px;
	width:43px; height:20px;
	background-image:url(../img/game-size.png);
	background-repeat:no-repeat;
	line-height:22px;
	font-weight:bold;
	color:#454545;
	text-align:center;
}

.games-list ul li div.game-desc span.game-category {
	line-height:28px;
	display:block;
	float:left;
	font-size:16px;
	margin-left:15px;
	color:#343434;
	text-shadow:1px 1px 1px #fff;
}

.games-list ul li div.game-desc p {
	display:block;
	overflow:both;
	margin:0; padding:0;
}

.down-games {
	margin-left:25px;
}

h3.games-list-head {
	margin-left:50px;
	margin-top:25px;
	color:#60B901;
}

#loadbar {
	margin-left:25px;
	margin-top:50px;
	margin-bottom:50px;
}

div.content div.content-holder div.video {
	background-color:#000000;
	overflow:hidden;
	height:393px;
}

div.content div.content-holder h6.video-title {
	color:#18D6FF;
	font-size:1.5em;
	font-weight:normal;
	margin-left:50px;
	margin-bottom:15px;
	margin-top:50px;
	letter-spacing:-0.03em;
}