@charset "utf-8";
/*------------------------------------------------------------------ Main Site Atributes, IMG, A, H1, P, BODY --------------------------------------------------------------*/

body {
	margin:0 auto;
	background:#e4e0df;

}

img {
	border:none;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#646464;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#99908e;
}

a {
	font-weight:bold;
	text-decoration:none;
	color:#99908e;
}

a:hover {
	text-decoration:underline;
}
/*-------------------------------------------------------------------------- Main Site Containers --------------------------------------------------------------------------*/

#container {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background:#e4e0df;
}

#header {
	width:900px;
	height:231px;
	float:left;
	display:inline;
}

#navigation-menu {
	width:864px;
	height:46px;
	margin:0;
	padding:0 0 0 41px;
	background: no-repeat url('images/nav.gif');
	float:left;
	display:inline;

}

#main-content {
	width:900px;
	min-height:459px;
	height:auto !important;
	height:459px;

	padding:0 0 23px 0;
	float:left;
	display:inline;
	background: bottom no-repeat url('images/main-content-bg.gif');
	background-color:#FFFFFF;
		
}

#footer {
	width:900px;
	height:41px;
	background:#e4e0df;
		float:left;
	display:inline;
}

/*------------------------------------------------------------------------ (Main Unordered List) -----------------------------------------------------------------------*/
ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#767676;
	
}

ul li{
	list-style: url('images/bullet.gif');
	margin:5px  0 5px 0;
}

ul li a{
	color:#767676;
}

ul li ul li{
	list-style: url('images/sub-bullet.gif');
	font-size:10px;
}


/*-------------------------------------------------------------------------- Navigation, The Unordered List --------------------------------------------------------------------------*/



#navigation {
	margin:0;
	padding: 0;
	float:left;
	list-style: none;

}

#navigation:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#navigation li {
	height: 39px;
	list-style: none;
	background-repeat: no-repeat;
	float: left;
}
#navigation li a, #navigation li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 39px;
	background-repeat: no-repeat;
}

ul#navigation li a:hover {
	background: none;
}

/*-------------------------------------------------------------------------- Navigation, The image links --------------------------------------------------------------------------*/

#homepage {
	width: 73px;
	margin:0;
	background: url('images/navigation/homepage.gif');
}

#homepage a {
	background: url('images/navigation/homepage-over.gif');
}

#the-world-pearl-group {
	width: 179px;
	margin:0 0 0 83px;
	background: url('images/navigation/the-world-pearl-group.gif');
}

#the-world-pearl-group a {
	background: url('images/navigation/the-world-pearl-group-over.gif');
}

#wpa {
	width: 32px;
	margin:0 0 0 83px;
	background: url('images/navigation/wpa.gif');
}

#wpa a {
	background: url('images/navigation/wpa-over.gif');
}

#about-pearls {
	width: 101px;
	margin:0 0 0 83px;
	background: url('images/navigation/about-pearls.gif');
}

#about-pearls a {
	background: url('images/navigation/about-pearls-over.gif');
}

#contact-us {
	width: 83px;
	margin:0 0 0 83px;
	background: url('images/navigation/contact-us.gif');
}

#contact-us a {
	background: url('images/navigation/contact-us-over.gif');
}

/*------------------------------------------------------------------ Main Body Content Divs --------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------- (LEFT) --------------------------------------------------------------------------*/
#left-content{
	width:609px;
	min-height:459px;
	height:auto !important;
	height:459px;
	margin:23px 0 0 0;
	padding:0 10px 0 21px;
	float:left;
	display:inline;
}

#left-content-title{
	height:13px;
	width:100%;
	margin:8px 0 20px 0;
}

.bullets{
	margin: 8px 0 0 0;
}	

/*-------------------------------------------------------------------- (DOTTED DIVIDER) ----------------------------------------------------------------------*/
#dotted{
	width:4px;
	height:385px;
	margin:25px 0 0 0;
	float:left;
	background:url('images/right-background.gif');
	display:inline;
}





/*----------------------------------------------------------------------- (RIGHT) ---------------------------------------------------------------------------*/

#right-content{
	width:228px;
	min-height:459px;
	height:auto !important;
	height:459px;
	margin:23px 0 0 0;
	padding:0 20px 0 7px;
	float:right;
	display:inline;
}

#right-content-title{
	height:13px;
	margin:8px 0 24px 5px;
}

#right-content p{
	font-size:10px;
}

#right-content a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

#GIA{
	margin: 0 0 0 7px;
}

#carbon{
	margin:0 0 0 49px;
}

#contact-form{
	float:right;
	margin: 0 50px 0  0;
}
/*------------------------------------------------------------------------ (Center) -----------------------------------------------------------------------*/

#center{
	width:869px;
	min-height:459px;
	height:auto !important;
	height:459px;
	margin:23px 0 0 0;
	padding:0 10px 0 21px;
	float:left;
}

#center-title{
	height:13px;
	margin:8px 0 20px 0;
}

#links{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#767676;
}

/*----------------------------------------------------------------- (About Us Pearl Grading Table)--------------------------------------------------------------------------*/
	
/*------------------------------------------------------------------------ (main atributes.)--------------------------------------------------------------------------*/

.table{
	margin: 0 0 0 56px;
}

.table-left{
	width:95px;
	vertical-align:top;
	padding:0 5px 5px 5px;
	border-top: solid 1px #9d9d9d;
	border-left: solid 1px #9d9d9d;
}

.table-right{
	width:394px;
	padding:0 3px 0 3px;
	border-top: solid 1px #9d9d9d;
	border-left: solid 1px #9d9d9d;
	border-right: solid 1px #9d9d9d;
}

/*-------------------------------------------------------------------(bottom with different borders)--------------------------------------------------------------------------*/

.table-left-bottom{
	width:75px;
	vertical-align:top;
	padding:0 5px 5px 5px;
	border-top: solid 1px #9d9d9d;
	border-bottom: solid 1px #9d9d9d;
	border-left: solid 1px #9d9d9d;
}

.table-right-bottom{
	width:394px;
	padding:0 3px 0 3px;
	border: solid 1px #9d9d9d;
}



/*----------------------------------------------------------------- (Footer Links )--------------------------------------------------------------------------*/
	
#footer-links{
	float:left;
	margin:10px 0 0 15px;
}

#footer-links a{
	margin: 0 7px 0 0;
}

a#propeller{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:right;
	margin:10px 10px 0 0;
}


/*----------------------------------------------------------------- (Link buttons Back, find out more)--------------------------------------------------------------------------*/
.find-out-more{
	margin: 0 0 28px 0;
	padding:0 0 0 14px;
	background: url('images/link-arrows.gif') no-repeat left center;
	float:right;
}

#back{
	margin: 0;
	padding:0 0 0 14px;
	background: url('images/back-arrows.gif') no-repeat left center;
	float:left;
	clear:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}