body { background-color: #FFFFFF; padding: 0; margin: 0 }

/* global */

* {font-family: Verdana, Arial, serif}

/* layout */

#container {
margin: 0 auto;
width: 900px;
background: #000;
overflow: auto}

#hdr {
width: 900px;
height: 175px;
background: #FFFFFF url(tempimg/hdr1.gif) no-repeat right bottom}

#left {
	padding-bottom: 75px;
	float: left;
	width: 50px;
	background: #000 url(tempimg/guitar.gif) no-repeat left top;
	height: 300px;
}

#left_chi {
	padding-bottom: 75px;
	float: left;
	width: 50px;
	background: #000 url(tempimg/chi.gif) no-repeat left top;
	height: 300px;
}

#left_lesson {
	padding-bottom: 75px;
	float: left;
	width: 50px;
	background: #000 url(tempimg/guitar2.gif) no-repeat left top;
	height: 300px;
}

#left_trash {
	padding-bottom: 75px;
	float: left;
	width: 180px;
	background: #000 url(tempimg/trash.gif) no-repeat left top;
	height: 300px;
}

#left_video {
	padding-bottom: 75px;
	float: left;
	width: 250px;
	background: #000 url(tempimg/vid.gif) no-repeat left top;
	height: 300px;
}

#left_disco {
	padding-bottom: 75px;
	float: left;
	width: 50px;
	background: #000 url(tempimg/disc.gif) no-repeat left top;
	height: 300px;
}

#left_giochi {
	padding-bottom: 75px;
	float: left;
	width: 50px;
	background: #000 url(tempimg/game.gif) no-repeat left top;
	height: 300px;
}

#left_admin {
	padding-bottom: 75px;
	float: left;
	width: 150px;
	background: #000 url(tempimg/admin.gif) no-repeat left top;
	height: 300px;
}

#left_contact {
	padding-bottom: 75px;
	float: left;
	width: 180px;
	background: #000 url(tempimg/admin.gif) no-repeat left top;
	height: 300px;
}

#left_sponsor {
	padding-bottom: 75px;
	float: left;
	width: 110px;
	background: #000 url(tempimg/disc.gif) no-repeat left top;
	height: 300px;
}

#left_chat {
	padding-bottom: 75px;
	float: left;
	width: 245px;
	background: #000 url(tempimg/links.gif) no-repeat left top;
	height: 300px;
}

#left_travel {
	padding-bottom: 75px;
	float: left;
	width: 50px;
	background: #000 url(tempimg/trav.gif) no-repeat left top;
	height: 300px;
}

#main {
padding-bottom: 15px; /* Leaves a nice gap at the bottom of the column */
float: left;
width: 700px}

#right {
padding-bottom: 15px; /* Leaves a nice gap at the bottom of the column */
float: right;
width: 150px;
background: transparent
}

#bottom {
	margin: 0 auto;
	width: 900px;
	height: 120px;
	text-align: center;
	overflow: hidden;
	background-color: #000000;
}


/* text & list styles */

#sitetitle {  /* Styles for the site title */
position: relative;
top: 8px;
left: 2px;
padding: 0px 3px 3px 3px}

#main h1, #main h2 {  /* Styles for headings in the main content area */
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 0px;
  font-family: Verdana, Arial, sans-seriff; /* Makes the headings a different font to the paragraph text */
  font-size: 12px;
  font-weight: normal;
  color: #FFFF00;
  letter-spacing: 2px
}

.paragraphblock {  /* This div class is used to give the paragraph blocks their background color */
  margin: 15px 15px 15px 0px;
  background: #181818;
  border: 1px solid #000000}

#main p {
	margin: 15px;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#main ul {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 11px;
	color: #FFFF00;
	list-style: square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#main li {
  margin-left: 5px /* This margin acts as an indent for each list item.  Indenting the whole list doesn't work well in IE. */
}


#right h1, #right h2 { /* styles for right column headings */
  margin-top: 26px;
  margin-left: 5px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #FFFF00;
  letter-spacing: 2px
}

#right p {
	margin: 5px;
	font-size: 11px;
	color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* links */

#main a:link, #main a:visited {  /* These styles are for links in the main content area only */
color: #ccc;
text-decoration: underline
}

#main a:hover, #main a:active {  /* These styles are for links in the main content area only */
color: #FFFFFF;
text-decoration: underline
}


#right a:link, #right a:visited {  /* These styles are for links in the right column only */
color: #ccc;
text-decoration: underline
}

#right a:hover, #right a:active {  /* These styles are for links in the right column only */
color: #FF0000;
text-decoration: none}
.small {
	font-size: 9px;
	color: #CCCCCC;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#maincenter {
	float: left;
	width: 850px;
}
#maincenter2 {
	float: left;
	width: 600px;
}
.paragraphblock2 {
	background: #181818;
	border: 1px solid #000000;
	margin-top: 10px;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
}
.stylenone {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFF00;
}
#mainwide {
	float: right;
	width: 950px;
	text-align: center;
}
.brand_new {
	margin: 15px 15px 15px 0px;
	background: #FF0000;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
}