@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	font-size:13px;
	font-family: arial, verdana, sans-serif;
}
	
	body {
		margin:10px;
		padding:0px;
		background:#fff;
		font-family: arial, verdana, sans-serif;	
		font-size:100%;
		}
	#picture{
		position: absolute;
		left: 60px;
		top:50px;
		margin:30px;
		}	
	
	#main {
		/*position: absolute;
		left: 50px;
		top:50px; */
		width:700px;
		/*height:500px;*/
		padding-left: 300px;
		padding-top:100px;
		border:1px solid #888;
		text-align: justify;
		margin: 50px;
		}
		
#menu {
	position: absolute;
	left: 370px;
	top:60px;
	width:660px;
	font-size:12px;
	text-transform: uppercase;
	/*color:#999;*/
	color:#0099ff;
		margin:20px auto;

	}
	
	

#last_update{
		position: absolute;
		left: 760px;
		top:515px;
		Font-size:10px;
		width:200px;
		color:#888;
		}
	
	p,h1,h2,h3,#main li {
		margin:0px 25px 25px 25px;
		text-align: justify;
		font-size:13px;	
		/*color:#444;*/
		color:#000000;
		}


		
	h1 	{
		font-size:150%;
		padding-top:15px;
		/*text-transform: uppercase;*/
                letter-spacing: 0.1em;
		/*color: #444;*/
		color:#000000;	
		/*color:#0099ff;
		color:#336600;*/
		/*text-shadow:#333333;*/
		/*letter-spacing:120%;*/
		}
	h2 	{
		font-size:130%;
		padding-top:15px;
		text-transform: uppercase;
		/*color: #444;	*/
		color:#000000;
		/* letter-spacing:120%;*/
		}
	h3 {
		font-size: 110%;
		padding-top:0px;
		margin-left:25px;
		
	}
		

	
	td	{ 
		color:white;
		}
		
#menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	/*border-top:1px solid #ddd;*/
	border-top:1px solid #0099ff;
	border-bottom:1px solid #0099ff;
	}

#menu  li { /* all list items */
	float: left;
	position: relative;
	width: 220px;
	/* border-bottom:1px solid #ddd; */
	border-bottom:1px solid #0099ff;	
}
		
#main ul {
 	margin-left: 10px;
}

#main ul li {
	margin-left: 50px;
        /*list-style:square;*/
}
	
 li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	
	}

ul li a {
	display: block;
	text-decoration: none;
	color: #888;
	color: #000;
	background: #fff;
	padding: 5px;
	/*border: 1px solid #ccc;*/
	border-bottom: 0;
	}

#main ul li a{
        display: inline;
        background: #fff;
        color: #0033ff;
        padding: 0px;
        text-decoration:none;
}

/* Fix IE. Hide from IE Mac \*/
* html  ul li { /*float: left;*/ }
* html  ul li a { /*height: 1%; */}
/* End */

ul li a:hover {
	color: #000;
	background: #eee;
	
		}

p a:link {
	/*color: #444; */
	/* color:#000000; */
	text-decoration:none;
	/* font-weight:bold; */
	}
p a:visited {
	/*color: #444;*/
	/* color:#000000; */
	text-decoration:none;
	/*font-weight:bold; */
	}
p a:active {
	color: red;
	text-decoration:none;
	}
p a:hover {
	color: red;
	text-decoration:none;
	}
	
#main li a:link {
	/*color: #444; */
	/* color:#000000; */
	text-decoration:none;
	/*font-weight:bold;*/
	}
#main li a:visited {
	/*color: #444;*/
	/* color:#000000; */
	text-decoration:none;
	/*font-weight:bold; */
	}
#main li a:active {
	color: red;
	text-decoration:none;
	}
#main li a:hover {
	color: red;
	text-decoration:none;
	}
	

#footer{
	margin-top:50px;
	width: 660px;
	position:relative;
	border-top:1px solid #0099ff;
	background-color: #FFFFFF;
	color: #FFFFFF;
	left: 10px;
}

#footer p{
	font-size: 85%;
	padding: 3px;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight:bold;
	color: #444;
}

#footer a{
	padding: 3px;
	font-size: 100%;
	text-align:center;
	text-decoration: none;
	color: #444;
	font-weight:bold;
}

#contact input, textarea {
	padding-left: 2px;
	border: 1px #8E8E8E solid;
	/*font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 8.5pt; */
}
#contact input.contacttext {
	width: 20em; }
#contact input.contactsubmit {
	margin-left: 10em; 
	margin-bottom: 2em;
	font-size:90%
	}
#contact textarea.contactmsg {
	width: 40em;
	height: 10em; }
#contact label {
	margin-left: 40px;
	/*font-size: 90%;*/
	float: left;
	display: block;
	width: 5em;
	text-align: left;
	margin-right: 0.5em; 
}

#contact div.content {
	/*font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 70%;*/
	line-height: 1.45;
	color: #333333;
	border: 0.5em solid #E6E6E6;
	padding: 14px;
	width: 640px; }

/*	
.leftimage {
        margin-right: 50px;
        margin-left: 0px;
		margin-bottom: 5px;
        float: left;
}
*/

.leftimage{
        float: left;
        margin: 0px 20px 0px 20px;
        border: none;
/*      width:150px;*/
}


.rightimage {
		margin-right: 50px;
		margin-left:50px;
		margin-bottom:5px;
        float: right;
}

.appstorebadge{
        float: right;
        margin: 0px 0px 30px 40px;
        border: none;
        text-decoration: none;
}
		
.clearit{
        clear: both;
}

#apple_disclaimer p{
	margin: 0px;
	font-size:70%;
}

#iphone_manual {
}

#subtitle {
        font-weight: bold;
        display: inline;
}

.inlineimage {
        padding: 0px 1px 0 1px;
        margin: 0;
        text-decoration: none;
        border: none;
}

.inlineimage_screenshot {
        padding: 0px 2px 0 2px;
        margin: 0;
        margin-top: 1px;
        text-decoration: none;
        border: none;
}


dt {
    padding-top: 12px;
}

dd {
   width: 670px;
   padding: 4px 14px 2px 2px;

}