man/*=::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* MAIN BLOCK ELEMENTS */
body {
	padding: 0;
	font-size: 100%;
	font-family:  Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(images/bg.gif) top left repeat-x #002D43 fixed;
	}
* html { margin: 0; padding: 0; }

#outerContainer {
	margin-left: auto;
	margin-right: auto;
	width: 790px;
	padding: 5px;
	background: #cccccc;
	border: solid 1px #666666;
	text-align: left;
	}
	
#innerContainer {
	width: 788px;
	background: white;
	border: solid 1px black;
	}
	
#header {
	background: white;
	width: 788px;
	height: 101px;
	border-bottom: solid 2px black;
	}

#header_top {
	background: url(images/header.jpg) top right no-repeat;
	height: 50px;
	}
	
#footer {
	margin-top: .5em;
	}
	
#logos {
	position: absolute;
	margin: 0px;
	background: url(images/logos.gif) top left no-repeat;
	width: 116px;
	height: 128px;
	}
	
#logos a {
	width: 116px;
	height: 128px;
	display: block;
	}
	
#topImage {
	width: 788px;
	height: 120px;
	background: url(images/diamond_tong.jpg) top right no-repeat;
	position: absolute;
	margin-top: 10px;
	}
* html #topImage {
	margin-left: -300px;
	margin-top: -310px;
	}

#narrowColumn {
	width: 350px;
	float: right;
	margin-right: 120px;
	margin-top: -125px;
	display: inline; /* ie double margin fix */
	}
	
#fullColumn {
	width: 630px;
	display: block;
	margin-left: 79px;
	}
#fullColumn/* */ { /* ie 5 hack (hide from ie 5) */
	width: 630px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	}
	
.contact_col {
	float: left;
	}
.contact_col #col1 {
	margin-right: 15px;
	}
	
#sideColumn {
	float: left;
	width: 300px;
	clear: both;
	}
	
#img_diamond {
	width: 206px;
	height: 291px;
	background: url(images/img_diamond.jpg) top left no-repeat;
	margin-left: 50px;
	margin-top: -20px;
	}
* html #img_diamond {
	margin-top: 0px;
	}
	
#img_diamondTools {
	width: 300px;
	height: 270px;
	background: url(images/diamond_tools.jpg) top left no-repeat;
	}

#img_microscope {
	width: 280px;
	height: 252px;
	border: solid 1px black;
	background: url(images/microscope.jpg) top left no-repeat;
	margin-left: 10px;
	}
	
#img_manLoop {
	width: 280px;
	height: 280px;
	border: solid 1px black;
	background: url(images/NewPic.jpg) top left no-repeat;
	margin-left: 10px;
	}
	
#img_homePic {
	background: url(images/home_pic.gif) top right no-repeat;
	width: 788px;
	height: 216px;
	position: absolute;
	margin-top: 71px;
	}
* html #img_homePic {
	margin-left: -286px;
	}
	
#img_homeTxt {
	background: url(images/home_txt.png) top right no-repeat;
	width: 327px;
	height: 77px;
	position: absolute;
	margin-top: 270px;
	margin-left: 100px;
	}
* html #img_homeTxt {
	margin-left: -180px;
	}

/*=::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* NAVBAR ELEMENTS */
ul#navbar {
	width: 100%;
	background: url(images/nav_gradient.gif) left repeat-y #002D43;
	height: 45px;
	border-bottom: solid 5px #3f3f3f;
	border-top: solid 1px white;
	margin: 0;
	padding: 0;
	}
* html ul#navbar {
	border-bottom: none;
	}
	
#navbar li.navitem {
	width: 100px;
	height: 50px;
	float: right;
	color: white;
	margin: 0;
	list-style-type: none;
	background: url(images/btn_border.gif) left repeat-y;
	padding-left: 1px;
	}
	
li.navitem a {
	width: 100px;
	height: 50px;
	border: 0;
	margin: 0;
	display: block;
	}
	
