/* CSS Document */

/* ------------------------------- formatting ----------------------------- */

.text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
}

.featuredtext{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
}

h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
	line-height:18px;
	text-align:left;
	margin: 10px 10px 5px 10px;
	clear: left;
	}

h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:left;
	margin: 0px 10px 5px 10px;
	clear: left;
	}

dl {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	margin: 0px 10px 5px 10px;
}

dd {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	margin: 0px 10px 5px 20px;
}

dt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	margin: 0px 10px 5px 10px;
}

p.rightcontenttext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	margin: 0px 10px 15px 10px;
	clear: left;
}

.home_btn_text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
text-align:left;
margin:53px 0px 2px 170px;
}


.footer{
height:20px;
width:760;
background-color:#722477;
text-align:center;
color:#FFFFFF;
margin:10px 0px 10px 2px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
line-height:20px
}

.home_buttons{
vertical-align:top;
float:right;
border:2px solid #C72110;
width:267px;
margin:0px 2px 0px 0px;
}

.home_right_images{
float:right;
margin:10px 0px 0px 0px
}

#darkred{
color:#C72110
}

img.subheader {
	float:left;
	margin:10px 10px 0px 10px;
	}

img.featuredworksmall {
	width: 112px;
	height: 103px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	clear: none;
	float:right;
	}

img.featuredworklarge {
	height: 256px;
	width: 269px;
	margin: 0px;
	padding: 0px;
	}

img.featuredworkMed {
	height: 164px;
	width: 269px;
	margin: 0px;
	padding: 0px;
	}

img.jewelrygallery {
	height: 249px;
	width: 249px;
	margin: 0px;
	padding: 0px;
	}

a {
	color: #722477;
	text-decoration: none;
	}

a:visited {
	color: #722477;		
	}

a:hover {
	color: #000000;	
	}

a:active {
	color: #000000;	
	}

/* ------------------------------- layout ----------------------------- 

Notes:
Do not mix px widths with % widths for margins, borders or padding because 
the total box width = set width + padding + border.  (It helps if you can add them together)

The box model hack is used to fix an bug in IE5-Win ...for an explanation from the guy that
wrote it go to http://www.tantek.com/CSS/Examples/boxmodelhack.html

IE6-Win will behave like IE5-Win  if you include <?xml version="1.0"?>  It is apparently
unneccessary so leave it out!  */

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	text-align: center;
	}

#center {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	overflow: hidden;
	width: 760px;
	text-align: left;
	}

div.container{
	background-color:ffffff;
	position: relative;
	margin: 0 auto;
	width:765px;
	}

div.popupcontainer{
	background-color:ffffff;
	position: relative;
	margin: 0 auto;
	width:380px;
	}

#header {
	margin:10px 0px 10px 0px;
	padding: 0px;
	height: 74px;
	overflow: hidden;
	border: 0px;
	}

#mainnav {
	margin:0px 0px 10px 0px;
	overflow: hidden;
	padding: 0px;
	border: 0px;
	height: 25px;
	}

#crunchymiddle {
	border: 0px;
	padding: 0px;
	overflow: hidden;
	margin:0px 0px 7px 0px;
	}

#leftimage {
	height: 256px;
	width: 269px;
	padding: 0px;
	overflow: hidden;
	margin:0px 0px 7px 0px;
	}

#leftimageShort {
	height: 164px;
	width: 269px;
	padding: 0px;
	overflow: hidden;
	margin:0px 0px 7px 0px;
	}

#rightcontent {
	width:484px;
	height:256px;
	overflow: hidden;
	padding: 0px;
	margin: -263px 0px 0px 0px;
	background: #ffffff url(Images/Backgrounds/FeaturedWork.jpg) no-repeat left top;
	float: right;
	}

#processcontent {
	width:480px;
	/*height:1380px;*/
	overflow: hidden;
	padding: 0px;
	margin: -282px 0px 0px 0px;
	border: 2px solid #3D9034;
	/*background: #ffffff url(Images/Backgrounds/ProcessAndPrice.jpg) no-repeat left top;*/
	float: right;
	}

#classescontent {
	width:484px;
	height:782px;
	overflow: hidden;
	padding: 0px;
	margin: -263px 0px 0px 0px;
	border: 0px;
	background: #ffffff url(Images/Backgrounds/Classes.jpg) no-repeat left top;
	float: right;
	}
	
#aboutcontent {
	width:480px;
	overflow: hidden;
	padding: 0px;
	margin: -263px 0px 0px 0px;
	border: 2px solid #3ba21f;
	float: right;
	}


#columnone {
	height: 249px;
	width: 249px;
	padding: 0px;
	overflow: hidden;
	margin:0px 7px 7px 0px;
	}

#columntwo {
	width:249px;
	height:249px;
	overflow: hidden;
	padding: 0px;
	margin: -256px 0px 7px 256px;
	}

#columnthree {
	width:249px;
	height:249px;
	overflow: hidden;
	padding: 0px;
	margin: -256px 0px 0px 0px;
	float: right;
	}

#footerspace {
	height:10px;
	width:760;
	text-align:center;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	line-height:10px;
	overflow: hidden;
	clear: none;
	}

#footer {
	height:20px;
	width:760;
	background-color:#722477;
	text-align:center;
	color:#FFFFFF;
	margin: 10px 0px 10px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	line-height:20px;
	overflow: hidden;
	clear: none;
	}