/* CSS Document */

body, h1, h2, h3, h4, img, li, ol, ul, p, a, div, form, table {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	background-color: #e9e9e9;
	font-family: verdana;
	font-size: 75%;
	text-align: center;
}

.splash_bg {
	background-color: #ffffff !important;	
}

.clear {
	clear: both;
}


a {
	outline: 0;	
}

img {
	display: block;	
}

#splash {
	position: absolute;
	width: 454px;
	height: 441px;
	top: 50%;
	margin-top: -220px;
	left: 50%;
	margin-left: -227px;
}

a.splash_link {
	display: block;
	width: 454px;
	height: 441px;
	background: url(images/splash.gif) top left no-repeat;
	text-indent: -9999px;
}

a.splash_link:hover {
	background-position: right !important;	
}

#wrap {
	width: 893px;
	padding: 0px 10px;
	margin: 0px auto;
	text-align: left;
	background: url(images/bg-tile.gif) top left repeat-y;
}

#header {
	height: 164px;
	background: url(images/header-bg.gif) top left no-repeat;
}

#nav {
	
}

ul.navlist {
	list-style: none;
}

ul.navlist li {
	float: left;
}

ul.navlist li a {
	display: block;
	float: left;
	text-indent: -9999px;
	height: 55px;
}

ul.navlist li a.about {
	width: 153px;
	background: url(images/nav/about.gif) top left no-repeat;
}

ul.navlist li a.principal {
	width: 189px;
	background: url(images/nav/principal.gif) top left no-repeat;
}

ul.navlist li a.classes {
	width: 159px;
	background: url(images/nav/classes.gif) top left no-repeat;
}

ul.navlist li a.gallery {
	width: 162px;
	background: url(images/nav/gallery.gif) top left no-repeat;
}

ul.navlist li a.contact {
	width: 230px;
	background: url(images/nav/contact.gif) top left no-repeat;
}

ul.navlist li a:hover, ul.navlist li a.active {
	background-position: top right !important;
}

#page {
	padding: 27px 0px 0px 33px;
	background: url(images/page-bg.gif) bottom left no-repeat;
	color: #535759;
	font-size: 1em;
	line-height: 13pt;
}

#page_left {
	float: left;
	width: 415px;
}

table {
	border: 1px solid #00adef;	
}

td {
	border: 1px solid #00adef;
	padding: 4px 20px;
}

.table_header {
	color: #ffffff;
	background-color: #00adef;
	font-weight: bold;
	font-size: 1.2em;
}

.full_width {
	width: 850px !important;	
}

#page_left a {
	color: #00adef;
	text-decoration: none;
}

#page_left a:hover {
	text-decoration: underline;
}

h1 {
	margin: 23px 0px 40px 0px;	
}

.class_img {
	float: left;
	margin: 0px 19px 19px 0px;
}

ul.pagelist {
	margin: 20px 0px;	
}

ul.pagelist li {
	margin: 0px 0px 8px 25px;	
}

#page_right {
	float: right;
	width: 409px;
}

#footer {
	color:#999999;
	padding: 180px 0px 18px 80px;
}

.ie6 #footer {
	padding-top: 90px;	
}

#footer a {
	color: #999999;
	text-decoration: underline;
}

#bottom {
	width: 913px;
	height: 25px;
	margin: 0px auto;
	background: url(images/bottom.gif) top left no-repeat;
}

#contact_form {
	float: right;
	margin-top: 98px;
	width: 409px;
}

form.form1 label {
	float: left;
	width: 110px;
	text-align: right;
	padding-right: 15px;
}

form.form1 input {
	margin-bottom: 5px;
	width: 230px;
	padding: 2px;
	background-color: #ffffff !important;
	border: 0px;
	border: 1px solid #00adef;
}

.text_area {
	width: 230px;
	height: 100px;
	margin-bottom: 5px;
	background-color: #ffffff !important;
	border: 0px;
	padding: 2px;
	border: 1px solid #00adef;
}

.submit_button {
	width: 53px !important;
}