/*---------- Main Layout -------- */

#wrapper {
  	margin: 0 auto 0 auto;
  	text-align: left;
  	width: 740px;
}

#header {
	margin: 0 0 0 0;
	width: 740px;
	height: 334px;
	background:url(../images/header.jpg);
}

#nav-bar {
	height: 46px;
}

#content {
	width: 740px;
}

#footer {
	clear: both;
	width: 100%;
	margin: 3em 0 0 0;
	background:#fff url(../images/footer-bg.jpg) repeat-x bottom;
	height: 45px;
}

#footer-center {
	margin: 0 auto 0 auto;
	height: 45px;
	width: 740px;
}

h1 {
	font-size: 4em;
}

h2 {
	font-size: 2.1em;
	color: #a30d0f;
	letter-spacing: -.05em;
}

h3 {
	font-size: 1.6em;
	color: #a30d0f;
	Margin: 1.5em 0 0.3em 0;
}

h4#footer-text {
	font-family: "Century Gothic", sans-serif;
	font-size: 1.2em;
	padding: 1.1em 0 0 5em;
	color: #a30d0f;
}

p {
	font-size: 1.3em;
	color: #466990;
}

a {
	text-decoration: none;
	color: #eee;
}

#nav {
	margin: 0;
	padding: 0;
	height: 46px;
}

#nav li {
	display: inline;
	padding: 0;
	margin: 0;
}

#nav a:link, #nav a:visited {
	font-size: 1.4em;
	color: #eee;
	padding: 13px 20px 16px 20px;
	float: left;
	width: auto;
	border-right: 1px solid #444;
}

#nav li:first-child a {
	border-left: 1px solid #444;
}

#nav a:hover {
	background: #444;
}

#home #nav-home a, #schedule #nav-schedule a, #contact #nav-contact a {
	background: #333;
}

#footer a {
	color: #a30d0f;
}

#footer a:hover {
	color: #a30d0f;
	border-bottom: dotted 1px #a40000;
}

.clear {
	clear: both;
}


/*-------- CONTENT styles -------------*/

#content-main {
	width: 500px;
	float: left;
	margin: 1.5em 0 0 1em;
}

#content-strip {
	width: 200px;
	float: left;
	margin: 1em 0 0 1.5em;
}

#content-main h2 {
	color: #466990;
	padding: .6em 0 0 .4em;
	background:url(../images/list-side.jpg) no-repeat 0 80%;
}

span.red {
	color: #a30d0f;
}

#content-strip h2 {
	color: #a30d0f;
	font-size: 1.7em;
	margin: 1em 0 0.6em 0;
	border-bottom: 1px solid #dbe5f0;
}

#content-main p {
	font-size: 1.5em;
	padding: 1em 2em 3em 1.3em;
}

#home #content-main p {
	font-size: 1.4em;
}

#content-strip p {
	font-size: 1.2em;
	padding: 0.2em 0.3em 0.5em 0.3em;
}

#content-strip .bigger {
	font-size: 1.3em;
}

#content-strip a {
	color: #a30d0f;
}

#content-strip a:hover {
	border-bottom: 1px dotted #a30d0f;
}

/*-------- TABLE styles -------------*/

.schedule-table {
	width: 480px;
	margin: 2em 0 2.5em 0.5em;
	border: 1px solid #e2ebf5;
}

.schedule-table th {
	font-size: 1.5em;
	color: #a30d0f;
	padding: 5px 0 8px 5px;
}

.schedule-table th#class-title {
	width: 150px;
}
.schedule-table th#class-age {
	width: 50px;
}
.schedule-table th#class-dificulty {
	width: 105px;
}
.schedule-table th#class-day {
	width: ;
}

.schedule-table td {
	font-size: 1.3em;
	color: #466990;
	padding: 9px 2px 9px 5px;
	border-right: 1px solid #e2ebf5;
}

tr.alt-color {
	background-color: #f1f6fc;
}


/*-------- FORM styles -------------*/

#contactForm {
	width: 450px;
	margin: 2.5em 0 0 2em;
}

.row {
	clear: both;
	padding: 1.6em 0 0 0;
}

.row input#name, .row input#email, .row textarea#comments, .row input#submit {
	float: left;
	margin: 0 0.2em 0 0.4em;
	background-color: #f1f6fc;
	border: 1px solid #466990;
	color: #a30d0f;
}

.row input#submit {
	background-color: #f1f6fc;
	border: 3px double #466990;
	color: #466990;
}

label.yourName, label.yourEmail, label.yourComments {
	width: 130px;
	font-size: 1.5em;
	color: #293535;
	float: left;
	padding: 0 0 0.3em 0.1em;
	border-bottom: solid 1px #e2ebf5;
}

#load, #status {
	color: #a30d0f;
	margin: 0.2em 0 0 3em;
	font-size: 1.3em;
}