/* CSS Document */

/****************************
AUTHOR: Heidi Weiland
DATE: June 2006
CONTACT: heidi@soundwebsolutions.net

NOTES: Styling for the layout of the pages.  Organized by the following manner: General Stylings, Stylings by Div Sections & Other Stylings
****************************/

/******************************* GENERAL STYLINGS *************************/
* {
margin:0;
padding:0;
}
h2 {
margin-bottom:5px;
}
img {
border:0;
}

body {
background-image:url(../Images/shells_03.jpg);
}

/****************************** STYLINGS BY DIV SECTION *********************/

#container {
position:relative;
width:671px;
height:100%;
margin:10px auto 5px auto;
}

#header {
background-image:url(../Images/bg_03.png);
height:272px;
width:671px;
position:relative;
}
#header img {
position:absolute;
top:100px;
left:140px;
}
#header address .right{
position:absolute;
top:145px;
left:370px;
}
#header address .left {
position:absolute;
top:145px;
right:375px;
}
#header p, #header h3 {
position:absolute;
top:200px;
width:560px;
left:50px;
}



#content {
background-image:url(../Images/bg_05.png);
background-repeat:repeat-y;
width:671px;

}

#LeftCol {
width:240px;
position:absolute;
top:275px;
left:37px;
}
#LeftCol img {
margin-bottom:10px;
float:left;
}

#RightCol {
width:310px;
position:relative;
left:320px;
min-height:750px;
}
#RightCol h2 {
clear:both;
}
#RightCol p {
padding-bottom:10px; /* PADDING IS USED INSTEAD OF MARGIN TO PREVENT GAP IN #content BACKGROUND */
}
#RightCol ul {
list-style:outside;
list-style-type:square;
margin-left:15px;
margin-bottom:10px;
margin-top:10px;
width:90%;
}



/********************************* LAYOUT STYLING FOR FOOTER ****************/
#footer {
background-image:url(../Images/bg_06.png);
background-position:bottom;
background-repeat:no-repeat;
height:141px;
width:671px;
position:relative;
float:right;
clear:both;
}




/******************* OTHER STYLING ***************/
#credit {
margin:0px auto;
width:625px;
font-style:italic;
}
#credit h1, #credit h1 a{
position:relative;
margin-top:-20px;
padding:0;
}
#credit a:hover, #credit a:active {
text-decoration:underline;
}