@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	background:url(../images/bg.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#000; 
	font-weight:normal; 
}

p{
	padding:5px 0;
	margin:0;
	line-height:1.4em;
}

h1{
	font-weight:bold;
	font-size:18px;
	text-transform:uppercase;
	color:#cfcece;
	line-height:1.6em;

	}
	
	h1 span{
		background-color:#000;
		padding:5px;
	}
	
h2{
	color:#fff;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
}

	.education-title{
		background-color:#e54045;
		padding:0 0 0 5px;
		margin:5px 0 5px 0;
	}
	
	.my-music-title{
		background-color:#b2980d;
		padding:0 0 0 5px;
		margin:5px 0 5px 0;
	}	
	
	.projects-title{
		background-color:#f1592a;
		padding:0 0 0 5px;
		margin:5px 0 5px 0;
	}
	
	.testimonials-title{
		background-color:#00b2d9;
		padding:0 0 0 5px;
		margin:5px 0 5px 0;
	}
	
	.aboutme-title{
		background-color:#b1bd00;
		padding:0 0 0 5px;
		margin:5px 0 5px 0;
	}	
	
	.contactme-title{
		background-color:#662d91;
		padding:0 0 0 5px;
		margin:5px 0 5px 0;
	}	
	
	.recruitment-title{
		background-color:#c37900;
		padding:0 0 0 5px;
		margin:5px 0 5px 0;
	}		


a {
	font-weight: bold;
}

a:link {
	color: #000;
	text-decoration:underline;
}

a:visited {
	text-decoration: underline;
	color: #ccc;
}

a:hover {
	text-decoration: none;
	color: #ccc;
}

a:active {
	text-decoration:underline;
	color: #ccc;
}

#wrapper {
	width:930px;
	height:auto;
	margin:0 auto;
	background: url(../images/wrapper-bg.png) repeat-y;
}

#header{
	width:915px;
	height:387px;
	position:relative;
	
}

	.home{
		background:url(../images/home-header-img.gif) no-repeat top right;
	}
	
	.wedding{
		background:url(../images/header-wedding.jpg) no-repeat top right;
	}
	
	.mymusic{
		background:url(../images/header-my-music.jpg) no-repeat top right;
	}
	
	.projects{
		background:url(../images/header-projects.jpg) no-repeat top right;
	}
	
	.testimonials{
		background:url(../images/header-testimonials.jpg) no-repeat top right;
	}
	
	.aboutme{
		background:url(../images/header-aboutme.jpg) no-repeat top right;
	}
	
	.contactme{
		background:url(../images/header-contact.jpg) no-repeat top right;
	}
	
	.recruitment{
		background:url(../images/header-recruitment.jpg) no-repeat top right;
	}
	
	.education{
		background:url(../images/header-education.jpg) no-repeat top right;
	}

	#logo{
		width:175px;
		height:150px;
		position:absolute;
		top:40px;
		left:20px;
	}
	#logo a{
		background:url(../images/creative-education-logo.png) no-repeat;
		width:170px;
		height:145px;
		display:block;
	}
	#header-text{
		width:460px;
		height:auto;
		position:absolute;
		top:40px;
		left:205px;
	}
	#site-title{
		width:355px;
		height:auto;
		position:absolute;
		top:295px;
		left:205px;
		font-size:32px;
		text-transform:uppercase;
		color:#bababa;
		}
	#site-title span{
		font-size:45px!important;
		color:#000!important;
	}
	.highlight{
		background-color:#000;
	}
	
#main-content{
	width:930px;
	height:auto;
}
	#content{
		width:860px;
		height:auto;
		margin:0 auto;
	}
	
	#left-col{
		width:170px;
		height:auto;
		float:left;
	}
	
		#nav-top{
			width:155px;			
			height:25px;
			background:url(../images/nav-top.gif) no-repeat;
		}
		
		#nav-main{
			width:155px;
			height:auto;
			background-color:#000;
			color:#fff;
		}
		
		#nav-main ul{
		list-style:none;
		list-style-image:none;
		margin:0;
		padding:0;
		
	}
	
	#nav-main li{
		margin:0;
		padding:0 0 15px 10px;
	}
	
	#nav-main li a{
		padding:0px;
		margin:0;
		text-decoration:none; 
		font-size:15px; 
		color:#fff; 
		font-weight:bold; 
		text-align:left;
		text-transform:uppercase;
	}
	
	#nav-main li a:link{
				
		
	}
	
	#nav-main li a:hover{
		background-color: #fff;
		color:#000;
	}
	
	
	#nav-main li a.active{
		background-color: #fff;
		color:#000;
	}

			
		

		#nav-btm{
			width:155px;			
			height:25px;
			background:url(../images/nav-btm.gif) no-repeat;
		}
		
		
	
	
	#right-col{
		width:690px;
		height:auto;
		float:left;
	}
	
		#content-top{
			width:689px;
			height:17px;
			background:url(../images/content-top.gif) no-repeat;
		}
		
		#content-main{
			width:689px;
			height:auto;
			background:url(../images/content-bg.gif) repeat-y;
			font-size:14px;
		}
		
		#content-btm{
			width:689px;
			height:17px;
			background:url(../images/content-btm.gif) no-repeat;
		}		
		
		#right-content-area{
			width:655px;
			height:auto;
			margin:0 auto;
		}
		
		#right-content-image{
			width:290px;
			height:auto;
			float:right;
		
		}
		
		#right-content-text{
			width:360px;
			height:auto;
			float:left;
			
		}
	
	
	#footer{
		width:930px;
		height:auo;
		color:#ccc;
	}
	
	#footer-content{
		width:860px;
		height:auto;
		margin:0 auto;
		padding:15px 0;
		text-align:right;
	}
	
	
	.submenu{
		margin:0 0 0 10px!important;
	}
	
	
.clear{
	clear:both;
}