/* CSS Document */


body
{
/* background-color:#FCF8EF; */
/*	color:#3c401a; */

/*		font-family: 'Gill Sans', Helvetica, Arial, sans-serif; */
		font-size:18px;
}
.container
{
max-width:940px;
}

.navbar .maintitletext {
	font-family: Gill Sans, Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:bold;
}

.info
{
	/*
	margin-top:30px;
	margin-bottom:30px;*/
	padding:10px;	

}

.bigtitle
{
	font-family: Gill Sans, Helvetica, Arial, sans-serif;
	font-weight:bold;
	
/*	color:#e6b001;	*/
/*	color:#3c401a; */	


/*	color: #DF7B15; */
}


#bg1, #bg2,
#bg1_phone, #bg2_phone
{
	position: absolute;
	top:0;
	left:0;
	max-width:none;
}

#bg1, #bg1_phone
{
	z-index: 1;
}

#bg2, #bg2_phone
{
	z-index: 0;
}


#fore1, #fore2,
#fore1_phone, #fore2_phone
{
	position: absolute;
	bottom:0px;
	left:0px;
}


#fore1, #fore1_phone
{
		z-index: 100;
}

#fore2, #fore2_phone
{
		z-index:200;
		visibility:hidden;
}

#main
{
	position:relative;
	padding:0;
	background-image:url(images/bg1.jpg);
	height:256px;
	overflow: hidden;
	
	min-width:722px;
	
	
	margin-left:auto;
	margin-right:auto;

	margin-bottom:10px;
	
}

#main_phone
{
	position:relative;
	padding:0;
	background-image:url(images/bg1.jpg);
	height:256px;
	overflow: hidden;
	
/*	min-width:722px; */
	
	
	margin-left:auto;
	margin-right:auto;

	margin-bottom:10px;
	
	
}

.shadowbottom
{
	-moz-box-shadow: 0px 2px 5px #888;
	-webkit-box-shadow: 0px 2px 5px #888;
	box-shadow: 0px 2px 5px #888;
}

#main .appstore
{
	position:absolute;
	z-index:200;
	bottom:10px;
	right:10px;
}
.appstore img
{
	
	width:135px;
	height:40px;
	

}

.sub-main-phone
{
	position:relative;
	height:50px;
}

.sub-main-phone .appstore
{
	position:absolute;
	right:10px;
	top:0px;
}

.gallery
{
	padding:10px;	
	
}
.gallery img
{
	width:100px;
	height:100px;
	
	overflow:hidden;
	-moz-box-shadow: 1px 1px 3px #888;
	-webkit-box-shadow: 1px 1px 3px #888;
	box-shadow: 1px 1px 3px #888;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

		margin:10px;

}
.screenshot
{
	padding:10px;
}
.screenshot img
{
	height:100px;
	
	overflow:hidden;
	-moz-box-shadow: 1px 1px 3px #888;
	-webkit-box-shadow: 1px 1px 3px #888;
	box-shadow: 1px 1px 3px #888;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

		margin:10px;
}


.inner-shadow {
	
	/* border: 2px silver solid; 
	border-radius:5px;*/
   -moz-box-shadow:    inset 0 0 5px #555;
   -webkit-box-shadow: inset 0 0 5px #555;
   box-shadow:         inset 0 0 5px #555;
   background-color:#F3F3F3;
   
}


@media (max-width: 978px) {
    .container {
      padding:0;
      margin:0;
    }

    body {
      padding:0;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
      margin-left: 0;
      margin-right: 0;
      margin-bottom:0;
    }
}