/*
STYLESHEET FOR: Astary
AUTHOR: Rick Khanna, Earthtone Design, earthtonedesign.com
*/
/*
Contents:
1. Structure
2. Navigation
3. Header
4. Content
5. Footer  */

* {margin:0; padding:0; outline:none}
img {border:none}

html {overflow:auto;}


body {
	/*height:100%;*/
	background:#fff url(../images/bg.jpg) left top repeat-x;
	font-family:Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
	}

.clear {clear:both}	
.cache {display:none}

/*
Colors:
Black: #010101
Dark gray: #1b1b1b;


*/


/*====================================================================
=======================  1. STRUCTURE=================================
=====================================================================*/

/*#wrapper {width:935px; margin:0 auto; height:auto;}*/
	
#header {
	position:relative;
	width:935px; 
	height:58px;
	}
	
#content {
	background:#010101;
	width:935px;
	min-height:464px;
	height:auto !important;
	height:464px;
	}
	
#leftbar {
	position:relative;
	float:left;
	width:265px;
	position:relative;
	background:#010101;
	min-height:464px;
	height:auto !important;
	height:464px;
	}
	
#righthomebar {
	float:left;
	position:relative;
	width:670px;
	}
	
#middleinfobar {
	float:left;
	width:210px;
	background:#1b1b1b;
	
	}	
	
	
#rightcolfull {
	float:left;
	width:670px;
	background:#1b1b1b;
	min-height:464px;
	height:auto !important;
	height:464px;
	}
	
#about {
	float:left;
	width:670px;
	background:#1b1b1b;
	min-height:464px;
	height:auto !important;
	height:464px;
	}
	
#diamonds {
	float:left;
	width:670px;
	background:#1b1b1b;
	min-height:464px;
	height:auto !important;
	height:464px;
	}
	
#contact {
	float:left;
	width:670px;
	background:#1b1b1b url(../images/contactdiamonds.jpg) right top no-repeat;
	min-height:464px;
	height:auto !important;
	height:464px;
	}
	
#wrapper {
	width:935px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -7em;
	}
	
#footer {
	background:#fff url(../images/footerbg.jpg) repeat-x left top;
	height:127px;
	}	
	
	
	

/*====================================================================
=======================  2. NAVIGATION  ==============================
=====================================================================*/

#nav_container {
	width:934px;
	height:58px;
	background:transparent;
	}
	
#nav_container a {
	text-indent:-9999px;
	display:block;
	float:left;
	height:58px;
	}

a.thecollection {background:url(../images/nav/thecollection.gif) 0 0 no-repeat; width:184px;}
a.engagement {background:url(../images/nav/engagement.gif) 0 0 no-repeat; width:277px;}
a.finejewelry {background:url(../images/nav/finejewelry.gif) 0 0 no-repeat; width:171px;}
a.diamonds {background:url(../images/nav/diamonds.gif) 0 0 no-repeat; width:134px;}
a.customdesigns {background:url(../images/nav/customdesigns.gif) 0 0 no-repeat; width:168px;}
	
	#nav_container a:hover,
	
	.thecollection-p .thecollection, .engagement-p .engagement, .finejewelry-p .finejewelry, .diamonds-p .diamonds, .customdesigns-p .customdesigns
	 {background-position:0 -58px;}



		
#subnav {
	display:block;
	height:auto;
	float:right;
	width:460px;
	padding:6px 0 0 0;
	}
	
	#subnav a {
		float:left;
		font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
		display:block;
		font-size:14px;
		color:#7a7a7a;
		text-decoration:none;
		padding:5px 10px;
		line-height:15px;
		letter-spacing:-1px;
		}
		
		#subnav a:hover {color:#fff}
		

#one .one, #two .two, #three .three, #four .four, #five .five, #six .six, #seven .seven, #eight .eight, #nine .nine, #ten .ten, #eleven .eleven, #twelve .twelve, #thirteen .thirteen, #fourteen .fourteen, #fifteen .fifteen, #sixteen .sixteen, #seventeen .seventeen, #eighteen .eighteen, #nineteen .nineteen, #twenty .twenty  {
	color:#fff;
	}



/*====================================================================
=======================  3. HEADER  ==================================
=====================================================================*/

#logo {
	position:absolute;
	top:40px;
	left:41px;
	height:107px;
	width:178px;
	}


/*====================================================================
=======================  4. CONTENT ==================================
=====================================================================*/

/*--------------LEFT BAR---------------*/

#infobox {
	width:200px;
	margin:0 auto;
	text-align:center;
	}
	
	#infobox a {
		color:#fff;
		font-size:11px;
		line-height:30px;
		letter-spacing:1px;
		text-transform:uppercase;
		font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
		text-decoration:none;
		}
		
	#infobox a:hover {color:#7b7b7b; text-decoration:none;}
		
	.atlanta {
		color:#7b7b7b;
		font-size:11px;
		letter-spacing:1px;
		margin:220px 0 125px;
		font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
		}
		
		
#home_image {
	float:left;
	background:url(../images/homeimage.jpg) top left no-repeat;
	height:464px;
	width:670px;
	}
	
	#tagline {
		position:absolute;
		top:178px;
		left:31px;
		}

