/*- Page Structure */


body { 
    margin: 0px;
    background-color:#fff; 
	background-image: url(./images/bg-body.gif); 
    background-repeat: repeat-x; 
	}

#page {
    font-family: Arial, Helvetica, sans-serif;  
	color:#fff;
	background-color:#fff;
	background-image: url(./images/bg-main.gif);
	background-repeat:no-repeat;
	height:575px;
    width:800px;
	text-align: left;
	margin: auto;
	position: relative;
	border-top: none;
	clear: both;
	}
	
#footer-left {
    position:absolute;
    height:25px;
	width:400px;
	top:563px;
	padding:10px 0 0 0;
	color:#555;
	font-size:11px;
	text-align:left;
	font-weight:normal;
	}

#footer-middle {
    position:absolute;
    height:25px;
	width:200px;
	top:560px;
	left:430px;
	padding:10px 0 0 0;
	color:#999;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	}	

#footer-right {
    position:absolute;
    height:25px;
	width:200px;
	top:560px;
	left:598px;
	padding:10px 0 0 0;
	color:#555;
	font-size:11px;
	text-align:right;
	font-weight:normal;
	}		
	
/*- content -*/		


#div-page {
    position:absolute;
	width:798px;
	height:500px;
	top:60px;
	left:0px;
	padding:0;
	margin:0;	
    border:#ccc solid 1px;
	background-image:url(./images/bar-sub-nav.gif);
	background-repeat:no-repeat;
	}
	
#home-image {
    position:absolute;
	top:20px;
	left:0;
	width:798px;
	height:300px;
	background-image:url(./images/home-image.gif);
	}	


#home-box1 {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#333;
	background-color:#fff;
	position:absolute;
	top:340px;
	left:15px;
	width:200px;
	height:145px;
	line-height:16px;
	border:#e8ecf4 2px solid;
	background-image:url();
	}

#home-box1-text {
    position:absolute;
	top:0px;
	left:28px;
	padding:20px;
	color:#444;
	font-size:16px;
	line-height:26px;
	}
	
#home-box2 {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#333;
	position:absolute;
	top:340px;
	left:235px;
	width:300px;
	height:145px;
	line-height:16px;
	}	
	
#home-box2-text {
    position:absolute;
	top:47px;
	left:125px;
	color:#444;
	font-size:12px;
	line-height:14px;
	}	
	
#home-box2-link {
    position:absolute;
	text-align:right;
	top:120px;
	left:210px;
	color:#444;
	font-size:12px;
	line-height:14px;
	}		

#home-box3 {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#333;
	background-color:#f9f9f9;
	position:absolute;
	top:340px;
	left:555px;
	width:225px;
	height:145px;
	line-height:16px;
    }	

#home-box3-text {
    position:absolute;
	top:120px;
	left:30px;
	color:#444;
	font-size:12px;
	line-height:14px;
	}	
	
#services-box1 {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#333;
	background-color:none;
	position:absolute;
	top:85px;
	left:15px;
	width:520px;
	height:225px;
	line-height:16px;
    }	
	
#services-box1-music {
    position:absolute;
	top:10px;
	left:15px;
	width:115px;
	height:45px;
	background-color:none;
	}		

#services-box1-plan {
    position:absolute;
	top:85px;
	left:15px;
	width:115px;
	height:45px;
	background-color:none;
	}	

#services-box1-book {
    position:absolute;
	top:160px;
	left:15px;
	width:115px;
	height:45px;
	background-color:#none;
	}
	
#services-box1-content {
    position:absolute;
	top:10px;
	left:160px;
	width:340px;
	height:155px;
	background-color:none;
	}				
		
	
	
#services-box2 {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#333;
	background-color:#f5f3ef;
	position:absolute;
	top:315px;
	left:165px;
	width:370px;
	height:170px;
	line-height:16px;
    }	

#services-box2-text-left {
    position:absolute;
	top:17px;
	left:20px;
	font-size:12px;
	line-height:22px;
	}	
		
#services-box2-text-right {
    position:absolute;
	top:17px;
	left:200px;
	font-size:12px;
	line-height:22px;
	}	

#services-box2-divider {
    position:absolute;
	top:25px;
	left:175px;
	width:3px;
	height:125px;
	background-image:url(./images/services-box2-divider.gif);
	}	
				
		
#services-box3 {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#333;
	background-color:#f9f9f9;
	position:absolute;
	top:320px;
	left:555px;
	width:225px;
	height:165px;
	line-height:16px;
	background-image:url(./images/services-box3.gif);
    }
	
#djs-box1 {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#333;
	background-color:#fff;
	position:absolute;
	top:75px;
	left:15px;
	width:520px;
	height:410px;
	line-height:16px;
	background-image:url(./images/djs-box1.jpg);
    }	
		
#djs-box2 {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#333;
	background-color:#f9f9f9;
	position:absolute;
	top:320px;
	left:555px;
	width:221px;
	height:161px;
	line-height:16px;
	border:#ddd 2px solid;
    }		
	
#company-box1 {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#333;
	background-color:#f5f3ef;
	position:absolute;
	top:85px;
	left:15px;
	width:520px;
	height:215px;
	line-height:16px;
    }	

#company-box1-text {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#333;
	background-color:none;
	position:absolute;
	top:30px;
	left:30px;
	line-height:16px;
	width:460px;
    }	

#company-box2 {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#333;
	background-color:#fff;
	position:absolute;
	top:320px;
	left:15px;
	width:520px;
	height:165px;
	line-height:16px;
	background-image:url(./images/company-box2.gif);
	}

