* {
	margin: 0;
	padding: 0;
}
body {
	background-color:#FFFFFF;
	font-family: lucida sans unicode, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}



#container {
	width: 970px;
	height: 900px;
	margin: 0 auto 50px;
	background-image: url(images/background.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
}

#header {
	width: 970px;
	margin: 0 auto;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	font-family: lucida sans unicode, verdana, arial, helvetica, sans serif;
}

#masthead { float:left; width: 900px; height:400px;}

#masthead { float:left; width: 900px; height:400px;}
#info {
	width: 900px;
	text-align: left;
	margin: 225px auto 0 auto;
	padding: 0 0 0 0;
	color: #FFF;
}


#header h1{
	display: none;
}

#nav {
	width: 970px;
	height: 147px;
	background-image:url(images/header.png);
}

#nav ul li{
	display: inline;
	color: #FFFFFF;
	text-align: right;
	list-style-type: none;
}

#nav ul li a {
	display: inline-block;
	height: 80px;
	float: right;
	list-style-type: none;
}

#nav ul li a span {
	display: none;
}	

#nav ul li#home a:link, #nav ul li#home a:visited {
	width: 150px;
	background-image: url(images/home.png);
}

#nav ul li#home a:hover, #nav ul li#home a:active {
	width: 150px;
	background-image: url(images/home_click.png);
}

/* about */
#nav ul li#aboutus a:link, #nav ul li#aboutus a:visited {
	width: 150px;
	background-image: url(images/about.png);
}

#nav ul li#aboutus a:hover, #nav ul li#aboutus a:active {
	width: 150px;
	background-image: url(images/about_click.png);
}

/* dance */
#nav ul li#contact a:link, #nav ul li#contact a:visited {
	width: 150px;
	background-image: url(images/contact.png);
}

#nav ul li#contact a:hover, #nav ul li#contact a:active {
	width: 150px;
	background-image: url(images/contact_click.png);
}




#leftcol{
	width: 400px;
	height:80px;
	float: left;
	padding-top:30px;
	margin: 40px 20px 0 50px;
}

#leftcol ul li{
	display: inline;
	color: #FFFFFF;
	text-align: right;
	list-style-type: none;
}

#leftcol ul li a {
	display: inline;
	height: 80px;
	float: right;
	list-style-type: none;
}

#leftcol ul li a span {
	display: none;
}	

#leftcol ul li#philosophy a:link, #leftcol ul li#philosophy a:visited {
	width: 200px;
	height: 80px;
	background-image: url(images/philosophy.png);
}


#leftcol ul li#philosophy a:hover, #leftcol ul li#philosophy a:active {
	width: 200px;
	height: 80px;
	background-image: url(images/philosophy_click.png);
}

#leftcol ul li#complex a:link, #leftcol ul li#complex a:visited {
	width: 200px;
	height: 80px;
	background-image: url(images/complex.png);
}

#leftcol ul li#complex a:hover, #leftcol ul li#complex a:active {
	width: 200px;
	height: 80px;
	background-image: url(images/complex_click.png);
}

#rightcol{
	width:400px;
	margin: 42px 0 0 120px;
	float: right;
	color:#FFFFFF;
}
#rightcol h2 {
	color: #FFFFFF;
	font-size: x-large;
}
#rightcol ul li a{
	color: #FFFFFF;	
}

#leftside {
	float: left;
	padding-right: 20px;
	list-style-type: none;
}

#rightside{
	float: right;
	list-style-type: none;
}

#form_container{
	width: 238px;
	height: 249px;
	float: left;
	margin: 15px 15px 45px 15px;
}

#text {
	width: 650px;
	margin: 5px auto 200px 200px;
	color:#FFFFFF;
	top: 150px;
	clear: right;
}


#footer {
	width: 970px;
	height: 40px;
	position: absolute;
	background-image: url(images/footer.jpg);
	text-align: center;
	bottom: 0px;
	display: inline;
	list-style-type: none;
	position: fixed;
	margin-top: -40px;
	clear: both;
}

#footer ul li{
	display: inline;
	color:#FFFFFF;
	text-align: center;
	list-style-type: none;
}

#footer ul li a {
	display: inline;
	height: 66px;
	color:#FFFFFF;
	padding-right: 60px;
}


#aboutcontainer {
	width: 500px;
	height: 500px;
	background-image: url(images/rock.jpg);
	background-attachment: inherit;
	background-position: bottomcenter;
	background-repeat: no-repeat;
	background-color:#FFFFFF;
}
#aboutinfo {
	width: 300px;
	margin: 0px auto;
	padding: 20px 0 20px; 0;
}

#contactcontainer {
	width: 500px;
	height: 500px;
	background-image: url(images/contactinfo.jpg);
	background-position: bottom;
}

#contactinfo {
	width: 240px;
	margin: 0px auto;
	padding: 20px 0 20px 0;
}	

#philocontainer {
	width: 500px;
	height: 500px;
	background-image: url(images/philosophy.jpg);
}
#philoinfo {
	width: 300px;
	margin: 0 auto;
	padding: 20px 0 20px 0 ;
}

#complexcontainer {
	width: 500px;
	height: 500px;
	background-image: url(images/complex.jpg);
}
#complexinfo {
	width: 300px;
	margin: 0 auto;
	padding: 20px 0 20px 0 ;
}

.clearer{clear:both;}