li#btn_home a { background: url(images/btn_home.gif) bottom left no-repeat; }
li#btn_home a:hover { background: url(images/btn_home_over.gif) bottom left no-repeat #cccccc; }
	
li#btn_orderForm a { background: url(images/btn_orderForm.gif) bottom left no-repeat; }
li#btn_orderForm a:hover { background: url(images/btn_orderForm_over.gif) bottom left no-repeat #cccccc; }

li#btn_education a { background: url(images/btn_education.gif) bottom left no-repeat; }
li#btn_education a:hover { background: url(images/btn_education_over.gif) bottom left no-repeat; }

li#btn_about a { background: url(images/btn_about.gif) bottom left no-repeat; }
li#btn_about a:hover { background: url(images/btn_about_over.gif) bottom left no-repeat; }

li#btn_contact a { background: url(images/btn_contact.gif) bottom left no-repeat; }
li#btn_contact a:hover { background: url(images/btn_contact_over.gif) bottom left no-repeat; }

	
/*=::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* PAGE GRAPHIC ELEMENTS */
#topCurve {
	width: 788px;
	}
	
#topCurve #shcurve1 {
	background: url(images/shcurve1.jpg) top left no-repeat white;
	width: 41px;
	height: 317px;
	float: left;
	clear: both;
	}

#topCurve #shcurve2 {
	background: url(images/shcurve2.jpg) top left no-repeat white;
	width: 50px;
	height: 293px;
	float: left;
	}

#topCurve #shcurve3 {
	background: url(images/shcurve3.jpg) top left no-repeat white;
	width: 50px;
	height: 268px;
	float: left;
	}
	
#topCurve #shcurve4 {
	background: url(images/shcurve4.jpg) top left no-repeat white;
	width: 50px;
	height: 243px;
	float: left;
	}
	
#topCurve #shcurve5 {
	background: url(images/shcurve5.jpg) top left no-repeat white;
	width: 50px;
	height: 218px;
	float: left;
	}
	
#topCurve #shcurve6 {
	background: url(images/shcurve6.jpg) top left no-repeat white;
	width: 50px;
	height: 193px;
	float: left;
	}
	
#topCurve #shcurve7 {
	background: url(images/shcurve7.jpg) top left no-repeat white;
	width: 100px;
	height: 193px;
	float: left;
	}
	
#topCurve #shcurve8 {
	background: url(images/shcurve8.jpg) top left no-repeat white;
	width: 100px;
	height: 193px;
	float: left;
	}
	
#topCurve #shcurve9 {
	background: url(images/shcurve9.jpg) top left no-repeat white;
	width: 100px;
	height: 193px;
	float: left;
	}
	
#topCurve #shcurve10 {
	background: url(images/shcurve10.jpg) top left no-repeat white;
	width: 100px;
	height: 193px;
	float: left;
	}
	
#topCurve #shcurve11 {
	background: url(images/shcurve11.jpg) top left no-repeat white;
	width: 50px;
	height: 193px;
	float: left;
	}
	
#topCurve #shcurve12 {
	background: url(images/shcurve12.jpg) top left no-repeat white;
	width: 47px;
	height: 193px;
	float: left;
	}

#topCurve #shcurve13 {
	background: url(images/shcurve13.jpg) top left no-repeat white;
	width: 4px;
	height: 193px;
	float: left;
	}


#br_corner {
	width: 384px;
	height: 411px;
	background: url(images/br_corner.gif) right bottom no-repeat;
	float: right;
	margin-top: -200px;
	}

#brCorner {
	width: 788px;
	margin-top: -295px;
	float: right;
	}
	
#brCorner #br1 {
	background: url(images/br1.gif) bottom right no-repeat;
	clear: both;
	float: right;
	width: 23px;
	height: 56px;
	}
	
#brCorner #br2 {
	background: url(images/br2.gif) bottom right no-repeat;
	clear: both;
	float: right;
	width: 45px;
	height: 51px;
	}
	
