/* flamesgymnastics.com Main CSS */
/* Author: Jason Nguyen | Website: www.reactivdesign.com */
/*--------------------------------------------------------
Reset some default styling in common (x)html browsers
--------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin:0;
	padding:0;
}
a img, :link img, :visited img {
	border:none;
}
address {
	font-style:normal;
}
/*--------------------------------------------------------
	Headings, Paragraphs and Links
--------------------------------------------------------*/
h1 {
	height:31px;
	left:-9999px;
	position:absolute;
	width:266px;
}
h2 {
	color:#000;
	font-family:Verdana, Arial, serif;
	font-size:120%;
	letter-spacing:0.1em;
	margin:0;
	padding:0 5px 20px;
	text-align:center;
}
h3 {
	background:url("images/sub_h3_bg.png") repeat-x;
	font-size:1.2em;
	height:45px;
	line-height:2.2em;
	text-align:center;
	width:400px;
	margin: 0 0 20px;
}
h3 span.dl {
	background:url("images/icon_dl.gif") no-repeat;
	float:left;
	height:79px;
	margin:-5px 0 0 -180px;
	position:absolute;
	width:380px;
	line-height: 2.7em;
}
h3 span.today {
	background:url("images/icon_today.gif") no-repeat;
	float:left;
	height:79px;
	margin:-5px 20px;
	position:relative;
	width:380px;
	line-height: 2.8em;
}
h4 {
	margin:0 0 10px;
}
.sub2 .left p {
	color:#000;
	font-size:85%;
	line-height:1.8em;
	margin:10px 0 0;
	padding:5px;
}
/*--------------------------------------------------------
	Main Structure
--------------------------------------------------------*/
body, html {
	background:#ffec93 url("images/page_bg.gif") repeat-y top center;
}
#container {
	background:none;
	color:#000;
	font-family:arial, helvetica, serif;
	font-size:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	width:960px;
}
.ribbon {
	background:url("images/ribbon.png") no-repeat;
	float:right;
	height:128px;
	left:813px;
	margin:15px 900px 0 0;
	padding:0;
	position:absolute;
	top:0;
	width:128px;
}
/*--------------------------------------------------------
	Header
--------------------------------------------------------*/
.header {
	background:transparent url("images/header_bg.png") no-repeat;
	height:249px;
	width:960px;
}
/*--------------------------------------------------------
	Navigation
--------------------------------------------------------*/
.menu {
	background:url("images/menu_bg.png") repeat-y;
	float:right;
	height:46px;
	margin:203px 25px 0;
	padding:0;
	width:911px;
}
#nav, #nav ul {
	list-style:none;
	padding:0 0 0 88px;
}
#nav a {
	color:#fff;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:700;
	height:46px;
	line-height:2.8em;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:105px;
}
#nav li {
	display:inline;
	float:left;
	padding:0;
	width:105px;
}
#nav #current a {
	background:url("images/tab_current.png") repeat-x;
	color:#000;
}
#nav li:hover ul, #nav a:hover {
	background:url("images/tab_hov.png") repeat-x;
	color:#FFEC93;
}
/*--------------------------------------------------------
	Content
--------------------------------------------------------*/
.content_1 {
	background:url("images/content_bg1.png") no-repeat top;
	padding:0 24px;
	margin:0;
	width:912px;
}
.content_2 {
	background:url("images/content_bg2.png") no-repeat bottom;
	padding:0 24px;
	width:912px;
}
.content_2-2 {
	background:url("images/content_bg2.png") no-repeat bottom;
	height:100px;
	padding:0 24px;
	width:912px;
}
.sub {
	background:#fff;
	height:340px;
	padding:30px 0 0;
	width:911px;
}
.sub3 {
	background:#fff;
	height:400px;
	padding:30px 0 50px;
	margin:0;
	width:911px;
}
.sub3 img {
	float:left;
	margin:0 0 0 30px;
}
.sub3 span.discrip {
	float:left;
	margin:0 0 30px 30px;
	width:390px;
	font-size:0.7em;
}
.sub4 {
	background:#fff;
	height:450px;
	padding:30px 0 0;
	margin:0;
	width:911px;
}
.sub2 {
	background:#fff url("images/content_bg2.png") no-repeat bottom center;
	height:350px;
	padding:30px 0 0;
	width:911px;
}
.left {
	min-height:320px;
	float:left;
	margin:0 0 0 30px;
	width:400px;
}
.sub2 .left, .sub2 .right {
	background:url("images/sub_bg.png") repeat-x 0 50px;
	min-height:330px;
	padding:0;
	width:400px;
}
.right {
	float:right;
	margin:0 30px 0 0;
	padding:0;
	position:relative;
	width:400px;
}
.right2 {
	float:right;
	margin:0;
	padding:0;
	position:relative;
	width: 70px;
}
.main {
	margin:0;
	padding:30px 30px 50px;
	height:auto;
	background:#fff;
	position:relative;
	width:850px;
}
p {
	font-size:80%;
	line-height:1.5em;
}
.main p {
	font-size:80%;
	line-height:1.5em;
	margin:0 0 30px;
}
.box_2 {
	float:left;
	height:360px;
	margin:0 auto;
	width:460px;
}
.down, .down ul {
	list-style:none;
	padding:30px 0 0;
}
.down li a {
	background:url("images/down.png") no-repeat;
	float:left;
	font-size:90%;
	margin:20px 10px 0 20px;
	padding:0 0 0 25px;
}
.down li a:hover {
	background:url("images/down_hov.png") no-repeat;
}
.down li a:active {
	background:url("images/down_hov.png") no-repeat 0 1px;
}
.down li a:visited {
	background:url("images/down_chk.png") no-repeat;
}
.down li a:visited:hover {
	background:url("images/down_hov.png") no-repeat;
	color:#FFAE00;
	text-decoration:underline;
}
.down li span.inforight {
	color:#333;
	float:left;
	font-size:50%;
	margin:23px 0 0;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
}
.down li:hover span.inforight {
	text-indent:0;
}
#downloads {
	height:190px;
	width:420px; 
	overflow: auto;
}
.cleaner {
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
}
/*--------------------------------------------------------
	Footer
--------------------------------------------------------*/
.footer {
	background:url("images/footer_bg.png") no-repeat;
	color:#fff;
	font-size:80%;
	height:203px;
	line-height:1.5em;
	margin:0 auto;
	overflow:auto;
	padding:5px 0 0;
	text-decoration:none;
	width:960px;
	font-family: Arial, Helvetica, sans-serif;
}
.footer a, .footer a:visited {
	color:#fff;
	text-decoration:none;
}
.footer a:hover {
	color:#fff;
	text-decoration:underline;
}
.txt1 {
	margin:5px 0 0 180px;
	text-align:center;
	width:600px;
}
.txt2 {
	font-size:80%;
	height:40px;
	margin:100px 0 0 165px;
	text-align:center;
	width:630px;
}
.txt2 a {
	text-decoration:underline;
}
a, .sub2 .left span.info a:hover {
	color:#FF5700;
}
a:hover {
	color:#FFAE00;
	text-decoration:underline;
}
a:visited {
	color:#333;
}
.sub2 .left span.info {
	color:#999;
	float:left;
	font-size:0.6em;
	height:20px;
	margin:0 auto;
	padding:20px 20px 0;
	position:relative;
	width:380px;
}
.sub2 .left span.info a {
	color:#ff8e53;
}
.sub .right span.info, .sub2 .right span.info {
	float:right;
	font-size:80%;
	margin:0;
	padding:10px 20px 0;
}
.iframe {
	display:block;
	float:left;
	height:200px;
	margin:10px 0 0 25px;
	overflow:hidden;
	position:relative;
	width:350px;
}
.iframe2 {
	background:#fff;
	height:579px;
	margin:0;
	overflow:hidden;
	padding:20px 55px 0;
	width:801px;
}
:link, :visited, .txt2 a:hover {
	text-decoration:none;
}
.leftbox {
	float:left;
	margin:0 24px;
	padding:0 0 0 25px;
	width:886px;
	background: #fff;
}
.right3 {
	clear:right;
	float:right;
	width:220px;
}
/*----Form-----*/
form {
	color:#000;
	font-size:80%;
	margin:0;
	width:420px;
}
.form-left {
	float:left;
	margin:0;
	padding:0;
	width:180px;
}
.button {
	margin:0 auto;
}
.button input {
	height:auto;
	width:auto;
}
fieldset {
	border:none;
	padding:0;
}
input {
	background:#ffec93;
	border:1px solid #ffec93;
	height:20px;
	margin:0 0 10px;
	padding:2px 0;
	width:175px;
}
textarea {
	background:#ffec93;
	border:1px solid #ffec93;
	padding:0;
	width:14.5em;
}
label {
	line-height:1.8em;
}
input:hover, textarea:hover, textarea:focus, input:focus {
	background:#ffae00;
	border:1px solid #ff9700;
	color: #fff;
}
.right3 span.button {
	color:#ff5700;
}