/* CSS Document */



* {margin:0; padding:0}

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;

	font-weight: normal;
	color: #7F7F7F;
	background-color: #CADB2A;
}


#bground1 {
	width:100%;
	height:650px;
	background-image: url(../imgs/fatima_jewelry.jpg);
	background-repeat: no-repeat;
	background-position: -20px top;
	background-color: #FFFFFF;
}


	
#bground2 {
	width:100%;
	height:660px;
	background-image: url(../imgs/fatime_makeup2.jpg);
	background-repeat: no-repeat;
	background-position: -20px top;
	background-color: #FFFFFF;
}
	

#bground3 {
	width:100%;
	height:650px;
	background-image: url(../imgs/fatime_3.jpg);
	background-repeat: no-repeat;
	background-position: -20px top;
	background-color: #FFFFFF;
}
	
#bground1.s {
	height:1250px;
	background-attachment: fixed;
	background-image: url(../imgs/fatima_makeup.jpg);
}

#bground1.j {
	height:100%;
	background-attachment: fixed;
	background-image: url(../imgs/fatima_jewelry.jpg);
}
	
#wrapper {height:100%; width:680px; margin-left:305px;}




#top { padding-top:20px; height:100px;}

.logoquote {
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:12px;
	letter-spacing: .2em;
	
}

