/* CSS Document */

/*  === MAIN PAGE LAYOUT ================================================== */
body {
	margin: 0px;
	background-image: url('images/background_blue.png');
	background-repeat: repeat;
	}
#container { 
	width: 775px; 
	margin: auto; 
	padding: 0 0 100px 0; 
	background-color: white; 
	position: relative; 
	} 
#background {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
	}
#cynthia_jean {
	position: absolute;
	left: 40px;
	top: 0px;
	}
#blue_line {
	position:absolute;
	width: 100%;
	left: 0px;
	top: 82px;
	z-index: 10;
	}
#main_image {
	position: absolute;
	left: 0px;
	top: 88px;
	z-index: 5;
	}
#copyright {
	position: absolute;
	left: 5px;
	top: 577px;
	z-index: 100;
	}
#page_title{
	position: absolute;
	right: 50px;
	top: 100px;
	z-index: 30;
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 20pt; 
	}

/*  === NAVIGATION BAR LAYOUT ================================================== */
#navigation_bar {
	position: absolute;
	right: 50px;
	top: 25px;
	width: 450px;
	margin : 0px; 
	padding : 0 0 0 0; 
	z-index: 20;
	text-align: right;
	}
#navigation_bar_1 {
	position: absolute;
	width: 110px;
	left: 0px;
	top: 0px;
	z-index: 21;
	}
#navigation_bar_2 {
	position: absolute;
	width: 110px;
	left: 85px;
	top: 0px;
	z-index: 22;
	}
#navigation_bar_3 {
	position: absolute;
	width: 110px;
	left: 165px;
	top: 0px;
	z-index: 23;
	}
#navigation_bar_4 {
	position: absolute;
	width: 110px;
	left: 245px;
	top: 0px;
	z-index: 24;
	}
#navigation_bar_5 {
	position: absolute;
	left: 150px;
	top: 0px;
	z-index: 25;
	}

/*  === INDIVIDUAL PAGE LAYOUTS ================================================== */
#page_content{
	position: absolute;
	left: 50px;
	top: 140px;
	z-index: 50;
	width: 675px; 
	height: 453px;
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 14px; 
	text-align: justify;
	}
div.body_text{
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 13px; 
	text-align: justify;
	margin: 0px;
	padding: 0px;
	}
div.text{
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 13px; 
	}
div.smalltext{
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 12px; 
	}
div.tinytext{
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 9px; 
	}
div.portrait_caption_text{
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 13px; 
	line-height: 24px;
	}
div.gallery_image_text{
	position:absolute;
	left: 9px;
	top: 184px;
	width: 130px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 12px; 
	text-align: left;
	}

/*  === LOGIN LAYOUT ================================================== */
#logged_in_text{
	position: absolute;
	left: 50px;
	top: 100px;
	width: 400px;
	z-index: 55;
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 10px; 
	}	

/*  === BRIDAL PAGE LAYOUT ================================================== */
#bridal_text{
	position: absolute;
	left: 50px;
	top: 137px;
	width: 400px;
	z-index: 50;
	}	
#bridal_image{
	position: absolute;
	right: 0px;
	top: 140px;
	z-index: 48;
	}	
#bridal_image_gradient{
	position: absolute;
	right: 250px;
	top: 93px;
	z-index: 49;
	}	
div.bridal_gallery{
	position: absolute;
	top: 495px;
	z-index: 60;
	width: 100px;
	height: 100px;
	}
#bridal_gallery1{
	left: 80px;
	z-index: 65;
	}	
#bridal_gallery2{
	position: absolute;
	top: 475px;
	left: 80px;
	width: 340px;
	z-index: 66;
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 12px; 
	}	
#bridal_gallery3{
	left: 320px;
	}	
/*  === DESIGN PAGE LAYOUT ================================================== */
#design_text{
	position: absolute;
	left: 50px;
	top: 140px;
	width: 400px;
	z-index: 50;
	}	
#design_image{
	position: absolute;
	right: 50px;
	top: 140px;
	z-index: 49;
	}	
/*  === CONTACT US PAGE LAYOUT ================================================== */
#contact_us_text{
	position: absolute;
	left: 50px;
	top: 137px;
	width: 300px;
	z-index: 50;
	}	
/*  === WHOLESALE PAGE LAYOUT ================================================== */
#wholesale_text{
	position: absolute;
	left: 50px;
	top: 137px;
	width: 400px;
	z-index: 50;
	}
