/* CSS Document */

/*-----------------------
GLOBAL MODIFIERS
-----------------------*/

html {
	font-size: 76%;
	font-family:"Times New Roman", Times, serif;
} 

html * {
	font-size: 100%;
	font-family:"Times New Roman", Times, serif;
}

body{

	margin:0px auto;
	padding:0px;
	width:750px;
	background-color:#000000;
}

ul{
	margin:0px;
	padding:0px;
}

img{
	border:none;
}


/*-----------------------
CSS CODE
-----------------------*/

div#top{
width:750px;
height:119px;
background-image:url(Images/top.jpg);
}

div#menuleft{
float:left;
width:308px;
height:33px;
background-image:url(Images/left-menu.jpg);
}

div#home{
float:left;
width:67px;
height:33px;
}

div#about{
float:left;
width:112px;
height:33px;
}

div#contact{
float:left;
width:121px;
height:33px;
}

div#photos{
float:left;
width:84px;
height:33px;
}

div#rightmenu{
float:left;
width:58px;
height:33px;
background-image:url(Images/right-menu.jpg);
}

div#bottommenu{
float:left;
width:750px;
height:170px;
background-image:url(Images/bottom-menu.jpg);
background-repeat:no-repeat;
}

div#main{
float:left;
width:750px;
height:378px;
background-image:url(Images/main.jpg);
}

/*-----------------------
ABOUT US CODE
-----------------------*/

div#abouttext{
float:left;
width:750px;
height:338px;
background-image:url(About/text3.jpg);
font-size:18px; 
color:#FFFFFF;
}

div#aboutmenu{
float:left;
width:750px;
height:30px;
}

div#leftpricing{
float:left;
width:77px;
height:30px;
background-image:url(About/left-pricing.jpg);
}

div#pricing{
float:left;
width:81px;
height:30px;
}

div#rightpricing{
float:left;
width:77px;
height:30px;
background-image:url(About/right-pricing.jpg);
}

div#treatments{
float:left;
width:207px;
height:30px;
}

div#righttreaments{
float:left;
width:73px;
height:30px;
background-image:url(About/right-treatment.jpg);
}

div#hours{
float:left;
width:208px;
height:30px;
}

div#righthours{
float:left;
width:27px;
height:30px;
background-image:url(About/right-hours.jpg);
}

div#bottomabout{
float:left;
width:750px;
height:48px;
background-image:url(About/bottom-about.jpg);
}

/*-----------------------
CONTACT US CODE
-----------------------*/

div#topcontact{
float:left;
height:22px;
width:750px;
background-image:url(Contact/top.jpg);
}

div#leftmap{
float:left;
height:334px;
width:383px;
background-image:url(Contact/text.jpg);
}

div#map{
float:left;
height:334px;
width:338px;
background-color:#4D4D4D;
}

div#rightmap{
float:left;
height:334px;
width:29px;
background-image:url(Contact/right-map.jpg);
}

div#bottomcontact{
float:left;
height:24px;
width:750px;
background-image:url(Contact/bottom-contact.jpg);
}

/*-----------------------
PHOTOS CODE
-----------------------*/

div#photosbg{
float:left;
height:850px;
width:750px;
background-image:url(Images/photos-bg.jpg);
}

/*-----------------------
PRICE CODE
-----------------------*/

div#pricepage{
float:left;
width:750px;
height:380px;
background-image:url(Images/prices3.jpg);
font-size:18px; 
color:#FFFFFF;
}

/*-----------------------
TREATMENTS CODE
-----------------------*/

div#treatmentspage{
float:left;
width:750px;
height:780px;
background-image:url(Images/treatments2.jpg);
font-size:18px; 
color:#FFFFFF;
}

/*-----------------------
FOOTER LINK COLOR CODE
-----------------------*/

#linkColor a:link{color:#FFFFFF; text-decoration:none;}
#linkColor a:visited{color:#FFFFFF; text-decoration:none;}
#linkColor a:hover{color:#FFFFFF; text-decoration:underline;}