#brCorner #br3 {
	background: url(images/br3.gif) bottom right no-repeat;
	clear: both;
	float: right;
	width: 70px;
	height: 51px;
	}
	
#brCorner #br4 {
	background: url(images/br4.gif) bottom right no-repeat;
	clear: both;
	float: right;
	width: 100px;
	height: 51px;
	}
	
#brCorner #br5 {
	background: url(images/br5.gif) bottom right no-repeat;
	clear: both;
	float: right;
	width: 135px;
	height: 51px;
	}
	
#brCorner #br6 {
	background: url(images/br6.gif) bottom right no-repeat;
	clear: both;
	float: right;
	width: 186px;
	height: 51px;
	}
	
#brCorner #br7 {
	background: url(images/br7.gif) bottom right no-repeat;
	clear: both;
	float: right;
	width: 270px;
	height: 51px;
	}
	
#brCorner #br8 {
	background: url(images/br8.gif) top right no-repeat;
	clear: both;
	float: right;
	width: 385px;
	height: 50px;
	}
	
#tlCorner {
	width: 286px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	}
	
#tlCorner #tl1 {
	background: url(images/tl1.gif) top left no-repeat;
	clear: both;
	width: 285px;
	height: 51px;
	}
	
#tlCorner #tl2 {
	background: url(images/tl2.gif) top left no-repeat;
	clear: both;
	float: left;
	width: 190px;
	height: 51px;
	}
	
#tlCorner #tl3 {
	background: url(images/tl3.gif) top left no-repeat;
	clear: both;
	float: left;
	width: 118px;
	height: 51px;
	}
	
#tlCorner #tl4 {
	background: url(images/tl4.gif) top left no-repeat;
	clear: both;
	float: left;
	width: 81px;
	height: 51px;
	}
	
#tlCorner #tl5 {
	background: url(images/tl5.gif) top left no-repeat;
	clear: both;
	float: left;
	width: 50px;
	height: 51px;
	}

#tlCorner #tl6 {
	background: url(images/tl6.gif) top left no-repeat;
	clear: both;
	float: left;
	width: 22px;
	height: 41px;
	}
	
/*=::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* TYPOGRAPHIC ELEMENTS */
h1, h2, h3 {
	font-family: "Times New Roman", Times, serif;
	}
	
h1 {
	font-size: 2em;
	letter-spacing: .3em;
	font-weight: normal;
	color: #002D43;
	margin: 0;
	}

h2 {
	font-weight: bold;
	letter-spacing: .2em;
	margin: 0px;
	}
h2.title {
	font-size: 1em;
	/*color: #BFD5E0;*/
	color: #5F6A70;
	}
	
h1.swapTxt { height: 30px; background-repeat: no-repeat; margin-bottom: .5em; margin-top: .25em; }
h1.swapTxt span { visibility: hidden; }
h1#education_txt { background-image: url(images/education_txt.png); }
h1#about_txt { background-image: url(images/about_txt.png); }
h1#contact_txt { background-image: url(images/contact_txt.png); }
h1#order_txt { background-image: url(images/order_txt.png); margin-bottom: 0px; }
h1#confirmation_txt { background-image: url(images/confirmation_txt.png); }
h1#submitted_txt { background-image: url(images/submitted_txt.png); }


.headingBar {
	height: 3px;
	background: black;
	}
* html .headingBar {
	line-height: 1px;
	font-size: 1px;
	}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: 1.2em;
	color: #444444;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	clear: both;
	}

p.heading {
	font-size: 1.5em;
	font-family: "Times New Roman", Times, serif;
	/*color: #cccccc;*/
	text-decoration: underline;
	margin-bottom: 0px;
	}
p.bigger {
	font-size: .8em;
	font-weight: bold;
	}
	
#footer p {
	color: #cccccc;
	}

.first {
	font-size: 2em;
	font-family: "Times New Roman", Times, serif;
	color: #666666;
	line-height: .5em;
	}
	
