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

body{
	background: url(Images/Hair_Back.jpg) right repeat-y;
	background-color:#000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

#container {width:900px; height:600px; position: relative; top: 80px; margin:auto; border:2px solid #fff; z-index:10;}

#content {	width: 300px; height: 346px; position: absolute; top:180px;	left:290px;	z-index:7; padding-top: 20px;}
#contentGallery {width: 600px; height: 346px; position: absolute; top:180px;left:290px;	z-index:7; padding-top: 10px;}

#girlBack {
	background-image: url(Images/leftGirl.gif);
	height: 600px;
	width: 285px;
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 0px;
}

#whiteBox {
	background-color:#FFF;
	top: 180px;
	position:absolute;
	z-index: 2;
	height: 346px;
	width: 900px;
	right: 0px;
}

#bottomRight { bottom: 0px; position:absolute; z-index: 5; height: 510px; width: 240px; background-image: url(Images/diplomaBottomRight.gif);	right: 0px;}
#ritaPic {	bottom: 0px; position:absolute; z-index: 5; height: 555px; width: 310px; background-image: url(Images/picBottomRight.gif);
	right: 0px;}
#aboutMeBottomRight {	bottom: 0px; position:absolute; z-index: 5; height: 510px; width: 240px; background-image: url(Images/aboutMeBottomRight.gif);
	right: 0px;}
#contactUsBottomRight {	bottom: 0px; position:absolute; z-index: 5; height: 510px; width: 368px; background-image: url(Images/contactUsBottomRight.gif);
	right: 0px;}
#priceListBottomRight {bottom: 0px;position:absolute;z-index: 9;height: 428px;width: 303px;
	background-image: url(Images/priceListBottomRight.gif);	right: 0px;}

#logo { background-image:url(Images/logo.gif); height: 120px; width: 312px; position: absolute; top: 20px; left: 290px; z-index:9;}

#diploma1 {background-image:url(Images/dipOne.jpg); height:303px; width: 230px; position:absolute; top: 200px; right:190px; z-index:8;}
#diploma2 {background-image:url(Images/dipTwo.jpg); height:303px; width: 230px; position:absolute; top: 200px; right:190px; z-index:8;}
#diploma3 {background-image:url(Images/dipThree.jpg); height:303px; width: 230px; position:absolute; top: 200px; right:190px; z-index:8;}
#diploma4 {background-image:url(Images/dipFour.jpg); height:303px; width: 230px; position:absolute; top: 200px; right:190px; z-index:8;}
#diploma5 {background-image:url(Images/dipFive.jpg); height:303px; width: 230px; position:absolute; top: 200px; right:190px; z-index:8;}
#diploma6 {background-image:url(Images/dipSix.jpg); height:303px; width: 230px; position:absolute; top: 200px; right:190px; z-index:8;}
#diploma7 {background-image:url(Images/dipSeven.jpg); height:303px; width: 230px; position:absolute; top: 200px; right:190px; z-index:8;}
#diploma8 {background-image:url(Images/dipEight.jpg); height:195px; width: 256px; position:absolute; top: 250px; right:150px; z-index:5;}


