/******************************************/
/*                                        */
/*  Author: Appnet                        */
/*  Author URI: http://www.appnet.com/    */
/*  Updated: 10/13/10                     */
/*                                        */
/******************************************/


/******************************************/
/*  reset                                 */
/******************************************/

@import url("css/reset.css");
@import url("http://fonts.googleapis.com/css?family=Molengo&subset=latin");


/******************************************/
/*  main elements                         */
/******************************************/

body {
	background-color:#d8dada;
	color:#d8dada;
	font:14px/21px Molengo, Arial, Helvetica, sans-serif;
	margin:0; 
	min-width:960px;
	padding:0; 
	text-shadow:1px 1px 1px #222;
}
	.container {margin:0 auto; width:960px;}
	.sub-container {margin:0 auto; padding-top:10px; width:940px;}
	
	h1 {font-size:22px; border-bottom:1px dotted #6c6d6f; color:#fff; margin-bottom:10px; padding-bottom:5px;}
	h2 {font-size:18px; padding-bottom:5px;}
	h3 {font-size:16px; padding-bottom:10px; text-transform:uppercase;}
	h4 {font-size:14px; border-bottom:1px dotted #6c6d6f; margin-bottom:10px; padding-bottom:5px; text-transform:uppercase;}
	h5 {font-size:12px;}
	h6 {font-size:10px;}
	
	p {margin-bottom:15px;}
	ul {list-style:none; margin-bottom:15px;}
	ul li, ol li {margin:0 0 0 18px;}
	
	/** moreinfo paragraph **/
	#moreinfo {clear:both; padding-top:10px;}
	
	/** images **/
	img.center {display:block; margin:5px auto;}
	img.align-r {display:inline; float:right; margin:0 0 10px 10px;}
	img.align-l {display:inline; float:left; margin:0 10px 10px 0;}
	img.shadow, iframe, #cutting-prices li span {-moz-box-shadow: 1px 1px 3px #222; -webkit-box-shadow: 1px 1px 3px #222; box-shadow: 1px 1px 3px #222;}
		.border, iframe {background-color:#fff; border:1px solid #222; padding:4px;}
	
	/** form elements **/
	#commentForm {width:500px;}
		input.button {font-size:12px; margin-right:5px;}
	
	/** main navigation **/
	ul.navlist {
		margin:0 0 0 25px;
		padding:0;
	}
		ul.navlist li {
			float:left; 
			margin:0 40px 0 0; 
			padding:0;
		}
			ul.navlist li.last {margin-right:0;}


/******************************************/
/*  links                                 */
/******************************************/

a:active {position:relative; top:1px;}

a:link, a:visited, a:active {
	color:#33c4ff;
	font-weight:normal;
	text-decoration:none;
}
	a:hover {
		color:#33c4ff;
		font-weight:normal;
		text-decoration:underline;
	}
	
ul.navlist a:link, ul.navlist a:visited, ul.navlist a:active {
		color:#fff;
		font-weight:normal;
		text-decoration:none;
	}
		ul.navlist li a:hover {
			color:#33c4ff;
			font-weight:normal;
			text-decoration:none;
		}

#footer a:link, #footer a:visited, #footer a:active {
	color:#000;
	font-weight:normal;
	text-decoration:none;
}
	#footer a:hover {
		color:#000;
		font-weight:normal;
		text-decoration:underline;
	}



/******************************************/
/*  header/content                        */
/******************************************/

#top {background:url('bg-top.jpg');}
	#top-x {background:url('bg-top-x.jpg') 0 0 repeat-x;}

#nav-container {font-size:15px; height:27px; padding-top:13px;}

#fader-box-outer {border:1px dotted #6c6d6f; border-left:0; border-right:0; padding:3px 0;}
	#fader-box-inner {border:1px solid #6c6d6f; border-left:0; border-right:0; padding:6px 0;}
		#fader {background:url('bg-fader.jpg') 0 0 no-repeat; height:246px; margin:0 auto; width:960px;}

#callout-home-outer {border-bottom:1px solid #6c6d6f; padding:3px 0;}
	#callout-home-inner {border-bottom:1px dotted #6c6d6f; padding:0 0 6px 0;}
		#callout-home-left {float:left; width:480px;}
		#callout-home-right {float:right; width:480px;}
			.callout-home-left {float:left; padding:10px; width:220px;}
			.callout-home-right {float:right; padding:10px; width:220px;}
	
#location {border:1px solid #6c6d6f; border-bottom:0; border-top:0; float:left; height:740px; padding:10px 9px 10px 9px; width:220px;}
#content-home-right {float:right; width:720px;}
	#welcome {float:left; padding:10px 20px 10px 20px; width:440px;}
	#featured-product {border:1px solid #6c6d6f; border-bottom:0; border-top:0; float:right; height:740px; padding:10px; width:218px;}
	
.outer-top {border-top:1px solid #6c6d6f; margin-top:10px; padding:3px 0;}
	.inner-top {border-top:1px dotted #6c6d6f; padding:6px 0;}
	
	.smallcaps {font-size:10px; line-height:15px; text-transform:uppercase;}

#callout-sub-right {border:1px solid #6c6d6f; border-top:0; border-right:0; float:right; margin:0 0 20px 20px; padding:0 0 0 20px; width:280px;}
	#callout-sub-right h4 {padding-top:15px;}
	
#cutting-prices ul {}
	#cutting-prices li {margin:4px 0;}
		#cutting-prices li span {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px;}
			#cutting-prices li span.left {float:left; padding:0 5px; text-align:left; width:210px;}
				#cutting-prices li.Garnet span.left {background-color:#A10C23; border:1px solid #54020f;}
				#cutting-prices li.Amethyst span.left {background-color:#800080; border:1px solid #3f003f;}
				#cutting-prices li.Citrine span.left {background-color:#f90; border:1px solid #553300; color:#000; text-shadow:1px 1px 1px #fff;}
				#cutting-prices li.Smokey span.left {background-color:#C0C0C0; border:1px solid #222; color:#000; text-shadow:1px 1px 1px #fff;}
				#cutting-prices li.Rose span.left {background-color:#f9c; border:1px solid #560d32; color:#000; text-shadow:1px 1px 1px #fff;}
				#cutting-prices li.White span.left {background-color:#fff; border:1px solid #222; color:#000; text-shadow:1px 1px 1px #fff;}
				#cutting-prices li.Iolite span.left {background-color:#412b7e; border:1px solid #25125c;}
				#cutting-prices li.Mexican span.left {background-color:#8c311f; border:1px solid #3e0c02;}
				#cutting-prices li.Light span.left {background-color:#9cf; border:1px solid #08294a; color:#000; text-shadow:1px 1px 1px #fff;}
				#cutting-prices li.Tourmaline span.left {background-color:#220802; border:1px solid #000;}
				#cutting-prices li.Imperial span.left {background-color:#cfcfcf; border:1px solid #222; color:#000; text-shadow:1px 1px 1px #fff;}
				#cutting-prices li.Aquamarine span.left {background-color:#9cf; border:1px solid #08294a; color:#000; text-shadow:1px 1px 1px #fff;}
				#cutting-prices li.Peridot span.left {background-color:#3c3; border:1px solid #023702; color:#000; text-shadow:1px 1px 1px #fff;}
				#cutting-prices li.Sapphire span.left {background-color:#000080; border:1px solid #00002c;}
				#cutting-prices li.Ruby span.left {background-color:#900; border:1px solid #450101;}
				#cutting-prices li.London span.left {background-color:#3333CC; border:1px solid #1b1b94;}
				#cutting-prices li.Emerald span.left {background-color:#006600; border:1px solid #002b00;}
			#cutting-prices li span.right {background-color:#1B2429; border:1px solid #000; float:right; text-align:center; width:50px;}
			
ul#mineral-types {overflow:hidden;}
	ul#mineral-types li {float:left; margin:0; width:165px;}
	
.mineral {border:1px dotted #6c6d6f; margin-top:20px; padding:10px; width:920px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px; -moz-box-shadow: 1px 1px 5px #333; -webkit-box-shadow: 1px 1px 5px #333; box-shadow: 1px 1px 5px #333;}
	.mineral-details {overflow:hidden; padding:5px;}
	.short {width:590px;}
	.short2 {width:610px;}
	.mineral h3 {background-color:#2b3538; color:#fff; padding:5px; margin-bottom:10px; text-transform:none;}
	
	sub {font-size:12px; letter-spacing:2px;}
	
	#services-list li {list-style-image:url('bullet.gif');}
	
	#searchresult {margin:0 auto;}


/******************************************/
/*  footer                                */
/******************************************/

#footer {background:url('bg-footer.jpg') 0 0 repeat-x; color:#000; font-size:12px; line-height:18px; text-shadow:0 1px 0 #fff;}

	#footer-outer {border-top:1px solid #6c6d6f; padding:3px 0;}
	#footer-inner {border-top:1px dotted #6c6d6f; padding:6px 0;}
	
	#contact-info {border:1px solid #d8dada; border-bottom:0; border-top:0; float:left; height:240px; padding:10px; width:218px;}
	#footer-right {float:right; width:720px;}
		#sitelinks {float:left; padding:10px; width:460px;}
		#in-touch {border:1px solid #d8dada; border-bottom:0; border-top:0; float:right; height:240px; padding:10px; width:218px;}
	
	#footer ul.sitelinks {margin:0 auto; padding:0;}
		#footer ul.sitelinks li {display:inline; float:left; margin:0; padding:0; width:150px;}
	#footer p.copyright {clear:both; padding-top:20px;}
	
	#reachQuickly {}
	#reachQuickly td {font-size:12px;}
	#reachQuickly strong {color:#900;}
	#reachQuickly input {
		background-color:#fff;
		border:1px solid #7f7f7f;
		font-size:12px;
		font-family:Molengo, Arial, Helvetica, sans-serif; 
		height:16px;
		margin:2px 0;
		width:150px;
	}
	#reachQuickly input.button {
		background-color:#6c7f7f;
		border-color:#6c7f7f;
		color:#fff;
		cursor:pointer;
		font-family:Molengo, Arial, Helvetica, sans-serif; 
		height:25px;
		text-transform:uppercase;
		text-shadow:0 1px 0 #000;
		width:152px;
	}
		#reachQuickly input:hover.button {
			background-color:#95a4a4;
			border-color:#6c7f7f;
			color:#fff;
			cursor:pointer;
			height:25px;
			text-transform:uppercase;
			text-shadow:1px 1px 0 #444;
			width:152px;
		}
	#reachQuickly textarea {
		background-color:#fff;
		border:1px solid #7f7f7f;
		font-size:12px;
		font-family:Molengo, Arial, Helvetica, sans-serif; 
		height:40px;
		margin:2px 0;
		width:150px;
	}