body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
  background-color: #e2edff;
 line-height: 125%;
 }
h1, h2, h3 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 250%;
  background-color: #0048be;
  color: white;
  padding-top: 2em;
  padding-bottom: .5em;
  padding-left: .4em;
  margin: 0;
  background: #0048be url(backgrounds/header-bg.jpg) no-repeat right bottom;
}
h2 {
  color: navy;
  font-size: 150%;
  font-weight: bold;
  padding-top: .5em;
  margin-top: .5em;
  text-align:center;
}
#body {
margin:0 auto;
width: 1200px;
}
#header {
  background-color :#0048be;
  width: 100%;
  border: 3px solid #7da5d8;
}
#tagline  {
  font-style: italic;
  font-size:100%;
  font-family: Georgia, Times, serif;
  background: #bed8f3 url(backgrounds/tagline-fade.jpg) repeat-y right;
  padding-left: 2%;
  padding-top: .03em;
  padding-bottom: .03em;
}
#footer{
  clear:both;
text-align:center;
}
#bodycontenthome {
  float: right;
  width: 74%;
  height: 600px;
   background: #e2edff url(backgrounds/home1.jpg) no-repeat;
  text-align:center;
}
#navigationhome {
  margin-top: 0;
  width: 16%;
  height: 600px;
  margin-left: 0;
  padding-left: 2em; 
  padding-top: .5em; 
  background: #e2edff url(backgrounds/nav-home.jpg) no-repeat center;
}
#navigationcommercial {
  margin-top: 0px;
  width: 16%;
  height: 600px;
  margin-left: 0;
  padding-left: 2em; 
  padding-top: .5em;  
  background: #e2edff url(backgrounds/nav-commercial.jpg) no-repeat center;
}
#bodycontentcommercial {
  float: right;
  width: 74%;
  height: 600px;
  background: #e2edff url(backgrounds/commercial1.jpg) no-repeat;
  text-align:center;
  
}
#navigationcontact {
  margin-top: 0px;
  width: 16%;
  height: 600px;
  float:left;
  padding-left: 2em; 
  padding-top: .5em;  
  background: #e2edff url(backgrounds/nav-contact.jpg)   no-repeat center;
}
#bodycontentcontact {
  float: right;
  width: 74%;
  height: 600px;
  text-align:center;   
  background: #e2edff;
  line-height:300%; 
}
#bodycontentlinks{
  float:right;
  width: 80%;
  background: #e2edff;
  text-align:center;   
}
#navigationlinks {
  margin-top: 0px;
  width: 16%;
  height: 600px;
  margin-left: 0;
  padding-left: 2em; 
  padding-top: .5em; 
  background: #e2edff url(backgrounds/nav-links.jpg) no-repeat top center;
}
#navigationportrait {
  margin-top: 0px;
  width: 16%;
  height: 650px;
  margin-left: 0;
  padding-left: 2em; 
  padding-top: .5em; 
  background: #e2edff url(backgrounds/nav-portrait.jpg)   no-repeat center;
}
#bodycontentportrait {
  float: right;
  width: 74%;
  height: 650px;
  background: #e2edff url(backgrounds/portrait1.jpg) no-repeat bottom;
  text-align:center; 
}
#navigationrestor {
  margin-top: 0px;
  width: 16%;
  height: 600px;
  margin-left: 0;
  padding-left: 2em; 
  padding-top: .5em; 
  background: #e2edff url(backgrounds/nav-restor.jpg) no-repeat center;
}
#bodycontentrestor{
  float: right;
  width: 74%;
  height: 600px;
   background: #e2edff url(backgrounds/restor1.jpg) no-repeat;
  text-align:center; 
}
#navigationweddings {
  margin-top: 0px;
  width: 16%;
  height: 650px;
  margin-left: 0;
  padding-left: 2em; 
  padding-top: .5em; 
  background: #e2edff url(backgrounds/nav-wedding.jpg) no-repeat bottom center;
}
#bodycontentweddings {
  float: right;
  width: 74%;
  height: 650px;
  background: #e2edff url(backgrounds/wedding1.jpg) no-repeat;
  text-align:center; 
}

a {
  font-family: verdana, helvetica, sans-serif; 
}

a:link {
  text-decoration: none;
  color: #ffffeb; 
}

a:visited {
  color: #7da5d8;
}
a:hover {
  text-decoration: underline;
  color: #0048be;
}
a:active {
  color: aqua;
}
.navbutton {
  margin: .5em;
  font-family: verdana, helvetica, sans-serif; 
  font-size: small; 
  font-weight: bold; 
  color: #Ffffeb; 
  background-color: navy;
  width: 70%;
  height: 1.5em;
  border: 3px solid #e2edff;
  padding-top: .1em;
  padding-bottom: .1em;
  text-align:center;
}
.contactlink {
  color:navy;
  text-decoration:underline; 
}
.contactlink2 {
  color:navy;
  text-decoration:underline;
  font-size:200%
}
.linksgroup {
  font:bold small verdana,helvetica,sans-serif; 
  color:#ffffeb; 
  background:navy;
  border:3px solid navy;
  padding:.5em .5em 2em .5em;
}
.linksbutton {
  margin: 2em;
  font-family: verdana, helvetica, sans-serif; 
  font-size: large; 
  font-weight: bold; 
  color: navy; 
  background-color: #Ffffeb;
  width: 65%;
  border: 3px solid #e2edff;
  padding-top: .1em;
  padding-bottom: .1em;
}
/*
.linksgroup {
font-family: verdana, helvetica, sans-serif; 
font-size: small; 
font-weight: bold; 
color:#Ffffeb; 
background-color: navy;

  border: 3px navy;
  padding-top: .5em;
  padding-bottom: 2em;
  padding-left: .5em;
 padding-right: .5em;
}














#navigationweddings {
margin-top: 0px;
width: 16%;
height: 600px;
margin-left: 0;
 padding-left: 2em; 
padding-top: .5em; 
  background: #e2edff url(backgrounds/nav-wedding.jpg) no-repeat bottom center;
}
#bodycontentweddings {
float: right;
width: 74%;
height: 600px;
   background: #e2edff url(backgrounds/wedding1.jpg) no-repeat;
}

This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.






}

}
#navigationweddings {
position: absolute;
top: 250px;
width: 160px;
  height: 600px;
margin: 0;
 padding-left: 2em; 
padding-top: .5em; 
  background: #e2edff url(backgrounds/nav-wedding.jpg) no-repeat center;
}
#bodycontentweddings {
position: absolute;
top: 250px;
width: 74%;
height: 600px;
  left: 25%;
   background: #e2edff url(backgrounds/wedding1.jpg) no-repeat;
}
.linksgroup {
font-family: verdana, helvetica, sans-serif; 
font-size: small; 
font-weight: bold; 
color:#Ffffeb; 
background-color: navy;

  border: 3px navy;
  padding-top: .5em;
  padding-bottom: 2em;
  padding-left: .5em;
 padding-right: .5em;
}
//can be turned into
.linksgroup {
    font:bold small verdana,helvetica,sans-serif; 
    color:#ffffeb; 
    background:navy;
    border:3px solid navy;
    padding:.5em .5em 2em .5em;

a.box {
    CSS that places a box around a link
}
a {
    CSS for a normal Link
}
<a href="#" class="box" >Link</a> 

<a href="#" >Link</a>
*/