/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	author: JBMoss Ltd - http://www.jbmoss.com
	developer: JBMoss Ltd
	date: 14/11/2008
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. forms
	
	
-------------------------------------------------------*/


										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table {
	margin			: 0.6em 4%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	outline			: none;
	
}

										/* ---------- 2. typography ---------- */ 

p {color:#C91B82;font-size:1em;}
p a {color:#151A40;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}


										/* ---------- 3. listography ---------- */ 
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: Georgia;
	background		: #151A40 url(../images/page_bg.jpg) top center no-repeat;
}


#wrap {
	position		: relative;
	margin			: 200px auto 0 auto;
	width			: 782px;
}
#nav {
	position:relative;
	width:783px;
	height:29px;
	border-left:5px solid #AD9961;
	border-top:4px solid #AD9961;
	border-bottom:4px solid #AD9961;
	overflow:hidden;
	margin-top:0;
}
#inner {
	position:relative;
	width:782px;
	height:395px;
	background:#fff url(../images/inner_bg.jpg) top center no-repeat;
	border:3px solid #AD9961;
	margin-top:14px;
}
	#homep #inner {
		background:#fff url(../images/mainimages/Home.gif) top center no-repeat;
	}
	#raison #inner {
		background:#fff url(../images/mainimages/RaisonDetre.jpg) top center no-repeat;
	}
	#newsp #inner {
		background:#fff url(../images/mainimages/News.jpg) top center no-repeat;
	}
	#testimonialsp #inner {
		background:#fff url(../images/mainimages/Testimonials.jpg) top center no-repeat;
	}
	#fourcs #inner {
		background:#fff url(../images/mainimages/The4CS.jpg) top center no-repeat;
	}
	#contactp #inner {
		background:#fff url(../images/mainimages/The4CS.jpg) top center no-repeat;
	}
	#contactp #inner {
		background:#fff url(../images/mainimages/Contact.jpg) top center no-repeat;
	}
	#conflictp #inner {
		background:#fff url(../images/mainimages/ConflictDiamonds.jpg) top center no-repeat;
	}
	#dlifep #inner {
		background:#fff url(../images/mainimages/DiamondLife.jpg) top center no-repeat;
	}
	#dlovep #inner {
		background:#fff url(../images/mainimages/DiamondLove.jpg) top center no-repeat;
	}
	#bespokep #inner {
		background:#fff url(../images/mainimages/Bespoke.jpg) top center no-repeat;
	}
	#famousp #inner {
		background:#fff url(../images/mainimages/FamousDiamonds.jpg) top center no-repeat;
	}

	
		#tag {
			position:absolute;
			top:20px;
			left:0px;
		}
		#bimg {
			position:absolute;
			top:0px;
			right:0px;
		}
		#content {
			position:absolute;
			width:350px;
			height:225px;
			left:0;
			bottom:10px;
		}
		#prod_content {
			position:absolute;
			width:450px;
			height:245px;
			left:0;
			bottom:10px;
		}
			#prod_t_txt {
				position:relative;
				height:50px;
			}
			#prod_desc_bg {
				position:absolute;
				background:#E48EC0;
				width:440px;
				height:188px;
				bottom:0px;
				left:10px;
				opacity			: .6;
				filter			: alpha(opacity=60);
			}
			#prod_desc {
				position:relative;
				width:440px;
				height:188px;
				margin-left:10px;
			}
				#prod_desc p {
					color:#002F60;
					margin:1em 5%;
					font-size:1.3em;
				}
				#prod_links {
					position:absolute;
					bottom:30px;
					width:440px;
				}
				#prod_links p a {
					display:block;
					float:left;
					height:15px;
					width:15px;
					font-size:0.6em;
					background:#fff;
					margin-right:2px;
					text-align:center;
					color:#002F60;
				}
				#prod_links p a:hover {
					background:#002F60;
					color:#fff;
				}
				#prod_links p .on {
					background:#002F60;
					color:#fff;
				}




#footer {
	position:relative;
	width:1000px;
	margin:70px auto 0 auto;
	color: #AD9961;
	font-size:0.85em;
	text-align:center;
}
#footer a {
	color: #AD9961;
}


										/* ---------- 5. navigation ---------- */ 
										
#nav a {
	display:block;
	width:191px;
	line-height:29px;
	border-right:5px solid #AD9961;
	float:left;
	text-align:center;
	font-size:1.5em;
	background:#C91B82;
	color:#fff;
}
#nav .enq {width:190px;}

#nav a:hover {
	background:#151A40;
}

										/* ---------- 6. page specific structure ---------- */ 
										

										/* ---------- 7. images ---------- */ 
										

										/* ---------- 8. forms ---------- */ 
										
.formbox {
	width:150px;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
.form_t {
	color:#C91B82;
	font-size:1em;
}
.submit {
	background:#C91B82;
	color:#fff;
	font-size:0.8em;
	padding:2px 8px;
}