/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */

/* *** modified again by Ron Domingue :) */

/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */


body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	background-image: url(images/bg.gif);
}
a {color: #FFF;}
a:visited {color:#FFF;}
a:hover {color: #4D5466;}
a:active { color:#000;}

h1 {
	visibility: hidden;
	text-indent: -1000;
	height: 0px;
}


h2 {
font-size: 13px;
color: #FFF;
background-color: #4D5466;
padding:2px 15px;
border-bottom:solid 5px #757F9C;
margin:0px }


h3 {
font-size:16px;
font-weight: bold;
padding: 5px 10px;
margin:0px;}

h4 {
color:#FFF;
font-size:15px;
font-weight: bold;
padding: 5px 10px;
margin:0px;}

/* Footer and black border at the bottom */
h6 {
font-size: 10px;
color: #FFF;
height: 5px;
background-color: #000;
padding:2px 5px;
margin:0px;
text-align: center; }

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #002D6A;
	font-weight:bold;
	font-size:11px;
	
	}
	
#active {
	text-decoration: none;
	background: #fff; /* IE6 Bug */
	color: #000;
	background-color: #FFF;	
	
	
	}
	
ul li {
	position: relative;
	height:100%;
	}
	
	
/* Flyouts (not used on this site) */
li ul {
	text-transform: none;
	font-weight:normal;
	font-size:12px;
	text-transform: none;
	width: 130px;
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
			
	}
	


/* Styles for Menu Items */

ul li a {
	display: block;
	text-decoration: none;
	background: #fff; /* IE6 Bug */
	padding: 2px;
	border: 1px solid #002D6A; /* IE6 Bug */
	border-bottom: 0;
	background-color: #4D5466; /* nav color */
	}
ul li a:hover {
	display: block;
	text-decoration: none;
	background: #FFF; /* IE6 Bug */
	padding: 2px;
	border: 1px solid #002D6A; /* IE6 Bug */
	border-bottom: 0;
	background-color: #FFF;
	}

	
/* IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } /* The magic */


/* ----------container to center the layout-------- */
#container {
width: 800px; /* ----------container width -------- */
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;

} 

/* ----------banner/header for logo-------------- */
#banner {
text-align: left;
background-color: #002D6A;
padding: 0px;
margin: 0px; }

#banner img {padding:5px 5px 5px;}  

/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 200px #C2CDEA; /* color of the left column  */ 
border-right: solid 150px #000; /* color of the right column  */ 
background-color: #FFF;  /* color of the content */
} 

#outerMain{ 
border-left: solid 200px #C2CDEA; /* color of the left column  */ 
border-right: solid 150px #000; /* color of the right column  */ 
background-color: #757F9C;  /* color of the content */
} 


#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right columns ------------- */
#left {
	width:199px;
	float:left;
	position:relative;
	margin-left:-200px; /* -------------- total of width and border ------------- */
	background-color: #C2CDEA;
		 }
 #right {
 width:150px; 
 float:right; 
 position:relative; 
 margin-right:-150px; 
 margin-left:0px;
 }

/* -----------------content--------------------- */ 
#content{
	position: relative;
	margin: 0px;
	width:450px;
	height: 400px; 
	
}
#center{
	text-align:center;
}
#contentWhite{
	position: relative;
	margin: 0px;
	width:450px;
	height:400px;/* -----------------content height--------------------- */ 
	background-color: #FFF; 
	
}
p {
padding: 5px 10px;
margin:0px; }

/* ----------------- styles --------------------- */ 
.jewelerAddress {
	font-size: 11px;
	font-weight: normal;		

.companyName
{
	 text-decoration:none;
	 padding-right:50px;
}

.description {font-size: 11px}

.blurb {
	color: #FFFFFF;
	text-align: center;
	padding-top: 15px;
}



/* ----------Nifty corners1------------- */
div#nifty{ margin: 0 10%;background: #F3C} /*  ----------------header color---------------------- */ 

b.rtop, b.rbottom{display:block;background: #FFF} /*  ----------------body color---------------------- */ 
b.rtop b, b.rbottom b{
	display:block;
	height: 1px;
	overflow: hidden;
	background: #002D6A;
}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}