/* CSS Document 
============================================================== */

body,td,th {
	font-family: 'Varela Round', sans-serif !important;
	font-size: 14px;
}
body {
	margin: 0px auto;
	width: 100%;
}

/* Header 
=============================================================== */

.tgos_header { width: 100%; border-bottom: 0px solid #3e2020; background: rgb(238,238,238);
background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); }
.header { width: 80%; margin: 0 auto; position: relative; }
.header:after { content: ""; display: table; clear: both; }
.logo { float: left; padding: 1.5em 0em; }
.logo img { height: 44px; }
.searchbox { float: left; padding: 1.7em 1em 1em 1em; margin-left: 5em; width: 25%; text-align: center; }
.searchbox input[type=text] { padding: .6em 1em; font-size: 1.2em; border: 1px solid #3e2020; width: 80%; }
.searchbox .searchbtn { background: #3e2020; color: #fff; padding: .9em 1em; margin-left: -4px; cursor: pointer; }
.navi { float: right; font-family: 'Varela Round', sans-serif; }
.navt { float: left; padding: 1.8em 1em;  }
.navicon { float: left; font-size: 2.3em; margin-right: .2em; color: #3e2020; border-left: 4px solid #ddd; padding-left: 1em; letter-spacing: 0px; font-weight: bold; }
.naviconf { float: left; font-size: 2.5em; margin-right: .2em; color: #3e2020; padding-left: 1em; }
.navinfo { float: left; }
.navname { font-size: 1em; color: #666; }
.navitem { font-size: 1.3em; color: #e55c28; font-weight: bold; }
.cartlink { cursor: pointer; }

.itmlbl { font-size: .6em; font-weight: normal; color: #666; }

/* Footer 
================================================================ */

.showcase { padding: 2em; position: relative; }
.showcase_screenshots { padding: 2em; float: left; width: 50%; text-align: right; }
.showcase_message { padding: 4em 2em 2em 2em; float: right; width: 50%; }
.showcase_message_title { font-family: 'Varela Round', sans-serif; font-size: 3.5em; color: #f60; margin-bottom: .3em; letter-spacing: -1px; font-weight: bold; }
.showcase_message_desc { font-family: 'Varela Round', sans-serif; font-size: 4em; color: #3e2020; letter-spacing: -1px;  font-weight: bold; line-height: 1em; }
.showcase_message_act { margin-top: 3em; position: relative; }
.showcase_appbutton { float: left; text-align: center; }
.redtext { color: #c00; }

.content {
	max-width: 75%;
	margin: 0 auto;
	margin-top: 2em;
	margin-bottom: 4em;
}

.content_title {
	font-family: 'Varela Round', sans-serif; font-size: 4em; color: #f60; margin-bottom: .3em; letter-spacing: -1px; font-weight: bold;	text-align: center;
}

.content_info {
	text-align: justify;	
}

.content_info p {
	text-align: justify;
	margin-bottom: 1.5em;	
}

.content_info h4 {
	text-align: justify;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	font-weight: bold;	
	color: #090;
}

img.shot { width: 70%; }
img.giog { max-height: 70px; }


/* Footer 
================================================================ */

.tgos_footer { width: 100%; border-top: 4px solid #ec8964; background: rgb(77,38,38);
background: linear-gradient(180deg, rgba(77,38,38,1) 0%, rgba(102,51,51,1) 100%); }
.footin { padding: 1em; width: 70%; margin: 0 auto; color: #fff; margin-bottom: 2em; margin-top: 2em; }
.footin:after { content: ""; display: table; clear: both; }
.fcont { padding: 0 5%; }
.footin_icon { font-size: 4em; margin-bottom: .25em; color: #ec8964; }
.footin_title { font-size: 2.2em; font-weight: bold; margin-bottom: 1em; letter-spacing: 0px; font-family: 'Varela Round', sans-serif; }
.footin_info { font-size: 1.3em; color: #fff; }

.footer { padding: 1em; width: 80%; margin: 0 auto; color: #fff; border-top: 1px solid #ec8964; padding-top: 1em;  }
.footer:after { content: ""; display: table; clear: both; }
.copy { float: left; width: 40%; padding-left: 2em; font-family: 'Varela Round', sans-serif; }
.clnk { float: right; width: 50%; padding: 0% 2%; position: relative; text-align: right; }
.clnk:after { content: ""; display: table; clear:both; }
.clnk li { list-style: none; display: inline-block; padding: 0em 2em; border-left: 2px solid #ccc; font-size: 1em; }
.clnk li a, .clnk li a:visited { font-weight: bold; color: #fff; text-transform: none; text-decoration: none; }
.clnk li a:hover, .clnk li a:active { color: #fff; text-decoration: underline; }

.cen { text-align: center !important; }