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

	
/*	-------------------------------------------------------------
	Global
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body {
	padding: 0;
	background-color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 62.5%; /* enables the use of ems by using values a tenth of the target size in pixels (e.g 1.2 ems = 12px)*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#wrapper {
	margin: 0 auto; /* 'auto' ensures div sits flush to the top*/
	width: 1000px;
	left: 0px;
	right: 0px;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 15px;
	color: #b5c000;
	}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	}


/*	-------------------------------------------------------------
	Common
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#container {
	position: absolute;
	top: 60px;
	width: 1000px;
	height: 562px;
	border: 1px solid #808080;
	background-image: url(../images/containerBg.gif);
	background-position: left;
	background-repeat: repeat-y;
	}

#infoNav {
	width: 838px;
	float: right;
	margin-top: 63em;
	clear: both;
	}

#infoNav a {
	font-size: 9px;
	color: #999999;
	text-decoration: none;
	}

#infoNav a:link {
	}

#infoNav a:visited {
	}

#infoNav a:active {
	color: #000000;
	}

#infoNav a:hover {
	color: #000000;
	}

#infoNav ul {
	margin: 0;
	padding: 0;
	}

#infoNav li {
	list-style-type: none;
	display: inline;
	}

#credit {
	position: relative;
	display: block;
	float: right;
	top: 0;
	}


/*	-------------------------------------------------------------
	Main Nav
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#mainNavContainer {
	float: left;
	width: 140px;
	height: 562px;
	background-color:#000000;
	background-image: url(../images/mainNavBg.png);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	}

#mainNavPosition {
	float: left;
	position: relative;
	left: 0;
	top: 0;
	width: 120px;
	padding-top: 200px;
	padding-left: 20px;
	padding-right: 0;
	padding-right: 0;
	margin: 0;
	}

#mainNavPosition ul {
	margin: 0;
	padding: 0;
	}

#mainNavPosition li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	display: block;
	height: 28px;
	}

#mainNavPosition a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	}

#mainNavPosition a:link {
	}

#mainNavPosition a:visited {
	}

#mainNavPosition a:active {
	font-weight: bold;
	}

#mainNavPosition a:hover {
	font-weight: bold;
	}

#mainNavMenuWriter {
	}


/*	-------------------------------------------------------------
	Sub Nav
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#subNavContainer {
	display: block;
	float: right;
	width: 210px;
	height: 562px;
	}

#subNav {
	position: absolute;
	left: 162px;
	bottom: 40px;
	width: 100px;
	}

#subNav ul {
	margin: 0;
	padding: 0;
	}

#subNav li {
	list-style-type: none;
	text-align: right;
	}

#subNav a {
	font-size: 9px;
	text-decoration: none;
	color: #999999;
	line-height: 16px;
	}

#subNav strong {
	color: #00b5df;
	}

#subNav a:link {
	}

#subNav a:visited {
	}

#subNav a:active {
	color: #00b5df;
	}

#subNav a:hover {
	color: #00b5df;
	}


/*	-------------------------------------------------------------
	Text Area
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#textarea {
	display: block;
	float: right;
	width: 620px;
	margin-top: 40px;
	}

#textarea p {
	color: #585858;
	margin-right: 35px;
	}

#textarea h1 {
	display: block;
	width: 620px;
	height: 33px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #00b5df;
	text-indent: -5000px;
	}

#textarea h2 {
	font-size: 10px;
	line-height: 15px;
	color: #585858;
	}

#textarea em {
	font-style: normal;
	font-size: 12px;
	}

.textItalic {
	font-style: italic
	}

#textareaMainPic {
	display: block;
	float: left;
	width: 220px;
	}

#textTable tr {
	height: 20px;
	}

.textHeadingWhatsTheStory {
	background-image: url(../images/pageHeadingWhatsTheStory.gif);
	background-repeat: no-repeat;
	}

.textHeadingDiamondEthics {
	background-image: url(../images/pageHeadingDiamondEthics.gif);
	background-repeat: no-repeat;
	}

.textHeadingDiamondQuality {
	background-image: url(../images/pageHeadingDiamondQuality.gif);
	background-repeat: no-repeat;
	}

.textHeadingDiamondQualityCont {
	background-image: url(../images/pageHeadingDiamondQualityCont.gif);
	background-repeat: no-repeat;
	}

.textHeadingPreciousStoneQuality {
	background-image: url(../images/pageHeadingPreciousStoneQuality.gif);
	background-repeat: no-repeat;
	}

.textHeadingPreciousStoneQualityCont {
	background-image: url(../images/pageHeadingPreciousStoneQualityCont.gif);
	background-repeat: no-repeat;
	}

.textHeadingBirthStones {
	background-image: url(../images/pageHeadingBirthStones.gif);
	background-repeat: no-repeat;
	}

.textHeadingAccessibility {
	background-image: url(../images/pageHeadingAccessibility.gif);
	background-repeat: no-repeat;
	}

.textHeadingCareInstructions {
	background-image: url(../images/pageHeadingCareInstructions.gif);
	background-repeat: no-repeat;
	}

.textHeadingSiteMap {
	background-image: url(../images/pageHeadingSiteMap.gif);
	background-repeat: no-repeat;
	}

.textHeadingTC {
	background-image: url(../images/pageHeadingTC.gif);
	background-repeat: no-repeat;
	}

.textHeadingWhereToFindUs {
	background-image: url(../images/pageHeadingWhereToFindUs.gif);
	background-repeat: no-repeat;
	}

.textHeadingStayInTouch {
	background-image: url(../images/pageHeadingStayInTouch.gif);
	background-repeat: no-repeat;
	}

.textHeadingPleaseTryAgain {
	background-image: url(../images/pageHeadingPleaseTry.gif);
	background-repeat: no-repeat;
	}
	
.textHeadingThankYou {
	background-image: url(../images/pageHeadingThankYou.gif);
	background-repeat: no-repeat;
	}

#moreLink {
	text-align: right;
	font-weight: bold;
	}

#moreLink a:link {
	color: #00b5df;
	text-decoration: none;
	}

#moreLink a:visited {
	color: #00b5df;
	padding-right: 10px;
	text-decoration: none;
	}

#moreLink a:active {
	color: #000000;
	text-decoration: underline;
	}

#moreLink a:hover {
	color: #000000;
	text-decoration: underline;
	}

#backLink {
	text-align: left;
	font-weight: bold;
	}

#backLink a:link {
	color: #00b5df;
	text-decoration: none;
	}

#backLink a:visited {
	color: #00b5df;
	padding-right: 10px;
	text-decoration: none;
	}

#backLink a:active {
	color: #000000;
	text-decoration: underline;
	}

#backLink a:hover {
	color: #000000;
	text-decoration: underline;
	}


/*	-------------------------------------------------------------
	Flash
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#flashWide {
	float: right;
	width: 860px;
	height: 562px;
	}

#flashNarrow {
	float: right;
	width: 650px;
	height: 562px;
	background-color: #cccccc;
	}


/*	-------------------------------------------------------------
	Where to find us
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#container1 {
	display: block;
	width: 620px;
	}

#map1 {
	position: relative;
	float: left;
	width: 200px;
	height: 200px;
	background-color: #cccccc;
	}

#address1 {
	position: relative;
	}

#address1 strong {
	color: #00b5df;
	font-size: 12px;
	}

#address1 a:link {
	text-decoration: none;
	color: #00b5df;
	}

#address1 a:visited {
	text-decoration: none;
	color: #00b5df;
	}

#address1 a:active {
	text-decoration: underline;
	color: #000000;
	}

#address1 a:hover {
	text-decoration: underline;
	color: #000000;
	}

#container2 {
	display: block;
	width: 620px;
	clear: both;
	}

#address2 strong {
	color: #00b5df;
	font-size: 12px;
	}

#map2 {
	float: left;
	width: 200px;
	height: 200px;
	background-color: #cccccc;
	}

#address2 {
	position: relative;
	}

#address2 a:link {
	text-decoration: none;
	color: #00b5df;
	}

#address2 a:visited {
	text-decoration: none;
	color: #00b5df;
	}

#address2 a:active {
	text-decoration: underline;
	color: #000000;
	}

#address2 a:hover {
	text-decoration: underline;
	color: #000000;
	}

#signUpText {
	clear: left;
	}

#signUpText a {
	font-weight: bold;
	text-decoration: none;
	color: #00b5df;
	}

#signUpText a:visited {
	color: #00b5df;
	}

#signUpText a:hover {
	color: #000000;
	text-decoration: underline;
	}




/*	-------------------------------------------------------------
	Stay in touch
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.formLabel {
	padding-left: 5px;
	}

.formField {
	border: none;
	background-color: #e6e6e6;
	padding: 5px;
	margin: 5px;
	}



/*	-------------------------------------------------------------
	Terms & Conditions
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.terms {
	margin-bottom: -7px;
	}


/*	-------------------------------------------------------------
	Site Map
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#sitemap {
	position: relative;
	right: 25px;
	width: 620px;
	height: 415px;
	overflow: scroll;
	}

#sitemapLeft {
	position: relative;
	float: left;
	width: 50%;
	}

#sitemapRight {
	position: relative;
	float: right;
	width: 50%;
	}

#sitemap h2 {
	font-size: 10px;
	line-height: 14px;
	}

#sitemap li {
	font-size: 10px;
	line-height: 14px;
	list-style: none;
	padding: 0;
	margin: 0;
	}

#sitemap a:link {
	text-decoration: none;
	color: #666666;
	}

#sitemap a:visited {
	text-decoration: none;
	color: #666666;
	}

#sitemap a:active {
	text-decoration: underline;
	color: #00b5df;
	}

#sitemap a:hover {
	text-decoration: underline;
	color: #00b5df;
	}


/*	-------------------------------------------------------------
	News & Events
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#newsScroll {
	background-color: #00b5df;
	float: right;
	width: 520px;
	height: 460px;
	margin: 25px;
	padding: 25px;
	overflow: auto;
	}

#newsContent {
	width: 470px;
	}

#newsContent p {
	color: #ffffff;
	}

#newsContent h1 {
	display: block;
	width: 620px;
	height: 33px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #ffffff;
	text-indent: -5000px;
	}

#newsContent h2 {
	font-size: 10px;
	line-height: 15px;
	color: #ffffff;
	}

#newsMainPic {
	float: left;
	position: relative;
	width: 220px;
	height: 560px;
	}

.textHeadingNewsEvents {
	background-image: url(../images/pageHeadingNewsEvents.gif);
	background-repeat: no-repeat;
	}

#moreNewsLink {
	text-align: right;
	font-weight: bold;
	}

#moreNewsLink a:link {
	color: #ffffff;
	text-decoration: none;
	}

#moreNewsLink a:visited {
	color: #ffffff;
	padding-right: 10px;
	text-decoration: none;
	}

#moreNewsLink a:active {
	color: #000000;
	text-decoration: underline;
	}

#moreNewsLink a:hover {
	color: #000000;
	text-decoration: underline;
	}

#backNewsLink {
	text-align: left;
	font-weight: bold;
	}

#backNewsLink a:link {
	color: #ffffff;
	text-decoration: none;
	}

#backNewsLink a:visited {
	color: #ffffff;
	padding-right: 10px;
	text-decoration: none;
	}

#backNewsLink a:active {
	color: #000000;
	text-decoration: underline;
	}

#backNewsLink a:hover {
	color: #000000;
	text-decoration: underline;
	}