a.body:link, a.body:visited {color:#99A71B; text-decoration:none;}

a.body:hover {color:#E10071;}

.replace{ position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } 
	
.replace span{ display:block; position:absolute; top:0px; left:0px; z-index:0; /*for Opera 5 and 6*/ }
	
#mc, #mc span{ height:25px; width:198px;  background-image: url(../imgs/hdr_mc.jpg); margin-bottom:20px;  }

#afil, #afil span{ height:23px; width:108px;  background-image: url(../imgs/hdr_aff.jpg); }

#serv, #serv span{ height:22px; width:101px;  background-image: url(../imgs/hdr_serv.jpg);  margin-bottom:20px; }

#j, #j span{ height:50px; width:270px;  background-image: url(../imgs/hdr_j.jpg); margin-bottom:10px;   }

#c, #c span{ height:22px; width:137px;  background-image: url(../imgs/hdr_contact.jpg); margin-bottom:20px;  }

#story, #story span{ height:28px; width:120px;  background-image: url(../imgs/hdr_ourstory.jpg); margin-bottom:20px;  }

#join, #join span{ height:26px; width:245px;  background-image: url(../imgs/hdr_mailinglist.jpg) }

#visit, #visit span{ height:30px; width:160px;  background-image: url(../imgs/hdr_visit.jpg); margin-bottom:5px;  }



	
	
h5  {font-size:13px; font-weight:bold;}	
	
	
.bold {color:#E10071; font-weight:bold;}
	

#nav {
	margin:0 auto;
	height:15px;
	display:block;
	font-size:13px;
	font-weight:bold;
	margin-bottom:40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C9D92E;
}
#nav li {list-style:none; float:left; padding-top:20px;}



#nav a, #nav a:visited {text-decoration:none; color:#B1C120; display:block; padding:0 12px 0 12px; }

#nav a:hover {color:#E10071;}

#container {padding-top:15px;}

#content {padding-top:20px; height:auto;}


#video {margin-left:10px; margin-top:5px;}

#foliolinks {width:240px; float:left; padding:30px 15px 0 15px;}
#foliolinks ul {list-style:none;}
#foliolinks li {float:left;}

#gallery {float:left;}

#footer {font-size:10px; color:#FFFFFF; padding:12px 0 0 10px;
	clear:both; height:300px;

	background-image: url(../imgs/footer_pattern.jpg);
	background-repeat: repeat-x;
	background-position: top; 

}

a.ftrlink:link, a.ftrlink:visited {color:#FFFFFF; font-size:10px;}
a.ftrlink:hover {color:#CC0099;}


.aboutpic {float:left; padding-right:5px;}



a.contactimg  {margin-bottom:8px; display:block; width:190px; border:1px solid #CCCCCC; padding:4px;}



/*   fix IE6 visited state change ?         */

a.affiliates:link, a.affiliates:visited, a.affiliates:hover {padding:0; margin:0px;}

ul.affiliates {list-style:none; float:left; margin-right:15px; display:block; height:45px; padding:0px;}

ul.affiliates li {margin-bottom:12px; display:block; width:200px; border:1px solid #999999; padding:5px; }


a.textlink:link, a.textlink:link {color:#B41568; text-decoration:none;}

a.textlink:hover {color:#666666;}

#feature {width:320px; float:left; margin-left:25px;}

.logo {float:left;}


.seasons {padding-top:5px; font-size:11px; }



p {margin-bottom:15px;}




h3 {margin-bottom:10px; font-size:14px; border-bottom:1px dotted #CE0067;}

/* media charity page  */


#bground1.m {
	height:3200px;
	background-image: url(../imgs/fatime_3.jpg);
	background-repeat: no-repeat;
	background-position: -20px top;
	background-color: #FFFFFF;
	background-attachment: fixed;
}

#content_media {width:600px;  padding-top:20px;}

#mediaintro {clear:both;
	color:#CE0067;
	font-size:12px;
	font-weight:bold;
	padding:20px 20px 40px 20px;

}

#content_media  table {
	width:650px;
	margin-left:-10px;

}

#content_media td { width:180px; height:140px; padding:10px; }

#content_media td img {margin-bottom:5px;}

h2 {color:#50D9EB; font-size:17px; margin-bottom:15px;}



ul.navlinks {
	list-style:none;
	font-size:13px;
	font-weight: bold;
	letter-spacing: .14em;
}

.navlinks a:link {
	display:block;
	padding:12px 14px;
	text-decoration:none;
	color: #FFFFFF;
	outline:none;
}
.navlinks a:visited {color: #FFFFFF; display:block;
	padding:12px 14px;
	text-decoration:none;
	color: #FFFFFF;
	outline:none;}

.navlinks a:hover {
	background-image: url(../imgs/bgournd_nav2.jpg);
	background-repeat: repeat-x; }
	
	
.weblinks a:link {color:#CE0067; text-decoration:none;}
.weblinks a:visited {color:#B9D226; text-decoration:none;}
.weblinks a:hover {color:#4CDBEC;}
	
h3.weblinks {color:#CE0067}

	
/* affiliates  */

#content.aff table {margin-top:30px;}

#content.aff td {padding:10px;}




ul.services li {margin-bottom:15px;}

ul.list {width:180px; float:left; margin-right:35px; letter-spacing:normal; list-style:none; }

h3.s {margin-bottom:5px; font-size:12px; font-weight:bold; color:#E10071;}

ul.list li {margin-bottom:15px;}

#mail {display:block; margin-left:20px; font-size:11px; }

#mail img {float:left; padding-right:5px;}

#conlinks {float:right; margin-right:200px; margin-top:-150px; _margin-right:100px;}


/*   JEWELRY PAGE PRODUCTS       */



.WebYepGalleryImage {margin-bottom:13px; margin-right:13px; padding:10px;  border:1px solid #C9DA2A; text-align:center}

table.WebYepGalleryContainer a:link {outline:none;}

div.WebYepGalleryText {display:block;  width:145px; height:80px; margin-top:-5px; margin-bottom:20px; overflow:hidden;}

#fx {height:100px; clear:both;}

a.join {
	display:block;
	width:221px;
	height:23px;
	text-indent:-9999px;
	background-image: url(../imgs/malinglist.png);
	background-repeat: no-repeat; outline:none;  margin-top:15px;
}

h3.g {color:#BCCD23; border:none; font-size:17px;}

input.btn {background:#C9DC28; width:100px; padding:3px; color:#FFFFFF; font-weight:bold; border:none;}

input.text, select.other {border:1px solid #CCCCCC;padding:3px; color:#666666;}