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

html{height:101%;}

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-color:#000000;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#000000;
	width:900px;
	height:auto;
	text-align: left;
}

a:link{ font-weight:bold; color:#FFFFFF;}
a:visited{ color: #FFFFFF;	text-decoration: none;}
a:active{ color: #999999;	text-decoration: none;}
a:hover{	text-decoration: underline;	color: #FFFFFF;}


/*==========main container==========*/
.mainContainer{ 
	width:900px; 
	height:auto; 
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

/*==========header==========*/
.headerContainer{width:900px; height:120px; float:left;}
.headerSpace{ width:192px; height:92px; float:left;}
.headerLogo{ width:516px; height:92px; float:left;}
.menu{width:900px; height:30px; float:left;}
.menuLinks{width:750px; height:20px; float:left; margin-left:75px; margin-top:10px;}
.menuLinks a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
.menuLinks a:hover{ color:#7b6955; text-decoration:none;}

/*==========content==========*/
.contentContainer{width:900px; height:auto; float:left;}
.contentWhole{width:800px; height:auto; float:left; margin:10px;}
.contentLeft{width:500px; height:auto; float:left; font-size:1px;}
.contentRight{
width:380px; 
height:auto; 
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

.h1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold;}

.table{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold;}

.galleryLeft{width:560px; height:auto; float:left;}
.galleryRight{
width:320px; 
height:auto; 
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

.designers{width:135px; height:198px; float:left; margin:10px;}
.designersSpace{width:900px; height:8px; float:left;}

.contactLeft{width:300px; height:auto; float:left; font-size:1px;}
.contactRight{
width:580px; 
height:auto; 
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

.indexImage{width:900px; height:473px; float:left; font-size:1px;}
.indexFooter{width:900px; height:27px; float:left; background-image:url(images/home_02.jpg);}
.aboutFooter{width:900px; height:28px; float:left; background-image:url(images/about_03.jpg);}
.motherFooter{width:900px; height:28px; float:left; background-image:url(images/mother-footer.jpg);}
.designersFooter{width:900px; height:28px; float:left; background-image:url(images/designers_03.jpg);}
.designFooter{width:900px; height:28px; float:left; background-image:url(images/designers-image_03.jpg);}
.newsFooter{width:900px; height:28px; float:left; background-image:url(images/news-pic_03.jpg);}
.dressFooter{width:900px; height:28px; float:left; background-image:url(images/dresses_03.jpg);}

/*==========footer==========*/
.footerText{
	width:800px; 
	height:15px; 
	float:left;
	text-indent:10px;
	margin-top:5px;
	color:#000000;
}
.copyText{
	width:800px; 
	height:15px; 
	float:left;
	text-indent:10px;
	margin-top:5px;
	color:#7b6955;
}
.footerText a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}
.footerText a:hover{color:#FFFFFF; text-decoration:underline;}