#wholesale_footer{
	position: absolute;
	left: 0px;
	top: 525px;
	width: 775px;
	text-align: center;
	z-index: 60;
	}	
/*  === ARTISTS PAGE LAYOUT ================================================== */
#artist_col_1{
	position:absolute;
	left: 50px;
	top: 140px;
	width: 282px;
	height: 387px;
	z-index: 50;
	padding: 15px;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	}	
#artist_col_2{
	position:absolute;
	right: 50px;
	top: 140px;
	width: 282px;
	height: 387px;
	z-index: 51;
	padding: 15px;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	}	
/*  === CJ PAGE LAYOUT ================================================== */
#artist_cj_text{
	position:absolute;
	left: 50px;
	top: 137px;
	width: 425px;
	z-index: 50;
	}	
#artist_cj_image{
	position: absolute;
	right: 50px;
	top: 140px;
	z-index: 49;
	}	
/*  === MERI PAGE LAYOUT ================================================== */
#artist_meri_text{
	position: absolute;
	left: 50px;
	top: 137px;
	width: 400px;
	z-index: 50;
	}	
#artist_meri_image{
	position: absolute;
	right: 50px;
	top: 140px;
	z-index: 49;
	}	
/*  === POLICIES PAGE LAYOUT ================================================== */
#policies_text{
	position: absolute;
	left: 50px;
	top: 140px;
	width: 675px;
	z-index: 50;
	}	

/*  === LINKS PAGE LAYOUT ================================================== */
#links_text1{
	position: absolute;
	left: 50px;
	top: 137px;
	width: 425px;
	z-index: 50;
	}	
#links_image1{
	position: absolute;
	right: 50px;
	top: 140px;
	z-index: 49;
	}	
#links_text2{
	position: absolute;
	right: 50px;
	top: 467px;
	width: 425px;
	z-index: 60;
	}	
#links_image2{
	position: absolute;
	left: 50px;
	top: 470px;
	z-index: 59;
	}	

/*  === ITEM DETAIL PAGE LAYOUT ================================================== */
#item_detail_box{
	position:absolute;
	left: 50px;
	top: 140px;
	width: 679px;
	height: 455px;
	margin: 0px;
	padding: 0px;
	background-image: url('images/item_detail_box.png');
	background-repeat: no-repeat;
	z-index: 50;
	}
#note{
	position:absolute;
	left: 40px;
	top: 15px;
	width: 300px;
	height: 20px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	FONT-SIZE: 10px;
	color: #808080;
}
#display_window{
	position:absolute;
	left: 40px;
	top: 35px;
	width: 300px;
	height: 300px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	} 
#image1{
	position:absolute;
	right: 160px;
	top: 35px;
	width: 100px;
	height: 100px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	} 
#image2{
	position:absolute;
	right: 40px;
	top: 35px;
	width: 100px;
	height: 100px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	} 
#image3{
	position:absolute;
	right: 160px;
	top: 155px;
	width: 100px;
	height: 100px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	} 
#image4{
	position:absolute;
	right: 40px;
	top: 155px;
	width: 100px;
	height: 100px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	} 
#detail_price{
	position:absolute;
	right: 40px;
	top: 270px;
	text-align: right;
	} 
#cart_button{
	position:absolute;
	right: 33px;
	top: 300px;
	text-align: right;
	} 
#checkout_button{
	position:absolute;
	right: 33px;
	top: 330px;
	text-align: right;
	}
#back_button{
	position:absolute;
	left: 140px;
	top: 344px;
	text-align: center;
	} 
#prev_button{
	position:absolute;
	left: 40px;
	top: 344px;
	text-align: left;
	} 
#next_button{
	position:absolute;
	right: 339px;
	top: 344px;
	text-align: right;
	} 
#description_title{
	position:absolute;
	left: 40px;
	top: 350px;
	text-align: left;
	} 
#description{
	position:absolute;
	left: 40px;
	top: 380px;
	width: 599px;
	text-align: left;
	} 
#bridal_description{
	position:absolute;
	left: 40px;
	top: 365px;
	width: 599px;
	text-align: left;
	} 
#detail_footer{
	position: absolute;
	left: 65px;
	top: 610px;
	width: 679px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	z-index: 55;
	}
/*  ========================================================================== */
/*  === GALLERY PAGE LAYOUT ================================================== */
/*  ========================================================================== */
#container_gallery{ 
	width: 775px; 
	margin: auto; 
	padding: 0 0 100px 0; 
	background-color: white; 
	position: relative; 
	} 