#openimage { height:303px; width: 230px; position:absolute; top: 200px; right:190px; z-index:10}
#openimageLand { height:195px; width: 256px; position:absolute; top: 250px; right:150px; z-index:10}
#openGalleryimage1 { height:159px; width: 207px; position:absolute; top: 295px; right:426px; z-index:10}
#openGalleryimage2 { height:159px; width: 234px; position:absolute; top: 295px; right:189px; z-index:10}
#openGalleryimage3 { height:159px; width: 178px; position:absolute; top: 295px; right:6px; z-index:10}
#openGalleryimage4 { height:159px; width: 251px; position:absolute; top: 295px; right:194px; z-index:10}
#openGalleryimage5 { height:159px; width: 185px; position:absolute; top: 295px; right:453px; z-index:10}
#openGalleryimage6 {height:159px;width: 107px;position:absolute;top: 296px;	right:480px;z-index:11}
#openGalleryimage7 { height:159px; width: 133px; position:absolute; top: 295px; right:340px; z-index:10}
#openGalleryimage8 { height:159px; width: 119px; position:absolute; top: 295px; right:210px; z-index:10}
#openGalleryimage9 { height:159px; width: 191px; position:absolute; top: 295px; right:11px; z-index:10}
#openGalleryimage10 { height:159px; width: 262px; position:absolute; top: 295px; right:409px; z-index:10}
#openGalleryimage11 { height:159px; width: 147px; position:absolute; top: 295px; right:245px; z-index:10}
#openGalleryimage12 { height:159px; width: 217px; position:absolute; top: 295px; right:15px; z-index:10}
#openGalleryimage13 { height:159px; width: 198px; position:absolute; top: 295px; right:424px; z-index:10}
#openGalleryimage14 { height:159px; width: 192px; position:absolute; top: 295px; right:220px; z-index:10}
#openGalleryimage15 { height:159px; width: 197px; position:absolute; top: 295px; right:15px; z-index:10}
#openGalleryimage16 { height:159px; width: 176px; position:absolute; top: 295px; right:440px; z-index:10}
#openGalleryimage17 { height:159px; width: 210px; position:absolute; top: 295px; right:215px; z-index:10}
#openGalleryimage18 { height:159px; width: 186px; position:absolute; top: 295px; right:15px; z-index:10}

/*Gallery*/

#gallery1 {background-image:url(Images/Gallery/Gallery1.jpg); height: 228px; width:711px;position:absolute; top:260px; right:0px; z-index:4}
#gallery2 {background-image:url(Images/Gallery/Gallery2.jpg); height: 228px; width:711px;position:absolute; top:260px; right:0px; z-index:4}
#gallery3 {background-image:url(Images/Gallery/Gallery3.jpg); height: 228px; width:711px;position:absolute; top:260px; right:0px; z-index:4}
#gallery4 {background-image:url(Images/Gallery/Gallery4.jpg); height: 228px; width:711px;position:absolute; top:260px; right:0px; z-index:4}
#gallery5 {background-image:url(Images/Gallery/Gallery5.jpg); height: 228px; width:711px;position:absolute; top:260px; right:0px; z-index:4}
#gallery6 {background-image:url(Images/Gallery/Gallery6.jpg); height: 228px; width:711px;position:absolute; top:260px; right:0px; z-index:4}

/*diploma navigation*/
#diplomaList {
	position:absolute;
	bottom: 160px;
	left: 250px;
	z-index:8;
	font-size: 9px;
	letter-spacing:0.1em;}