.smalltext {
	font-size: .8em;
	}

a {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
a:link { color: #005A86; }
a:visited { color: #005A86; }
a:hover { color: #005A86; text-decoration: underline; }
a:active { color: #005A86; }

#footer a {
	color: white;
	}
	
ul.horizontal_list { float: left; list-style-type: none; }
ul.horizontal_list li { float: left; }

ul#fourcs {
	border-bottom: solid 2px black;
	border-top: solid 1px black;
	float: left;
	width: 100%;
	}
* html ul#fourcs {
	width: 350px;
	margin: 0px;
	padding: 0px;
	}
	
ul#fourcs li {
	margin: 10px 5px;
	}
* html ul#fourcs li {
	margin: 10px 5px 0px 5px;
	padding-bottom: 10px;
	line-height: 2em;
	}
	
p.form_errorsTitle {
	color: red;
	margin: 0px;
	padding: 0px;
	}
p.form_errorsBody {
	color: #990000;
	margin: 0px;
	padding: 0px;
	margin-bottom: 1em;
	}

/*=::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* ORDER FORM ELEMENTS */
form#order_form {
	float: left;
	font-family: "Times New Roman", Times, serif;
	}

#order_form .section_title {
	background: #002D43;
	width: 100%;
	padding: .25em;
	margin: 0;
	float: left;
	clear: both;
	}
#order_form .section_title h2 {
	font-size: 1em;
	color: white;
	padding: 0;
	margin: 0;
	letter-spacing: .2em;
	}
#order_form .section_title h3 {
	font-size: .8em;
	color: #A5B5BD;
	padding: 0;
	margin: 0;
	}
	
#order_form .section {
	float: left;
	clear: both;
	margin-bottom: .25em;
	}
* html .section {
	width: 100%;
	}
		
#order_form .diamond_styles {
	width: 63px;
	float: left;
	text-align: center;
	}
#order_form .diamond_carats {
	width: 5em;
	float: left;
	text-align: center;
	background: #cccccc;
	border-right: solid 1px white;
	border-top: solid 1px white;
	}
#order_form .diamond_carats div {
	/*background: #cccccc;
	border-bottom: solid 1px white;*/
	}
#order_form select.diamond_color {
	width: 50px;
	}
#order_form .diamond_clarity {
	float: left;
	text-align: center;
	margin-right: .5em;
	}
#order_form .diamond_clarity img {
	margin-left: auto;
	margin-right: auto;
	}
#order_form #clarity1 { width: 105px; }
#order_form #clarity2 { width: 110px; }
#order_form #clarity3 { width: 110px; }
#order_form #clarity4 { width: 135px; }
#order_form #clarity5 { width: 105px; }

#order_form .diamond_certification label { font-size: 1em; margin-left: .5em; }
#order_form .diamond_certification { margin-bottom: .5em; }

#order_form .diamond_carats label {
	font-size: 1em;
	}
#order_form .diamond_clarity label, #order_form .personal_information label, #order_form #personal_information label { font-size: .8em; }
	
#order_form #personal_information {
	background: #cccccc;
	border: solid 1px black;
	float: left;
	padding: .25em;
	margin-top: .5em;
	}

#order_form #submitbtn { margin-top: 1em;}
	
form .required_field {
	color: #ff0000;
	font-size: 1.5em;
	}
	
form .focused {
	background: #FFFFCC;
	}
form .blurred {
	background: #ffffff;
	}
	
	
	
	
form .errFld {
	padding: 1px;
	border: 1px solid #F00;
}
/* Styling for message associated with a validation error. */
form .errMsg {	
	color: #CC3333 !important;
	display: inline;
	font-size: .8em;
	font-style: italic;
}

#errMsg {
	clear: both;
	text-align: center;
	}
#errMsg p {
	margin-bottom: 2em;
	color: red;
	}
	


/*=::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* the Alsett Clearing Method */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} */  /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/*=::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/