* { padding: 0; margin: 0; }

body {
	background:#eeeeee;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width:1024px;
}

A:link {text-decoration: none; color:#000;}
A:visited {text-decoration: none; color:#000;}
A:active {text-decoration: none; color:#000;}

/*///////////////////////////////////// Layout /////////////////////////////////////*/

#topnav {
	width: 1000px;
 	padding: 10px;
 	height: 10px;
	margin: 0 auto;

}


#header {
	background:url(images/TheaCADEMYlOGO.png)no-repeat;
	width: 1000px;
 	padding: 10px;
 	height: 85px;
	margin: 0 auto;

}

/*///////////////// Content /////////////////*/


#menu {
	padding-top:5px;
float:right;
	height:32px;
	width:1024px;
}


#Indexmenu {
	padding-top:5px;
float:right;
	height:32px;
	width:1030px;
	position:relative;
	top:-400px;
}

#PicMenu {
	
	padding:5px;
float:left;
	height:130px;
	width:1024px;
	position:relative;
	top:-30px;
}

#VerticleMenu {
	float:left;
	width:330px;
	padding-right:20px;
}

#headerpic{
	float:left;
	height:200px;
	width:1024px;
	background-color:#0F0;
}

#content{
	float:left;
	width:674px;
}

#indexad1{
	background:url(images/CourseBoxes/LogicPro-Blank.png) no-repeat;
	float:left;
	height:230px;
	width:314px;
	position:relative;
	top:150px;

}

#indexad2{
	background:url(images/CourseBoxes/VocalTraining-Blank.png) no-repeat;
	float:left;
	height:230px;
	width:314px;
	position:relative;
	top:150px;

}

#indexad3{
	background:url(images/CourseBoxes/Filmproduction-Blank.png) no-repeat;
	float:right;
	height:120px;
	width:330px;
	position:relative;
	top:-20px;
}

#indexad4{
	background:url(images/CourseBoxes/MusicProduction-Blank.png) no-repeat;
	float:right;
	height:120px;
	width:330px;
	position:relative;
	top:-20px;
}

#indexad5{
	background: url(images/CourseBoxes/VoclaProduction.png) no-repeat;
	float:right;
	height:120px;
	width:330px;
	position:relative;
	top:-20px;
}



#Pageindexad1{
	background:url(images/CourseBoxes/LogicPro-Blank.png) no-repeat;
	float:left;
	height:230px;
	width:314px;
	position:relative;
	top:10px;

}

#Pageindexad2{
	background:url(images/CourseBoxes/VocalTraining-Blank.png) no-repeat;
	float:left;
	height:230px;
	width:314px;
	position:relative;
	top:10px;

}

#enquiry {
	background:url(images/enquiry2.png) no-repeat;
	float:right;
	width:350px;
	position:relative;
	left:20px;
	top:20px;
}

#indexenquiry {
	background:url(images/enquiry2.png) no-repeat;
	float:right;
	width:350px;
	position:relative;
	top:150px;
}


#content2{
	float:left;
	width:1024px;
}

#TabBar{
	float:right;
	width:1024px;
	height:100%;
	position:relative;
	padding-top:20px;
	
}

#TabBar2{
	float:left;
	width:1024px;
	height:100%;
}


/*///////////////// End Content /////////////////*/

/*///////////////// Images /////////////////*/

#indexpic{
	float:right;
	height:400px;
	width:1024px;
}

#CoursesHeader{
	background:url(images/Banners/Banner1.png);
	float:right;
	height:250px;
	width:1024px;
}

#AboutHeader{
	background:url(images/Banners/AboutBanner.png);
	float:right;
	height:250px;
	width:1024px;
}

#ContactHeader{
	background:url(images/Banners/Banner5.png);
	float:right;
	height:250px;
	width:1024px;
}

#MusicProductionHeader{
	background:url(images/Banners/Banner6.png);
	float:right;
	height:250px;
	width:1024px;
}

#VocalProductionHeader{
	background:url(images/Banners/Banner2.png);
	float:right;
	height:250px;
	width:1024px;
}

/*///////////////// End Images /////////////////*/

/*///////////////// Footer /////////////////*/
#footer { 
 width:1054px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 margin: 0 auto;

}

#Indexfooter { 
 width:1054px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 margin: 0 auto;
 position:relative;
top:130px;
}

#footer2 { 
 width: 350px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;

margin: 0 auto;
 padding: 10px;
}
/*///////////////// End Footer /////////////////*/

/*///////////////////////////////////// Layout End /////////////////////////////////////*/

/*///////////////////////////////////// Advert Text /////////////////////////////////////*/
#Logic1 {
	text-align:center;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 2em; 
	color: #000;
	position:relative;
	top:-210px;
	left:-70px;
}

#Sing1 {
	text-align:center;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.6em; 
	color: #000;
	position:relative;
	top:-210px;
	left:-80px;
}

#Advert2 {
	text-align:center;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.4em; 
	color: #000;
	position:relative;
	top:-210px;
	left:-70px;
}

#Advert3 {
	text-align:center;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.4em; 
	color: #000;
	position:relative;
	top:-200px;
	left:-70px;
}
/*///////////////////////////////////// Advert Text End /////////////////////////////////////*/

/*///////////////////////////////////// Text /////////////////////////////////////*/
#HeaderText {
	text-align: left;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.7em; 
	color: #FFF;
	position:relative;
	top:180px;
	left:20px;
}

#AboutHeaderText {
	text-align: left;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1.7em; 
	color: #FFF;
	position:relative;
	top:80px;
	left:20px;
}

#Headline {
	text-align: left;
	vertical-align: top;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 2em; 
	color: #000;
}



#PhoneNumber span {
	text-align: center;
	vertical-align: top;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 14px; 
	color: #000;
}

#PhoneNumber {
	text-align: center;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 18px; 
	color: #000;
}

#Paragraph {
	vertical-align: top;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1em; 
	color: #000;
	padding:10px;
}
#Address {
	text-align: left;
	vertical-align: top;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size: 1em; 
	color: #000;
	padding:10px;
}
/*///////////////////////////////////// Text End /////////////////////////////////////*/


/*///////////////////////////////////// Verticle Menu /////////////////////////////////////*/

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 100%;
padding: 0px;
margin: 0px;
}


#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 1.1em;
display: block;
border-bottom: 1px groove #999;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #000;
width: 100%;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
	padding-left:10px;
	color: #318ecf;
}

#vertmenu ul li a.current{ 

	color: #318ecf;
}
/*///////////////////////////////////// Verticle Menu End /////////////////////////////////////*/