a.navDiploma:Visited {text-decoration:none; color:#666;}
a.navDiploma:Link{text-decoration:none; color:#666;}
a.navDiploma:Hover {text-decoration:none; color:#f00; font-size:11px;}
a.navDiploma:Active {text-decoration:none; color:#000; font-size:11px;}

#galleryList {
	position:absolute;
	bottom: 75px;
	left: 250px;
	z-index:8;
	font-size: 12px;
	letter-spacing:0.2em;}
a.navGallery:Visited {text-decoration:none; color:#666;}
a.navGallery:Link{text-decoration:none; color:#666;}
a.navGallery:Hover {text-decoration:none; color:#f00; font-size:11px;}
a.navGallery:Active {text-decoration:none; color:#000; font-size:11px;}

a.navIndex:Visited
{	position: absolute;	background-image: url(Images/buttons.gif);
	height: 39px; width: 106px;	top: 142px;	right: 564px; background-position: 0px 0px;}
	
a.navIndex:Link
{	position: absolute;	background-image: url(Images/buttons.gif);
	height: 39px; width: 106px;	top: 142px;	right: 564px; background-position: 0px 0px;}
	
a.navIndex:Hover
{	position: absolute;	background-image: url(Images/buttons.gif);
	height: 39px; width: 106px;	top: 142px;	right: 564px; background-position: 0px 39px;}

a.navIndex:Active
{	position: absolute;	background-image: url(Images/buttons.gif);
	height: 39px; width: 106px;	top: 142px;	right: 564px; background-position: 0px 39px;}	


	
a.navIndexAboutMe:Link
{
	position: absolute;
	background-image: url(Images/buttons.gif);
	height: 39px;
	width: 98px;
	top: 142px;
	right: 466px;
	background-position: -105px 0px;
}
	
a.navIndexAboutMe:Visited
{	position: absolute;	background-image: url(Images/buttons.gif);
	height: 39px; width: 98px;	top: 142px;	right: 466px; background-position: -106px 0px;}
	
a.navIndexAboutMe:Hover
{	position: absolute;	background-image: url(Images/buttons.gif);
	height: 39px; width: 98px;	top: 142px;	right: 466px; background-position: -106px 39px;}

a.navIndexAboutMe:Active
{	position: absolute;	background-image: url(Images/buttons.gif);
	height: 39px; width: 98px;	top: 142px;	right: 466px; background-position: -106px 39px;}
	

a.navIndexDiplomas:Link
{	position: absolute;	background-image: url(Images/buttons.gif);
	height: 39px; width: 99px;	top: 142px;	right: 367px; background-position: -204px 0px;}
	
a.navIndexDiplomas:Visited
{	position: absolute;	background-image: url(Images/buttons.gif);
	height: 39px; width: 99px;	top: 142px;	right: 367px; background-position: -204px 0px;}
	
a.navIndexDiplomas:Hover
{	position: absolute;	background-image: url(Images/buttons.gif);
	height: 39px; width: 99px;	top: 142px;	right: 367px; background-position: -204px 39px;}

a.navIndexDiplomas:Active
{	position: absolute;	background-image: url(Images/buttons.gif);
	height: 39px; width: 99px;	top: 142px;	right: 367px; background-position: -204px 39px;}
	
	
a.navIndexGallery:Link
{	position: absolute;	background-image: url(Images/buttons.gif); z-index: 9;
	height: 39px; width: 79px;	top: 142px;	right: 288px; background-position: -303px 0px;}
	
a.navIndexGallery:Visited
{	position: absolute;	background-image: url(Images/buttons.gif); z-index: 9;
	height: 39px; width: 79px;	top: 142px;	right: 288px; background-position: -303px 0px;}
	
a.navIndexGallery:Hover
{	position: absolute;	background-image: url(Images/buttons.gif); z-index: 9;
	height: 39px; width: 79px;	top: 142px;	right: 288px; background-position: -303px 39px;}

a.navIndexGallery:Active
{	position: absolute;	background-image: url(Images/buttons.gif); z-index: 9;
	height: 39px; width: 79px;	top: 142px;	right: 288px; background-position: -303px 39px;}
	
	
	
a.navIndexPriceList:Link
{	position: absolute;	background-image: url(Images/buttons.gif); z-index: 9;
	height: 39px; width: 89px;	top: 142px;	right: 199px; background-position: -382px 0px;}
	
a.navIndexPriceList:Visited
{	position: absolute;	background-image: url(Images/buttons.gif); z-index: 9;
	height: 39px; width: 89px;	top: 142px;	right: 199px; background-position: -382px 0px;}
	
a.navIndexPriceList:Hover
{	position: absolute;	background-image: url(Images/buttons.gif); z-index: 9;
	height: 39px; width: 89px;	top: 142px;	right: 199px; background-position: -382px 39px;}

a.navIndexPriceList:Active
{	position: absolute;	background-image: url(Images/buttons.gif); z-index: 9;
	height: 39px; width: 89px;	top: 142px;	right: 199px; background-position: -382px 39px;}
	
	

a.navIndexContactUs:Link{
	position: absolute;	background-image: url(Images/buttons.gif); z-index: 9;	
	height: 39px; width: 120px;	top: 142px;	right: 79px; background-position: -471px 0px;}
	
a.navIndexContactUs:Visited{
	position: absolute;	background-image: url(Images/buttons.gif); z-index: 9;	
	height: 39px; width: 120px;	top: 142px;	right: 79px; background-position: -471px 0px;}	

a.navIndexContactUs:Hover{
	position: absolute;	background-image: url(Images/buttons.gif); z-index: 9;
	height: 39px; width: 120px;	top: 142px;	right: 79px; background-position: -471px 39px;}
	
a.navIndexContactUs:Active{
	position: absolute;	background-image: url(Images/buttons.gif); z-index: 9;	
	height: 39px; width: 120px;	top: 142px;	right: 79px; background-position: -471px 39px;}