@import url(undohtml.css);

* html div#wrapper {width: 97%;
					margin: 0.5em auto;}

* html div#navigation {height: 1.9em;
			    	   margin-top: -1.9em;
					   font-size: 0.8em;}
					   
* html div#headmast {width: 101%;}
	
* html div#content {width: 76%;
					margin: 0 5% 0 5%;
					padding: 0 1%;
					border-top: none;}
		
* html div#services { margin-left: 8%;}

* html div#prices { margin-left: 38%;}

* html div#footer {width: 101%;}
								
* html div#spec1 {width: 35%; 
		   		  margin-left: 5%;}
			  
* html div#spec2 {width: 35%;
		          margin-left: 50%;}
				   
 body { background: #5C76A7;
	   font-size: 1em;
	   font-family: Arial, sans-serif;
	   color: #dfe4ee;}

div#wrapper {background: #DFE4EE;
			color: white;
			margin: 0.5em;}
			  
div#headmast {background: url(images/headerbkg.gif);
			  background-repeat: repeat-x;
			  height: 160px;}
			  
div#headmast h1 {background: url(images/providheader2.gif);
				background-repeat: no-repeat;
				margin: 0 auto;
				text-indent: -100em;
				height: 160px;
				width: 750px;}
							
div#navigation {height: 1.6em;
			    margin-top: -1.9em;
				font-size: 0.8em;}
								 		
div#navigation ul {text-align: center; }
				 
div#navigation li {color: white;
				   display: inline;}
								
div#navigation li a {padding-right: 1.8em;
					 color: white;
				     background: transparent;
					 text-decoration: none;
					 font-weight: bold;}
						
div#navigation li a:hover {color: navy;}

div#main {background: #DFE4EE;
		  color: #5c76a7;
		  width: 100%;}
		
div#content {width: 76%;
			float: right;
			background: white;
			color: navy;
			border-left: solid 0.2em #5c76a7;
			border-right: solid 0.2em #5c76a7;
			border-top: solid 0.1em #5c76a7;
			margin: 0.2% 10% 0 10%;
			padding: 0 1%;}
	
div#content h1, h2, h3 {padding: 1em 0;}
		
div#content p { padding-bottom: 0.8em;}

div#content ul { text-align: center;}	 
	
div#content ol { text-align: center;
				list-style-type: none;}
				
div#content ul li {color: navy;
				   font: 1em/1.6 Arial, sans-serif;
				   display: inline;
				   margin: 0.2em 0;}
			 
div#content a {font-size: 0.75em;
			   color: #5c76a7;
			   font-weight: bold;
			   background: transparent;
			   text-decoration: none;
			   padding-right: 0.5em;}
			  
div#content a:hover {color: navy;
					 background: transparent;}

img {float: left;
	 }

h1 {font-size: 1.5em;}

h2 {font-size: 1.2em;}

h1, h2 {text-align: center;}
			
h3 { text-align: left;}
  
div#refined { padding: 0.5em 0 1.5em 0;
			  background: white;
			  color: navy;
			  font-size: 0.8em;}
			  
div#eternal { padding: 0.5em 0;
			  text-align: center;
			  background: white;
			  color: navy;
			  font-size: 0.8em;}
				
div#eternal ol {padding-top: 1.5em;}

div#affectionate { padding: 3em 0 6em 0;
			  	   text-align: center;
			  	   background: white;
			  	   color: navy;
				   font-size: 0.8em;}
				
div#affectionate ol {padding-top: 1.5em;}

div#precious { padding: 1em 0;
			  text-align: center;
			  background: white;
			  color: navy;
			  font-size: 0.8em;}
				

div#distinctive { padding: 1em 0 3em 0;
			  text-align: center;
			  background: white;
			  color: navy;
			  font-size: 0.8em;}
				

div#services {float: left;
			  width: 30%; 
			  margin-left: 20%;
			  padding: 0;}
			  
div#prices {width: 40%;
			margin-top: 0;
			margin-left: 50%;
			padding: 0;}
			
div#spec1 {float: left;
		   width: 40%; 
		   padding: 0;
		   margin-left: 10%;
		   text-align: center;}
			  
div#spec2 {width: 40%;
		   padding: 0;
		   margin-left: 50%;
		   text-align: center;}
			
.titles {font-weight: bold;
		text-decoration: underline;}
		
div#bottom {clear: both;
			text-align: center;}
			
div#left {background: #dfe4ee;}
			
div#right {background: #dfe4ee;}

div#footer {clear: both;
			background: url(images/footer2bkg.gif);
			background-repeat: repeat-x;
			color: navy;}
	
div#footer p {color: navy;
			  font-weight: bold;
			  text-align: center;
			  padding: 1.2em;}