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

/*
 * Browser reset
 */

body {
    margin: 0;
    padding: 0;
	background: #CCCCCC;
}
/*
 * Typography
 */

body, p, h1, h2, h3, h4, h5, h6, td, div {
	color: #CCCCCC;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

a, a:link, a:visited {
	text-decoration: none;
}
a:active, a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}
a:hover img {

}
h1 {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 90px;
}
h2 {
	margin: 5px 0 15px 0;
	font-size: 24px;
}
h3 {
	font-size: 21px;
	color: #4b4b4b;
	margin-top: 34px;
	line-height: 20px;
}

.dark {
	color: #4b4b4b;
}

/* POSITIONING */

#container1 {
	width: 100%;
}

	#container2 {
		width: 842px;
		margin: 0 auto;
	}


		div.generic, div.category, div.subcat, div.product {
			padding: 0;
			margin: 30px 0 0 0;
			background: url(images/bg_alt.jpg) no-repeat 0% 0%;
		}
		div.product {
			background: url(images/bg_alt.jpg) no-repeat 0% 0%;
			padding: 0 28px 0 28px;
		}
		div.home {
			background: url(images/home_bg.jpg) no-repeat 0% 0%;
			margin: 30px 0 0 0;
			padding: 0 28px 0 28px;
			height: 593px;
		}
			
			#content {
				padding-top: 50px;
				height: 498px !important;
				height: 548px;
				overflow: hidden;
			}
			div.home #content {
				padding-top: 0;
				height: 593px !important;
			}
			div.product #content {
				
			}
			div.category #content {
				padding-top: 20px;
				height: 528px !important;
				text-align: center;
			}

			
			#footer {
				height: 47px;
				margin: 0 auto;
				text-align: center;
				padding: 0;
				overflow: hidden;
			}


/* CONTENT */

table {	
	margin-left: 205px;
}

.category table {
	margin: 0 auto;
	margin-top: 20px;
}
.category table td {
	width: 220px;
	text-align: center;
	vertical-align: top;
}
.subcat table {
	margin-top: 10px;
}
.subcat table td {
	width: 124px;
	padding: 9px;
	text-align: center;
	vertical-align: top;
}

.product_inner {
	margin-top: 20px;
	text-align: center;
}
.product_image {
	width: 374px;
	height: 291px;
	margin: 0 auto;
}

.product_nav {
	position: absolute;
	padding: 150px 0 0 700px;
	/padding: 150px 0 0 500px;
}
	.product_nav a {
		color: #FFF;
		font-size: 18px;
		text-decoration: underline;
	}
	.product_nav a:hover {
		text-decoration: none;
	}

/* MENU */

ul.menu {
	margin: 0;
	padding: 0;
}
	ul.menu li {
		display: inline;
		margin: 0 20px 0 0;
		color: #000;
		font-size: 16px;
	}
		ul.menu li a {
			color: #FFF;
		}
		div.product ul.menu li a {
			color: #FFF;
		}
	
/* BG IMAGES */
#ring #content {
	background: url(images/vtitle_rings.png) no-repeat 115px 60% !important;
	/background: none;
}
#necklace #content {
	background: url(images/vtitle_necklaces.png) no-repeat 115px 70% !important;
	/background: none;
}
#bracelet #content {
	background: url(images/vtitle_bracelets.png) no-repeat 115px 75% !important;
	/background: none;
}
#brooch #content {
	background: url(images/vtitle_brooches.png) no-repeat 115px 63% !important;
	/background: none;
}
#earrings #content {
	background: url(images/vtitle_earrings.png) no-repeat 115px 63% !important;
	/background: none;
}
#other #content {
	background: url(images/vtitle_other.png) no-repeat 115px 63% !important;
	/background: none;
}
#sculpture #content {
	background: url(images/vtitle_sculpture.png) no-repeat 115px 63% !important;
	/background: none;
}

#profile #content {
	background: url(images/vtitle_profile.png) no-repeat 115px 79% !important;
	/background: none;
}
#commissions #content, 
	#commissions2 #content, 
	#commissions3 #content, 
	#commissions4 #content, 
	#commissions5 #content {
	background: url(images/vtitle_commissions.png) no-repeat 115px 50% !important;
	/background: none;
}
#contact #content {
	background: url(images/vtitle_contact.png) no-repeat 115px 79% !important;
	/background: none;
}



/* CONTENT PAGES */

.contentpage_inner {
	margin-top: 84px;
	text-align: center;
}
#contact .contentpage_inner {
	margin-top: 24px;
	text-align: center;
}



div.content_text {
	width: 440px;
	height: 300px;
	margin: 0 auto;	
}
#contact div.content_text {
	height: 360px;
}

	div.content_text_wrapper {
		background: #cccccc;
		height: 300px;
		padding: 0 39px 0 39px;
	}
	#contact div.content_text_wrapper {
		height: 360px;
	}
	#commissions div.content_text_wrapper, 
	#commissions2 div.content_text_wrapper, 
	#commissions3 div.content_text_wrapper, 
	#commissions4 div.content_text_wrapper, 
	#commissions5 div.content_text_wrapper {
		background: #cccccc url(images/commissions_1_bg.jpg) no-repeat 100% 0%;
		padding: 0 149px 0 39px;
	}
	#commissions2 div.content_text_wrapper {
		background: #cccccc url(images/commissions_2_bg.jpg) no-repeat 100% 0%;
	}
	#commissions3 div.content_text_wrapper {
		background: #cccccc url(images/commissions_3_bg.jpg) no-repeat 100% 0%;
	}
	#commissions4 div.content_text_wrapper {
		background: #cccccc url(images/commissions_4_bg.jpg) no-repeat 100% 0%;
	}
	#commissions5 div.content_text_wrapper {
		background: #cccccc url(images/commissions_5_bg.jpg) no-repeat 100% 0%;
	}
	
	#contact div.content_text_wrapper {
		background: #999999;
	}
	
	
div.content_text p {
	margin-top: 14px;
	padding-top: 0;
	text-align: left;
	color: #2c2c2c;
	font-size: 14px;
}
div#contact div.content_text p {
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
	text-transform: uppercase;
}
p.caption {
	padding-left: 45px;
	font-weight: bold;
	font-style: italic;
}
p.caption_right {
	text-align: right !important;
	font-weight: bold;
	font-style: italic;
	margin:0 !important;
	padding:0 !important;
}

/* HOME */

.home_images {
	float: right;
	margin-top: 20px;
	text-align: center;
}

#home h2 {
	margin: 9px 0 12px; 0;
	padding: 0;
	font-size: 24px;
	color: #FFF;
}
	#home h2 a {
		color: #FFF;
	}
	
.home_footer_left {
	padding: 2px 0 0 40px;
	float:left;
}
.home_footer_center {
	padding: 2px 0 0 300px;
}
#home .home_footer_left h2, #home .home_footer_center h2 {
	margin: 0;
}
#home h4 {
	font-size: 12px;
	color: #4b4b4b;
	margin-top: 25px;
	margin-left: -30px;
	text-align: left;
}
	#home h4 a {
		color: #4b4b4b;
	}


/* CONTACT */

label {
	width: 50px;
	float: left;
	margin-right: 10px;
	margin-top: 6px;
	display: block
}
input[text] {
	width: 265px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
textarea {
	width: 265px;
	height: 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}