#infoboxtext {}		
		
#middleinfobar h1 {
	font-size:14px;
	color:#7a7979;
	margin:115px 25px 4px;
	}
	
	#middleinfobar h2 {
		font-size:10px;
		line-height:16px;
		color:#d9d9d9;
		text-transform:uppercase;
		margin:0 25px 4px;
		letter-spacing:1px;
		}
		
	#middleinfobar h3 {
		font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:16px;
		color:#818181;
		margin:0 25px 8px;
		}
		
	#middleinfobar h4 {
		font-size:14px;
		color:#fff;
		margin:115px 25px 4px;
		}
		
	#middleinfobar h5 {
		font-size:11px;
		color:#818181;
		margin:115px 25px 4px;
		font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
		}
		
	#middleinfobar p {
		font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:16px;
		color:#939393;
		margin:0 25px 0;
		word-spacing:1px;
		}
		
#about h1 {
	    font-size:12px;
		line-height:17px;
		color:#d9d9d9;
		text-transform:uppercase;
		margin:43px 25px 4px;
		letter-spacing:1px;
		}
	
	#about p {
		font-size:11px;
		line-height:17px;
		color:#939393;
		margin:0 25px 15px;
		word-spacing:1px;
		font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
		}	
		
#diamonds h1 {
	    font-size:12px;
		line-height:17px;
		color:#d9d9d9;
		text-transform:uppercase;
		margin:65px 25px 4px;
		letter-spacing:1px;
		}
	
	#diamonds p {
		font-size:11px;
		line-height:17px;
		color:#939393;
		margin:0 25px 15px;
		word-spacing:1px;
		font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
		}
		
	a.white {
		text-decoration:none;
		color:#fff;
		border-bottom:1px dotted #fff;
		font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
		}
		
		a.white:hover {color:#d9d9d9; border-bottom:1px dotted #d9d9d9;}
		
#custom h1 {
	    font-size:12px;
		line-height:17px;
		color:#d9d9d9;
		text-transform:uppercase;
		margin:65px 25px 4px;
		letter-spacing:1px;
		font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
		}
	
	#custom p {
		font-size:11px;
		line-height:17px;
		color:#939393;
		margin:0 25px 15px;
		word-spacing:1px;
		font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
		}
		
	#custom a {
		text-decoration:none;
		color:#fff;
		border-bottom:1px dotted #fff;
		}
		
		#custom a:hover {color:#d9d9d9; border-bottom:1px dotted #d9d9d9;}
		
#contact h1 {
	    font-size:12px;
		line-height:17px;
		color:#d9d9d9;
		text-transform:uppercase;
		margin:35px 25px 4px;
		letter-spacing:1px;
		}
	
	#contact p {
		font-size:11px;
		line-height:17px;
		color:#939393;
		margin:0 25px 15px;
		word-spacing:1px;
		font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
		}	
		
	#contact a {
		text-decoration:none;
		color:#fff;
		border-bottom:1px dotted #fff;
		}
		
		#contact a:hover {color:#d9d9d9; border-bottom:1px dotted #d9d9d9;}
		
.diamond-photo {
	display:block;
	margin:0 40px 0 0;
	float:right;
	}
		
.img {
	display:block;
	}
	
.graybox {
	width:150px; 
	margin:0 25px; 
	padding:10px;
	background-color:#333333;
	text-align:center;
	border:1px solid #666666;
	display:inline-block;
	color:#939393;
	}
	
	a.whitebig {
		text-decoration:none;
		color:#fff;
		border-bottom:1px dotted #fff;
		font-size:12px;
		line-height:25px;
		font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
		}
		
		a.whitebig:hover {color:#d9d9d9; border-bottom:1px dotted #d9d9d9;}
	

/*====================================================================
=======================  5. CONTACT FORM =============================
=====================================================================*/

#contact-container {
	width:300px;

	}
	
#contactform input.txtfield {
	font-size:12px;
	padding:7px;
	background-color:#575757;
	width:300px;
	color:#fff;
	border:1px solid #575757;
	}
	
#contactform textarea {
	font-family:Lucida Sans, Lucida Grande, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:7px;
	background-color:#575757;
	width:300px;
	color:#fff;
	border:1px solid #575757;
	}
		
.submit-button {
	float:left;
	background:#999999;
	color:#fff;
	padding:4px 8px;
	border:1px solid #575757;
	}

		
		

/*====================================================================
=======================  6. FOOTER  ==================================
=====================================================================*/

.footer_text {
	padding:20px 10px 10px;
	font-size:10px;
	line-height:16px;
	color:#646464;
	letter-spacing:1px;
	text-align:center;
	font-family:Lucida Sans, Lucida Grande, Arial, sans serif;
	clear:right;
	
	
	}
	
	.tagline {
		color:#333333;
		font-size:16px;
		letter-spacing:2px;
		line-height:26px;
		font-family:Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
		}
	
	.footer_text a {
		
		color:#999999;
		text-decoration:none;
		}
		
		.footer_text a:hover {color:#010101; border-bottom:1px dotted #010101;}
		
	.copyright {color:#CCCCCC; font-size:9px;}
	
	#footer img {
		display:inline;
		margin:0;
		text-align:center;
		}