/* CSS STYLES FOR MAIN SECTIONS (HOME, ABOUT, CONTACT, LINKS) */

#wrapper {
position: relative;
top: 0px;
left: 0px;
background-color: #FFFFFF;
display: block;
display: inline;
height: 680px;
width: 3245px;
float: left;
z-index: 1;
}

#home_bg1 {
width: 1275px;
height: 800px;
background-image: url(images/home_bg_01.jpg);
background-repeat: no-repeat;
float: left;
display: block;
display: inline;
position: relative;
z-index: 1;
}

#home_bg2 {
width: 725px;
height: 800px;
background-image: url(images/home_bg_02.jpg);
background-repeat: no-repeat;
float: left;
display: block;
display: inline;
position: relative;
z-index: 1;
}

#home_bg3 {
width: 1245px;
height: 800px;
background-image: url(images/home_bg_03.jpg);
background-repeat: no-repeat;
float: left;
display: block;
display: inline;
position: relative;
z-index: 1;
}

#content_area {
position: relative;
top: 0px;
left: 0px;
background-color: #FFFFFF;
display: block;
display: inline;
height: 680px;
width: 1025px;
float: left;
z-index: 1;
}

#content_area a:hover{
text-decoration: none; 
border-bottom: 1px; 
border-bottom-style: dotted; 
border-bottom-color: #79bcc0;
}

#about {
left: 290px;
top: 150px;
width: 465px;
position: absolute;
}

#about p{
margin-bottom: 6px;
}

#about h1{
margin-bottom: 6px;
display: block;
height: 15px;
}

#about h1.space{
margin-top: 35px;
}

#about_photo{
position: absolute;
top: 165px;
left: 770px;
width: 180px;
height: 246px;
display: block;
background-image: url(images/about_photo.jpg);
}

#about_photo_caption{
position: absolute;
top: 411px;
left: 770px;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
font-style:italic;
color: #d6d3d2;
}

img.align_middle{
vertical-align: middle;
}

#content_area_links {
position: absolute;
top: 150px;
left: 290px;
background-color: #FFFFFF;
display: block;
display: inline;
height: 640px;
width: 950px;
float: left;
z-index: 1;
}

#content_area_links a:hover{
text-decoration: none; 
border-bottom: 1px; 
border-bottom-style: dotted; 
border-bottom-color: #79bcc0;
}

div.links_column {
width: 225px;
height: 640px;
margin-right: 15px;
float: left;
display: block;
display: inline;
position: relative;
z-index: 1;
}

div.links_column p{
margin-bottom: 6px;
}

div.links_column h1{
margin-bottom: 6px;
height: 15px;
}