body {
	background: #333;
	color: #0000EE;
	font-family: Arial,Verdana,Helvetica;
	font-size: 14px;
	margin: 0;
	padding: 10px;
}

a:link, a:visited, a:hover, a:active {
	color:#000000;
	text-decoration: none;
}

p {
	margin: 5px;
	padding: 0;
}

.break {
	background: transparent url(../images/break.png) no-repeat scroll center top;
	height: 6px;
}

ul {
	margin: 7px;
	list-style-type: circle;
	list-style-position: inside;
}

#header {
	color: white;
    background-image: url(../images/header-gradient.png);
    background-repeat: repeat-x;
	height: 110px;
	font-family: 'Arial Black',Arial,Verdana,Helvetica;

    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

#header img {
	height: 90px;
	width: 90px;
	margin-left: 20px;
	margin-top: 10px;
}

#header h1 {
	display: inline;
	font-family: 'Arial Black',Arial,Verdana,Helvetica;
	font-size: 72px;
	margin: 0;
	vertical-align:top;
}

#header ul {
	margin-top: 70px;
}

#header a:link, #header a:visited, #header a:hover, #header a:active {
	color:#FFFFFF;
	text-decoration: none;
}

#menu {
	float: right;
}

#menu a {
	text-decoration: none;
}

#footer {
    color: white;
    background-image: url(../images/footer-gradient.png);
    background-repeat: repeat-x;
    height: 30px;

    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

#content {
	color: #000;
	background: #fff;
}

.box {
	height: 180px;
	margin-top: 15px;
	margin-bottom: 15px;
    border: solid 3px blue;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.box:hover {
	height: 180px;
	margin-top: 15px;
	margin-bottom: 15px;
    border: solid 3px red;
}

.box .logo {
	float: left;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 10px;
	margin-right: 10px;
	height: 100px;
	width: 100px;
}

.box .detail {
	margin-top: 26px;
	margin-bottom: 26px;
	margin-left: 10px;
	margin-right: 10px;
}

.box .detail h1 {
	display: inline;
	font-size: 24px;
	margin: 0px;
    line-height:  80%;    
}

.box h2 {
	display: inline;
	font-size: 14px;
	margin: 0px;
}

.box p {
	float: right;
}

.box .extra {
}

/* Home page style */
.home_text {
	font-size: 12px;
	margin-top: 40px;
}

.home_text h1 {
	display: inline;
	font-family: 'Arial Black',Arial,Verdana,Helvetica;
	font-size: 48px;
	margin: 0px;
}

.home_text .extra {
	float: right;
}

.home_text h2 {
	display: inline;
	font-size: 28px;
	margin: 0px;
}

.home_text p {
	margin: 0px;
}

.home_text ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Software page style */

.software {
	color: #000;
	background: #fff;
}

.software h1 {
	font-size: 32px;
    line-height:  80%;
	margin: 0;
}

.software h2 {
    font-size: 18px;
	margin: 0 0 0 5px;
}

.software h3 {
	font-size: 18px;
	margin: 0;
}

.software ul li span {
	display:inline-block;
	width: 100px;
}

.software-title h1 {
	display: inline;
	vertical-align: top;
	margin: 0;
    line-height:  150%;        
}

.software-title img {
	padding: 8px 7px 0px 8px;	
}


.software-title a img {
	padding: 8px 7px 0px 8px;
	float: right;
}

.software-download {
	float: right;
	text-align:center;
}

.software-iphone-shot {
	padding: 15px;
}

.gps-shot {
	padding-top: 15px;
	padding-bottom: 15px;
}

.gps-bubble-0 {
	height: 210px;
	width: 220px;
	padding-bottom: 15px;
}

.gps-bubble-0 p {
	margin: 0 0 0 11px;
}

.gps-bubble-0 ul {
	margin: 0 0 7px 11px;
}

.gps-bubble-0 li {
	margin: 0 0 0 0;
}

.gps-bubble-left-top {
	padding-top: 70px;
}

.gps-bubble-left-bottom {
	padding-top: 100px;
}

.gps-bubble-right-top {
	padding-top: 195px;
}

.gps-bubble-right-bottom {
	padding-top: 150px;
}

.gps-bubble-left-top p, .gps-bubble-left-bottom p, .gps-bubble-right-top p, .gps-bubble-right-bottom p {
	margin: 0 0 0 11px;
}

.gps-bubble-left-top ul, .gps-bubble-left-bottom ul, .gps-bubble-right-top ul, .gps-bubble-right-bottom ul {
	margin: 0 0 7px 11px;
}

.gps-bubble-left-top li, .gps-bubble-left-bottom li, .gps-bubble-right-top li, .gps-bubble-right-bottom li {
	margin: 0 0 0 0;
}


#acknowledgment a {
	color: blue;
}

.box-small {
	margin: 0px;
	height: 45px;
	width: 155px;
    border: solid 3px blue;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.box-small:hover {
    border: solid 3px red;
}

.box-small p {
	font-family: Arial Black,Arial,Verdana,Helvetica;
	font-size: 24px;
}

#ad-block {
}


/* Basic code - don't modify */

#menu { display: block; margin: 0; padding: 0; position: relative; }
#menu li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#menu a { display: block; }
#menu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #menu ul { line-height: 0; } /* IE6 "fix" */
#menu ul a { zoom: 1; } /* IE6/7 fix */
#menu ul li { float: none; }
#menu ul ul { top: 0; }
#menu ul { width: 140px; }
#menu ul ul { left: 141px; }
#menu { height: 28px; }
#menu a { color: white; font-size: 14px; padding: 6px; line-height: 1; }
#menu a:hover { color: red; }
#menu ul { top: 29px; }