#test{
	width: 100%; 
	height: 100%;
	background-color: white; 
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}
#gallery_form_sort{
	position: absolute;
	left: 50px;
	top: 103px;
	z-index: 40;
	
	}
#gallery_form_qty{
	position: absolute;
	left: 230px;
	top: 110px;
	z-index: 45;
	}
#gallery_form_submit{
	position: absolute;
	left: 350px;
	top: 110px;
	z-index: 46;
	}
#gallery_footer{
	position: absolute;
	left: 0px;
	width: 675px;
	z-index: 70;
	text-align: center;
	}
#gallery_footer_b{
	position: absolute;
	left: 0px;
	width: 675px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	z-index: 75;
	FONT-SIZE: 10pt; 
	}
#gallery_footer_prev{
	position: relative;
	top: 0px;
	width: 40px;
	text-align: right;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	}
#gallery_footer_nums{
	position: relative;
	top: -21px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	}
#gallery_footer_next{
	position: relative;
	top: -42px;
	width: 40px;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	}
#detail_footer{
	position: absolute;
	left: 65px;
	top: 610px;
	width: 679px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	z-index: 55;
	}
div.gallery_item_box{
	width: 149px;
	height: 214px;
	margin: 0px;
	padding: 0px;
	background-image: url('images/gallery_item_box.png');
	background-repeat: no-repeat;
	}
img.gallery_image{
	width: 125px;
	height: 173px;
	}
div.gallery_image{
	position:absolute;
	left: 9px;
	top: 9px;
	width: 143px;
	height: 190px;
	margin: 0px;
	padding: 0px;
	}
div.gallery_row{
	position:absolute;
	left: 0px;
	z-index: 100;
	}
div.gallery_col_1{
	position:absolute;
	left: 0px;
	top: 0px;
	}
div.gallery_col_2{
	position:absolute;
	left: 180px;
	top: 0px;
	}
div.gallery_col_3{
	position:absolute;
	left: 360px;
	top: 0px;
	}
div.gallery_col_4{
	position:absolute;
	left: 540px;
	top: 0px;
	}

/*  === LINKS ================================================== */
A:link{
	color: #3366CC;
	TEXT-DECORATION: none;
	}
A:active{
	color: #0066FF;
	TEXT-DECORATION: none;
	}
A:visited{
	color: #3366CC;
	TEXT-DECORATION: none;
	}
A:hover{
	color: #0066FF;
	TEXT-DECORATION: none;
	}

A.image:link{
	TEXT-DECORATION: none;
	}
A.image:active{
	TEXT-DECORATION: none;
	}
A.image:visited{
	TEXT-DECORATION: none;
	}
A.image:hover{
	TEXT-DECORATION: none;
	}

A.nav_bar:link{
	TEXT-DECORATION: none;
	FONT-FAMILY: "Brush Script MT","Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 25px; 
	color: rgb(116,73,118);
	}
A.nav_bar:active{
	TEXT-DECORATION: none;
	FONT-FAMILY: "Brush Script MT","Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 25px; 
	color: rgb(116,73,118);
	}
A.nav_bar:visited{
	TEXT-DECORATION: none;
	FONT-FAMILY: "Brush Script MT","Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 25px; 
	color: rgb(116,73,118);
	}
A.nav_bar:hover{
	TEXT-DECORATION: none;
	FONT-FAMILY: "Brush Script MT","Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 25px; 
	color: rgb(102,153,204);
	}

/*  === TABLES ================================================== */
table.gallery_footer {
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-style: italic;
	FONT-SIZE: 11pt; 
	}
td.gallery_footer {
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-style: italic;
	FONT-SIZE: 11pt; 
	}
tr.gallery_footer {
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-style: italic;
	FONT-SIZE: 11pt; 
	}

/*  === FORMS ================================================== */
form{
	margin: 0px;
	padding: 0px;
	border: 0px;
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-style: italic;
	text-align: right;
	}
select{
	width: 140px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 8pt; 
	font-style: italic;
	text-align: right;
	background-color: #99CCFF;
	}
option{
	margin: 0px;
	padding: 0px;
	border: 0px;
	FONT-FAMILY: "Calibri", "Verdana", "Arial", "Helvetica", "sans-serif";
	FONT-SIZE: 8pt; 
	font-style: italic;
	text-align: right;
	}