#company-box4 {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#333;
	background-color:none;
	position:absolute;
	top:320px;
	left:555px;
	width:225px;
	height:165px;
	line-height:16px;
	background-image:url(./images/company-box4.gif);
    }						
	
#contact-box1 {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#333;
	background-color:#eceff6;
	position:absolute;
	top:150px;
	left:25px;
	width:300px;
	height:145px;
	line-height:16px;
	border:#dae0ed 2px solid;
	background-image:url(./images/contact-box1.gif);
	}

#contact-box1-text {
    position:absolute;
	top:80px;
	left:20px;
	font-size:14px;
	line-height:22px;
	}	
	

#contact-box2 {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    color:#333;
	background-color:#eceff6;
	position:absolute;
	top:325px;
	left:25px;
	width:300px;
	height:145px;
	line-height:16px;
	border:#dae0ed 2px solid;
	background-image:url(./images/contact-box2.gif);
	}		

#contact-box2-text {
    position:absolute;
	top:80px;
	left:20px;
	font-size:14px;
	line-height:22px;
	}		
	
#image-contact {
    position:absolute;
	top:20px;
	left:0;
	width:798px;
	height:480px;
	background-image:url(./images/image-contact.gif);
	}			
	
	
#kw {
    font-family: "Times New Roman", Times, serif;
    position: absolute;
	text-align:right;
	top:8px;
	left:590px;
	width:210px;
	color:#1c4795;
	font-size:14px;
	font-weight:none;
	}		

#title {
    position:absolute;
	top:32px;
	left:175px;
	font-family: Arial, Helvetica, sans-serif;
	color:#555;
	font-size:12px;
	}
	
#phone-top { 
    position:absolute;
	top:22px;
	left:570px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	width:230px;
	height:35px;
	background-image:url(./images/phone.gif);
	}													
			
		
#thankyou {
    position:absolute;
	top:170px;
	left:590px;
	width:160px;
	color:#ddd;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	}	
	
/*- forms -*/	

#form {
    font-family:Arial, Helvetica, sans-serif;
    position: absolute;
	top:81px;
	left:557px;
	height:150px;
	width:136px;
	font-size:10px;
	color:#444444;
	line-height:12px;
	padding:75px 42px 55px;
	background-image:url(./images/form-bg.gif);
	background-repeat:no-repeat;
	}	

input {
    border:#666666 solid 1px;
    background-color:#fff;
    font-size:12px;
	padding:3px 0 3px 0;
	color:#444444;
    }		
 
textarea {
    border:#666666 solid 1px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:#fff;
    color: #444444;
	font-size:12px;
    }			
	
#form-bg-self {
    position:absolute;
	top:20px;
	left:547px;
	}
	
#form-book {	
    font-family:Arial, Helvetica, sans-serif;
    position: absolute;
	top:81px;
	left:185px;
	height:1150px;
	width:370px;
	font-size:10px;
	color:#444;
	line-height:12px;
	padding:40px 50px 50px;
	background-image:url();
	background-repeat:no-repeat;
	background-color:#f9f9f9;
	}


	
/*- nav -*/		

#nav {
    position:absolute;
	top:20px;
	left:155px;
	}
	
ul.nav {
   color: #fff;
   font-size:10px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   margin:10px 0 0 0; 
   padding:8px 22px 8px;
   }

ul.nav li {
    display:inline;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	padding:0px;
	margin:0px;
	}
	
ul.nav li a {
	font-size:12px;
	color:#666;
	font-weight:bold;
	background-image: url(./images/bg-nav.gif);
	padding:8px 22px 8px;
	margin:0px;
	background-color:#f2f2f2;
	border:#ccc solid 1px;
	}
	
ul.nav li a:hover {
    
	background:none;
	background-image: url(./images/bg-nav-white.gif);
	color: #888 !important;
	text-decoration: none;
	}

ul.nav li.current a {
	color:#777 !important;
	background-color:#fff;
	text-decoration: none;
	background-image: url(./images/bg-nav-current.gif);
	border-top:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-left:#ccc solid 1px;
	border-bottom:none;
	padding:8px 22px 9px;
	margin:0px;
	}	

	

/*- pictures -*/							

#picturemain {
    position:absolute;
	top:135px;
	left:165px;
	height:205px;
	width:360px;
	}
	
#logo {
    position:absolute;
	top:2px;
	left:20px;
	}	
		


  

/*- Headings -*/

h1 {
    font-family: "Times New Roman", Times, serif;
	font-size:18px;
	color:#1c4795;
	font-weight:normal;
	margin:0px;
	}



/*- lists -*/		

ul {
   color: #111;
   font-size:12px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   margin:0;
   padding:3px 15px 0;
   }

ul li {
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
    margin:0;
	padding:0;
	color: #444;
	}
	
ul.service {
   color: #111;
   font-size:20px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   }

ul.service li {
    padding:15px 0 10px;
    font-size:20px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #222;
	}	


/*- links -*/		


a {
    font-family:Arial, Helvetica, sans-serif;
	color:#111;
	font-weight:normal;
	text-decoration:none;
	}

li {
   padding:5px 0 0 0;
   color: #fff;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:normal;
   }
   
a.blue {
    font-family:Arial, Helvetica, sans-serif;
	color:#1c4795;
	font-weight:normal;
	text-decoration:none;
	}

a.blue:hover {
    font-family:Arial, Helvetica, sans-serif;
	color:#1c4795;
	font-weight:normal;
	text-decoration:underline;
	}