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


/*----  General  ----*/

html {}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	background-image: url(../_images/background_adri-square.jpg);
	background-repeat:repeat;
	background-position: -18px 8px;
	}
#wrapper {
	width: 900px;
	margin: 0 auto;
	padding-right:29px;
	margin-top:0px;
	}

#container {
	margin-top: 0px;
	width: 100%;
	height:627px;
	margin-bottom:21px;
	background: url(../_images/background_shadow-both_main.png) repeat-y;
	} /* for left drop shadow */
	
	#shadow_top {
			width: 100%;
			height:49px;
			margin-right: auto;
			margin-left: auto;
			background:url(../_images/background_shadow-top_main.png);
			background-repeat: no-repeat;
			background-position: center bottom;
			padding-bottom: 0px;
			padding-top: 10px;
			top: -0px;
			position: relative;
			margin-top:8px;
			}
	
	

.clear {clear:both;}

/*----  General Typography  ----*/

p {
	font-size: 0.875em;
	}

h1 {}
h2 {}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:20px;
	xletter-spacing:18px;
	line-height: 1.2em;
	font-variant: small-caps;
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
	}

a {
	text-decoration:underline;
	color:#84593f;
	xcolor:#3300CC;
	xcolor:#868686;
	font-weight:bold;
	}
	
a:hover {
	color:#010101;
	}
	
a:active {}

a:visited {}

a.img:hover {
	border:0;
	}

img {
	border:0;
	}


/*----  Main Structural  ----*/

#main {
	width:860px;
	height:684px;
	position:relative;
	top:-38px;
	margin-left:29px;
	border:1px solid #babab9;
	background-color:#faf8f6;
	z-index:5;
	}
	
	#main.subpage {
		border:none;
		}
	
#header {
	width:inherit;
	height:120px;
	}
	
	#main.subpage {
		border-top:1px solid #babab9;
		border-left:1px solid #babab9;
		border-right:1px solid #babab9;
		}
	
	#logo {
		margin-top:32px;
		margin-left:68px;
		float:left;
		}
	
	#global_nav {
	margin-top:38px;
	margin-right:78px;
	float:right;
	text-align:right;
		}
		
	#sub_nav {
		height:12px;
		width:auto;
		float:right;
		margin-right:72px;
		margin-top:24px;
		overflow:hidden;
		}	
		
			#sub_nav img {
				margin-left:8px;
				margin-right:8px;
				margin-top:-14px;
				}
				
			#sub_nav a {
				margin-top:-14px;
				}	
				
			#sub_nav a:hover img.arrow  {
				position:relative;
				top:15px;
				}
			
	#sub_nav.catalog {
		height:12px;
		width:auto;
		float:right;
		margin-right:80px;
		margin-top:36px;
		overflow:hidden;
		}	
	
