slider2@charset "UTF-8";
/* CSS Document */
/* build for ######## by Mojo Media Group */
/* reset */
*									{ margin: 0; padding:0; }
body 								{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; background:url('/images/tile.jpg');  }
p 									{ font-size:0.8em; color:#7b7b79; margin:10px 0; line-height:180%;}
.pheadertext						{font-weight:bold;}
img, img a							{ outline: none; border: none; }
li									{ list-style:none;}
ul									{margin:0; padding:0;}
a									{text-decoration:none; color:#000;}

h1, h2								{ font-size:1.1em; color:#7b7b79; border-bottom: 1px solid #CCCCCC; padding:0 0 10px;}
h2									{ font-size:1em;}
h3									{ float:left; color:#7B7B79;}
h3 a								{ color:#7B7B79;}
name								{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; background:url(images/tile.jpg) }


/*content design div + class*/

/*header*/
#header	 						{width:1000px; margin:0 auto; border: 1px solid #939393; border-width:1px; border-style:solid;  background-color:#FFF; overflow:hidden;-moz-box-shadow:    0px 0px 10px 10px #d3d1d1; -webkit-box-shadow: 0px 0px 10px 10px #d3d1d1; box-shadow: 0px 0px 10px 10px #d3d1d1;}
#header	ul { padding:0; }
.phone								{background:#9c9c9c; text-align:right; font-size:1.6em; padding:0 ; letter-spacing: -2px; color:#202020; height: 40px; line-height:30px; margin:0;width: 1000px;}
#navlogo							{background:#FFF; overflow:hidden; margin: -9px 0 0; padding: 10px 0; clear:both}
#logo								{ float:left; margin:10px 0 0 10px;}
nav									{overflow:hidden; padding:3px 0; float:right; margin:10px 0 0 0;}
nav li								{ display:inline; text-transform: uppercase; font-size:0.8em; border-right:solid #000 1px; float:left;}
nav li a							{ color:#999; text-decoration:none; padding:4px 6px; overflow:hidden; outline: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display:inline-block;}
nav li a:hover						{ outline: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color:#000}
.navend								{ border-right:0px;}



/*BUTTONS*/
#buttons 							{clear: both; margin: 20px auto; overflow: hidden; padding: 20px; width: 1000px; }
#buttons ul 						{ height:190px; }

#buttonsleft 						{ width:660px; float:left;  -moz-box-shadow:    0px 0px 10px 10px #d3d1d1; -webkit-box-shadow: 0px 0px 10px 10px #d3d1d1; box-shadow: 0px 0px 10px 10px #d3d1d1; overflow:hidden;  border:solid 1px #939393;}

#buttonsleft a						{ background-image: url(/images/visit.jpg); width:660px; height:190px;  display:inline-block; text-indent:-9999px; float:left}


#buttonsleft a:hover				{ width:660px; height:192px; background-image: url(images/visit.jpg); background-position: 0 -192px; display:inline-block;}
#buttonsright						{ width:320px; height:192px; float:right; background:#FFF; -moz-box-shadow:    0px 0px 10px 10px #d3d1d1; -webkit-box-shadow: 0px 0px 10px 10px #d3d1d1; box-shadow: 0px 0px 10px 10px #d3d1d1; overflow:hidden; border: 1px solid #939393;}
.buttonring							{ margin: 0 10px;}
.buttonring a						{color:#7b7b7b;}
.buttontextarea						{ font-size: 1.1em; margin: -15px 30px 0 20px;}
.buttontextarea	a					{ color: #7B7B79;}
#logos								{ clear: both; float: right; margin: 0 10px 0 5px; overflow:hidden;}
.buttonimg							{ margin: 0 0 0 20px}

.buttonslatest						{ font-size:1em; font-weight:bold; text-transform:uppercase; margin: 11px 10px; color:#7b7b79; border-bottom:1px #CCC solid; padding: 0 0 3px;}

/*bodyarea*/
#bodyarea							{ width:1000px; background-color:#FFF; overflow:hidden; -moz-box-shadow:    0px 0px 10px 10px #d3d1d1; -webkit-box-shadow: 0px 0px 10px 10px #d3d1d1; box-shadow: 0px 0px 10px 10px #d3d1d1; clear:both; margin:30px auto;  border: 1px solid #939393;}
#bodyarealeft						{width: 630px; float:left; padding:20px; margin: 25px 0 0; border-right: 1px solid #CCCCCC; overflow: hidden;}
#bodyarearight						{width:320px; float:right; padding:10px 0; margin: 10px 0 0;}


/*newsarea*/
.newsheader							{ font-size:1em; font-weight:bold; text-transform:uppercase; margin:5px 10px; color:#7b7b79; padding: 0 0 3px;}
.newsdate							{ font-size:0.8em; text-transform:uppercase; clear: both;}
.newsitem							{ margin: 10px; padding: 0 0 30px;}
.leftfloat							{ float:left; width:150px;}
.times								{float:left; margin:0 1px 0 0; }

/* footer */
.latest								{ font-size:1.1em; font-weight:bold; text-transform:uppercase; margin: 32px 10px 0; border-bottom: 1px solid #CCCCCC; padding: 0 0 5px;}
#foot							{ margin:0 auto; clear:both; overflow:hidden; width:1000px }

#nav 							{ background:#9C9C9C; padding:5px 20px; clear:both; overflow:hidden; position:relative; width: 960px;}
#nav li							{ display:inline; overflow:hidden; float:left; font-size:0.81em; text-transform: uppercase; }
#nav li	a						{ display: inline-block; padding:0 5px 0 0; margin:0 5px 0 0; border-right:1px solid #333; text-decoration:none; color:#666; }
#nav li	a:hover 				{ color:#000; }

.copyright 						{ position:absolute; right:20px; }

.footer-list { padding:5px 10px; clear:both; overflow:hidden;  }
.footer-list li { display:inline; float:left; font-size:0.81em; margin:0 2px 0 5px;   }


/* Slider */

#slider-out {clear: both;
    margin: 0 auto;
    overflow: hidden;
    width: 1000px;}
#slider { height: 289px; width: 1000px; z-index:1000; position: relative; clear:both }
#slider IMG { position:absolute; top:0; left:0; z-index:8; }
#slider IMG.active { z-index:10; }
#slider IMG.last-active { z-index:9; }
.slidertitle 						{ font-size: 1em; margin: -5px 20px 0; float:left}
.design-image						{ margin:0 0 0 -10px; clear:both; float:left; height:128px }
.design-image img { float:left}


/*Contact Form */					

.form-field {border: 1px solid #999; padding: 5px 0; width: 200px; background: #FFF; margin: 5px 0 0;}
.formtext							{ width:100px; float:left; font-size: 0.9em; margin: 5px 0 0; font-weight:bold; color:#9C9C9C;}
.widthform							{ margin:10px 0;}
#contactleft						{width:400px}
.contactpage .newsdate				{ margin: 0 10px;}
.contactform						{ margin:30px 0 0 0;}
.form-code							{ margin: 15px 5px; width: 60px;}
#captcha							{ margin:2px; float: left;}
.form-send							{    background-color: #9C9C9C; border: 1px solid #9C9C9C; color: #FFFFFF; font-size: 1em; height: 30px; width: 100px;}
.form-send-hover					{    background-color: #000000; border: 1px solid #9C9C9C; color: #FFFFFF; font-size: 1em; height: 30px; width: 100px;}
.message							{ font-size:0.8em; margin:10px 0; clear:both; color:#9C9C9C; font-family:Verdana, Geneva, sans-serif;}
.message2							{ font-size:0.8em; margin:10px 0; clear:both; color:#9C9C9C; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
#message							{ padding:5px 0 0 5px;}
#contact							{ width:320px; float:left;}
#mapright							{float:right;}
.margintext							{ margin:10px 0 0 0}
#contact 							{ background-color: #F3F3F3; float: left; padding: 5px 0 0 8px; width: 320px; }
.time								{ color:#666; font-weight:bold;}

/* custom */


.sapphire1							{ float:left; margin:0 0 0 -20px}
.sapphire2							{ float:right;margin: 20px 0 0;}
.left								{float:left; width:380px;}
.subtext							{float:left; clear:both;}
.subtextright						{float:right;     width: 307px;}
.custom .left						{float:left; width:300px;}
/* Jewellery*/

.diamonds3							{ float:left; margin:-50px 0 0 -20px}
.bodyright							{width:280px; float:right}
.jewellery .left					{width: 330px; }
.dolls								{ float:right !important; margin: 130px 0 0; }
.jewellery .subtext							{float:left; width: 280px;}
.diamonds							{ float: right; margin: 200px 0 0;}


/* Gift */
.heart								{ margin: 10px 0 0; float:left;}


/*repairs */				
.repair1							{float:left;}		
.repair2								{ float:right;}
.repairs .left						{ width:330px;}


/*Valuations*/

.valuation						{margin: 46px 0 0; float:left;}
.valuations .left				{ width:300px}
.valuations .bodyright			{width:200px;}
.loope							{ float:right;}
.lefthand						{ width:300px; float:left;}
.valuationtext					{font-size:0.9em; font-weight:bold; color:#999;}
.storevis						{clear:both; width:680px;}

.boldtext						{font-weight:bold; font-size:1em}
.boldtext2						{font-weight:bold; font-size:0.9em}

#slider2 { width:320px; height:145px }

#slider2 li p {line-height: 28px;
    margin: 0 0 0 10px;
    padding: 0;}
#slider2 ul { width:320px; line-height:200px;height:145px; clear:both; margin:0 }
#slider2 li {  width:320px; float:left; margin:0; padding:0; display:inline}

.contactfail				{float:left; margin:30px 0 0 0;}

.slideshow-nav {
    color:#9C9C9C !important;}

.strong				{font-weight:bold}
.footername			{margin: 0 0 0 10px;}
.super			{ margin:0 0 0 185px !important; }

.cleared		{clear:both; width:680px;}