/* LAST UPDATED 02.02.09 */

/*

	Table of Contents

	I.	 GENERAL
	II.	 NAVIGATION
	III. STRUCTURE & TYPOGRAPHY
	IV.	 TABLES
	V.	 FORMS
	VI.	 HEADINGS
	VII. CLEARFIX

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */


a {
	color: #000000;

}

#document	 	{ margin-left: -10%; margin-right: auto; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif;}
body 			{background-image: url(../images/tile.jpg); background-repeat: repeat-x; background-color: #ffffff; }


/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

.rollover a {
	text-align: center;
	display:block;
	text-decoration: none;
	color:#ffffff;
}
.rollover a:hover {
	text-decoration: none;
	background-color: #F09A11;
	color: #FF0000;
}
.rollover ul {list-style-type: none;}
.rolllover p {margin:0px;font-family: Verdana; font-size: 40px; line-height: 1.5em; color: #000000;}

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */
#top 		{float: left; margin-left:0px; margin-top : -8px; background-image: url(../images/myveryownfestival_01.jpg); width: 1727px;	height: 188px;}
#bottom	{	float: left; margin-left:0px; margin-top : 0px;	background-image: url(../images/myveryownfestival_07.jpg);	width: 1727px;	height: 610px;}
#butterfly	{float: left; margin-left:230px; margin-top : -750px; background-image: url(../images/myveryownfestival_03.jpg); width: 170px; height: 124px;}
#festivaltails	{float: left; margin-left:729px; margin-top : -530px; width: 141px; height: 164px;}
#guitar		{float: left; margin-left:1096px; margin-top : 0px; background-image: url(../images/myveryownfestival_05.jpg); width: 221px; height: 124px;}
#welcome	{float: left; margin-left:450px; margin-top : -750px;width:680px;height:300px;text-align:center; font-size: 12px;}
#about_welcome{	float: left; margin-left:450px; margin-top : -750px;width:680px;height:300px;text-align:center; font-size: 12px;}
#about_welcome h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
	}

#navigation 		{ float: left; margin-left: 850px; margin-top : -400px; width:500px; height:31px;}
#about_us { 	float: left; margin-left: 000px; margin-top : 25px; width:117px; height:31px;}
#contact_us {float: left; margin-left:0px; margin-top : 25px;	width:125px;	height:31px;}
#gallery {	float: left; margin-left:0px; margin-top : 25px;	width:109px;	height:31px;}
#home {	float: left; margin-left:0px; margin-top : 25px;	width:84px;	height:31px;}
#design	{	float: left; margin-left:450px; margin-top : -300px;width:680px;height:300px;text-align:center; font-size: 12px;}


#Contactsign {
	float: left; margin-left:1200px; margin-top : -605px;
	width:85px;
	height:48px;
}



/* -----------------------------------------------------------
		VI. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1.1em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

h1 { font-size: 18px;
	 color: #FF0000}

h2 { font-size: 14px;
	color:#999999;
	}

/* -----------------------------------------------------------
		VII. CLEARFIX
----------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
`