body {
	background: url(bg_top.png) repeat-x;
	margin: 0;
	font-family: Arial;
	color: #574c4c;
}

/* links */
a {
	color: #a1c02b;
	text-decoration: none;
}

/* images */
img {
	border: 0px;
}

/* images that float to the left */
img.floatLeft { 
    float: left; 
    margin: 4px; 
}

/* the main layour table */
.layout_table {
	width: 800px;
	border-style: none;
	border-width: 1px;
	padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
}

/* the two images at the top */ 
.layout_table_header {
	height: 145px;
	vertical-align: top;
}

/* language selection bar */
.layout_table_languages {
	text-align: right;
}

/* the bg_bottom.png image at the footer */
.layout_footer {
	width: 100%;
	height: 70px;
	background: url(bg_bottom.png) repeat-x;
	margin: 0;
}

/* invisible text */
.no_show {
	color: rgba(213,213,213,0);
	font-size: 40%;
	display: none;
}

/* Green-brackets box's right side */
.bracket_box_r {
	background:#fff url(right_bracket.png) 100% 0 repeat-y;
	padding: 0 12px 0 0;
}

/* Green-brackets box's left side */
.bracket_box_l {
	padding:0 0 0 12px;
	background:#fff url(left_bracket.png) 0 0 repeat-y;
}

/* Green-brackets box's top */
.bracket_box_t {
	height:17px;
	margin:0 -12px;
	background:url(bracket_box.png) 100% 0 no-repeat;
}
.bracket_box_t div {
	width:18px;
	height:17px;
	background:url(bracket_box.png) 0 0 no-repeat;
}

/* Green-brackets box's bottom */
.bracket_box_b {
	height:17px;
	margin:0 -12px;
	background:url(bracket_box.png) 100% 100% no-repeat;
}
.bracket_box_b div {
	width:18px;
	height:17px;
	background:url(bracket_box.png) 0 100% no-repeat;
}

/* home.html */
.home_body_table {
	border-style: none;
	border-width: 1px;
	padding-left: 50px;
}

.about {
	text-align: justify;
	width: 400px;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-right: 80px;
}
.about p {
	padding-right: 15px;
	padding-left: 15px;
}
.about span {
	color: #000;
	font-weight: bold;
	font-size: 18px;
}
.showcase {
	padding-top: 20px;
	text-align: center;
}

/* contact.html */
td.contact_top {
	padding-bottom: 60px;
}

/* right-aligned links */
.align_right {
	float: right;
}

.appnav_row {
	
}

/* app's name within the app's mini-website */
.appnav_title {
	font-size: 18pt;
	float: left;
	color: #515151;
	padding-left: 80px;
	padding-top: 20px;
	font-weight: bold;
}

/* app's mini-website navigation menu */
.appnav_menu {
	float: right;
	padding-right: 110px;
	padding-top: 20px;
}

/* */
#appnav li {
	display: inline;
	list-style-type: none;
	padding-right: 5px;
}

#appnav a {
	color: #515151
}

#appnav a:hover {
	color: #a1c02b;
}

#appnav a {
	color: #515151;
}

#inactive a {
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	background-color: #eaeaea;
}

#inactive a:hover {
	color: #515151;
}


#active a {
	color: #feffff;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	background-color: #b4dd3f;
}

#active a:hover {
	color: #555555;
}

.bold_blackes {
	width: 500px;
}

/* style for app's manual tables */
.manual_table {
	margin: auto;
	/* width: 700px; */
	padding-top: 15px;
}

.manual_screenshot {
	padding: 15px 25px;
}

#manual_screenshot {
	padding: 1px;
	border: 1px outset #919191;
}

.manual_text {
	width: 380px;
	padding: 15px 25px;
	text-align: justify;
}

/* style for app's faq tables */
.faq_table {
	margin: auto;
	width: 600px;
	padding-top: 15px;
}

.faq_row {
	padding-bottom: 25px;
}

/* style for bold black font */
.bold_black {
	color: #000;
	font-weight: bold;
}