#content {
	width:inherit;
	height:564px;
	}
	
	#content.index {
		background-color:#faf8f6;
		}
		
	#content.subpage {
		background-color:none;
		background-image:url(../_images/background_content_subpage2.gif);
		margin-top:2px;
		height:564px;	
		}
		
	#content.catalog {
		background-color:none;
		background-image:url(../_images/background_content_subpage2.gif);
		margin-top:-18px;
		height:564px;	
		}
		
	#catalog_container {
		width:720px;
		height:400px;
		margin-left:70px;
		margin-top:52px;
		background-color:none;	
		}
		
			.item {
				width:140px;
				height:160px;
				margin-left:7px;
				margin-right:28px;
				margin-top:20px;
				float:left;
				}
				
				.item img {
					margin-bottom:10px;
					}
		
	#preview_link {
		height:14px;
		width:auto;
		float:right;
		margin-right:76px;
		margin-top:24px;
		}
		
			#preview_link img {
				
				float:right;
				margin-left:5px;
				}

	#vertical_image {
		width:278px;
		height:403px;
		position:relative;
		margin-left:76px;
		margin-top:-250px;
		background-image:url(../_images/background_vertical-image.png);
		float:left;
		z-index:20;
		}
		
			#vertical_image img {
				margin-left:9px;
				margin-top:9px;
				}
	
	#horizontal_image {
		width:602px;
		height:302px;
		margin-right:76px;
		margin-top:15px;
		background-image:url(../_images/background_horizontal-image.png);
		background-repeat:no-repeat;
		float:right;
		z-index:5;
		}
		
			#horizontal_image img {
				margin-left:8px;
				margin-top:8px;
				}
				
			#horizontal_image.subpage {
				background-image:url(../_images/background_horizontal-image_subpage.png);
				}
	
	#textbox {
		width:322px;
		height:110px;
		margin-top:20px;
		margin-right:126px;
		float:right;
		
		}
		
			#textbox img {
				display:block;
				margin-left:auto;
				margin-right:auto;
				}
				
			#textbox.subpage {
				width:272px;
				height:110px;
				float:left;
				margin-top:40px;
				margin-left:40px;
				}
				
				#textbox.subpage img {
					margin-left:0px;
					}
					
				#textbox.subpage p {
					margin-left:4px;
					}
					
				#textbox.login {
					height: 220px;
					font-size:0.875em;
					color:#faf8f6;
					letter-spacing:1px;
					text-align:justify;
					line-height:18px;
					}
					
				#textbox.pdf {
					float: none;
					width: 600px;
					height: 220px;
					font-size:0.875em;
					color:#faf8f6;
					letter-spacing:1px;
					line-height:18px;
					}
				
			#textbox.catalog {
				width:390px;
				height:35px;
				float:none;
				margin-left:70px;
				position:relative;
				top:30px;
				}
				
			#textbox.about {
				width:358px;
				height:120px;
				float:left;
				position:relative;
				margin-left:70px;
				top:-266px;
				}
				
					#textbox.about img {
						margin-left:0px;
						margin-bottom:20px;
						}
		#info.address{
			float:right; 
			margin-right:70px; 
			margin-top:70px; 
			color:#FFF; 
			width:325px; 
			line-height:20px;
}
		#textbox.contact-pg {
			float:left;
			width: 325px;
			margin-right: 70px;
			margin-left: 70px;
			height:auto;
			margin-top:70px;
			font-size:0.875em;
			color:#faf8f6;
			letter-spacing:1px;
			text-align:justify;
			}

		
		#textbox.contact-pg dl { width: 325px }
		#textbox.contact-pg dt { margin-top: 6px }
		#textbox.contact-pg dd { margin-left: 0 }
						
			#textbox.contact {
				float:left;
				margin-left:70px;
				margin-top:-196px;
				width:410px;
				height:auto;
				
				}
	
						
			#textbox.order {
				float:left;
				margin-left:70px;
				margin-top:50px;
				width:600px;
				height:auto;
				}
				
	#catalog_button {
		width:71px;
		height:35px;
		background-image:url(../_images/background_catalog_button.jpg);
		background-repeat:no-repeat;
		background-position:0px 2px;
		float:left;
		margin-top:72px;
		margin-left:-105px;
		font-size:11px;
		line-height:1px;
		text-align:center;
		padding-top:8px;
		color:#655f54;
		}
				
	#large_right_arrow {
		width:auto;
		height:24px;
		float:left;
		margin-left:-96px;
		margin-top:81px;
		overflow:hidden;
		font-size:11px;
		color:#c3c1be;
		}
		
		#large_right_arrow img {
			margin-top:-12px;
			margin-left:14px;
			float:right;
			}
	
		#large_right_arrow a:hover {
			color:#fff;
			}
	
		#large_right_arrow a:hover img {
			position:relative;
			top:-24px;
			}
			
	#page_slider {
		height:24px;
		width:120px;
		margin-top:20px;
		margin-left:200px;
		margin-right:0px;
		overflow:hidden;
		float:left;
		}
		
		#page_slider img {
			margin-top:-24px;
			}
			
		#page_slider a:hover img {
			position:relative;
			top:24px;
			}
			
	#carousel_status {
		height:16px;
		width:100px;
		float:left;
		margin-top:28px;
		margin-left:70px;
		}		
		
	#order_link {
		float:right;
		margin-top:28px;
		margin-right:70px;
		text-align:right;
		overflow:hidden;
		height:12px;
		width:auto;
		}		
		
			#order_link img {
				margin-left:8px;
				margin-right:8px;
				margin-top:-14px;
				}
				
			#order_link a {
				margin-top:-14px;
				}	
				
			#order_link a:hover img.arrow  {
				position:relative;
				top:15px;
				}

#portrait {
	position:relative;
	top:50px;
	margin-right:70px;
	float:right;
	}
	
#portrait-contact {
    color: #FAF8F6;
    font-size: 0.875em;
    letter-spacing: 1px;
    line-height: 18px;
    /*text-align: center;*/
    float: right;
    position: relative;
}

#portrait-contact p{
	padding-left: 35px;
}

	.tag {
		margin-left:70px;
		margin-top:40px;
		}

#footer {
	width: 100%;
	background-position: center top;
	height: 110px;
	padding-top: 82px;
	position: relative;
	top: -21px;
	background:url(../_images/background_shadow-bottom_main.png);
	background-repeat: no-repeat;
	
	}

	



/*----  Main Styling  ----*/

#global_nav {
	letter-spacing: 1px;
	font-size: 0.75em;
	color:#868686;
	}
	
#sub_nav {
	letter-spacing: 1px;
	font-size: 0.75em;
	color:#c3c1be;
	}
	
	#sub_nav a:hover {
		color:#fff;
		}
		
		#sub_nav.catalog a {
		color:#cbc9c6;
		}
	
		#sub_nav.catalog a:hover {
		color:#fff;
		}
	
#preview_link {
	letter-spacing: 1px;
	font-size: 0.75em;
	color:#868686;
	}

#footer {
	font-size:0.875em;
	line-height:24px;
	text-align:center;
	color:#464545;
	}
	
#textbox.index {
	color:#524b40;
	line-height:24px;
	text-align:justify;
	}
	
#textbox.subpage {
	color: #f3f3f3;
	line-height:24px;
	text-align:left;
	font-size:1em;
	}
	
#textbox.catalog {
	font-size:0.875em;
	color:#faf8f6;
	letter-spacing:1px;
	line-height:18px;
	text-align:justify;
	}
	

#textbox.about {
	font-size:0.875em;
	color:#faf8f6;
	letter-spacing:1px;
	text-align:justify;
	line-height:18px;
	}
	
		#textbox.about p {
			margin-left:4px;
			}
			
#textbox.contact {
	font-size:0.875em;
	color:#faf8f6;
	letter-spacing:1px;
	text-align:justify;
	}
	
		.description {
			font-size:0.875em;
	letter-spacing:1px;
			margin-left:2px;
			}
			
		.address {float:right; margin-right:70px; margin-top:70px; color:#FFF; width:240px; line-height:20px;}
		
#textbox.order {
				color:#faf8f6;
	letter-spacing:1px;
	
				}
	
#portrait {
	font-size:0.875em;
	color:#faf8f6;
	letter-spacing:1px;
	text-align:center;
	line-height:18px;
	}
	
#about_ann {
	font-size:0.845em;
	color:#faf8f6;
	letter-spacing:1px;
	text-align:left;
	line-height:18px;
	width:312px;
	height:auto;
	position:absolute;
	top:450px;
	right:69px;
	margin-left:70px;
	text-align:left;
	}
	
#about_ann a {
	color: #999;
	}
	
#about_ann a:hover {
	color:#FFF;
	}
	
#carousel_status {
	font-size:0.875em;
	color:#faf8f6;
	letter-spacing:1px;
	}
	
#order_link {
	letter-spacing: 1px;
	font-size: 0.75em;
	color:#cbc9c6;
	}
	
	#order_link a {
		color:#cbc9c6;
		}
	
	#order_link a:hover {
		color:#fff;
		}
	
.item {
	color:#cbc9c6;
	text-align:center;
	font-size:13px;
	}
	
	.item a {
	color:#cbc9c6;
		}
	
	.item a:hover {
		color:#fff;
		}
		
#textbox.subpage p {
	font-size: 0.835em;
	}
	
/*--- STEP CAROUSEL ---*/

.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 720px; /*Width of Carousel Viewer itself*/
height: 400px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 700px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


	
/*--- Safari Hack ---*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
  
#textbox p {
	font-size: 0.835em;
	}
 
}

/*--- Fontaine Designs Page ----*/


#container.fon {
	height:837px;
	}

#main.fontaine_designs {
	width:860px;
	height:894px;
	position:relative;
	top:-38px;
	margin-left:29px;
	border:1px solid #babab9;
	background-color:#fefff9;
	z-index:5;
	}

body.fon {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	
	}
	
#logo.fon {
		margin-top:32px;
		margin-left:128px;
		float:left;
		}	
	
#horizontal_image.fon {
		width:352px;
		height:232px;
		margin-left:76px;
		margin-top:15px;
		background-image:url(../_images/background_horizontal-image_fon.png);
		background-repeat:no-repeat;
		float:left;
		z-index:5;
		}
		
			#horizontal_image.fon img {
				margin-left:6px;
				margin-top:6px;
				}
				

#textbox.fon {
		width:322px;
		height:110px;
		margin-top:10px;
		margin-left:90px;
		float:left;
		
		}

#textbox.fon {
	color:#524b40;
	line-height:24px;
	text-align:left;
	}
	
#textbox.fon ul {
margin-left:0px;
padding-left:14px;
}

#textbox.fon ul li {
font-size:0.8em;
line-height:3em;
}

#textbox.fon ul li a {
color: #84593f;
}	

#textbox.fon ul li a:hover {
text-decoration:underline;
}


#textbox.right {
	width:300px;
		height:110px;
		margin-top:-100px;
		margin-right:40px;
		float:right;
		color:#524b40;
	line-height:24px;
	text-align:justify;
	font-size:0.95em;
	}
	
#textbox.right img{-webkit-box-shadow: 10px 10px 17px -8px rgba(0,0,0,0.42);
-moz-box-shadow: 10px 10px 17px -8px rgba(0,0,0,0.42);
box-shadow: 10px 10px 17px -8px rgba(0,0,0,0.42);}	
#portrait.fon {
	position:relative;
	top:0px;
	margin-right:100px;
	float:right;
	font-size:0.9em;
	color:#524b40;
	letter-spacing:1px;
	text-align:left;
	line-height:18px;
	width:352px;
	}