body
{
background-color:#bbbbbb;
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
}
body, td, th
{
font-family:Arial,Helvetica,sans-serif;
color: black;
font-size:14px;
}

span
{
  display: none;
}


#bio:hover, #events:hover, #weddings:hover, #portraits:hover, #rates:hover, #contact:hover
{ 
  background-position: 0 -45px;
}

#bio:active, #events:active, #weddings:active, #portraits:active, #rates:active, #contact:active
{ 
  background-position: 0 -90px;
}

body.bio #bio, body.events #events, body.weddings #weddings, body.portraits #portraits, body.rates #rates, body.contact #contact
{
  background-position: 0 -90px
}

#bio
{
  display: block;
  width: 139px;
  height: 45px;
  background: url("images/bio.gif") no-repeat 0 0;
}

#events
{
  display: block;
  width: 113px;
  height: 45px;
  background: url("images/events.gif") no-repeat 0 0;
}

#weddings
{
  display: block;
  width: 137px;
  height: 45px;
  background: url("images/weddings.gif") no-repeat 0 0;
}

#portraits
{
  display: block;
  width: 132px;
  height: 45px;
  background: url("images/portraits.gif") no-repeat 0 0;
}

#rates
{
  display: block;
  width: 78px;
  height: 45px;
  background: url("images/rates.gif") no-repeat 0 0;
}

#contact
{
  text-align:center;
  display: block;
  width: 128px;
  height: 45px;
  background: url("images/contact.gif") no-repeat 0 0;
}

#clients {
	float: right;
	width: 217px;
	line-height: 18px;
	font-size:12px;
	padding-right: 10px;
	padding-top: 20px;
}	
#bio_info{
	width: 500px;
	height: 395px;
}

#page-container {
	width: 727px;
	margin: auto;
	text-align: left;
}

.style1 {
	color: #666666;
	font-size: 12px;
	text-align: center;
}

.style2 {
	line-height: 22px;
	padding-left:40px;
	padding-top: 40px;
	border-color: #FFFFFF;
	}
.style3 {
	padding-right: 10px;
	}
	
#contact_form {
	float: right;
	width: 417px;
	line-height: 18px;
	font-size:12px;
	padding-right: 10px;
	padding-top: 70px;
}	
#contact_info {
	width: 300px;
	height: 395px;
	text-align: right;
}

.style4 {
	padding-top: 150px;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 3px;
	}

a:link {
color:black;
text-decoration:none;
}
a:hover {
color:#FF0000;
text-decoration:none;
}

#rates_info {
	float: right;
	width: 425px;
	height: 395px;
}

#sidebar-a {
	float: right;
	width: 350px;
	line-height: 18px;
	padding-right: 20px;
}	

#sidebar-a .padding {
	padding-right: 25px;
	padding-left: 25px;
}


.rates_title {
	line-height: 0px;
	padding-top: 20px;
	padding-bottom: 4px;
}

.rates_style {
	line-height: 18px;
	padding-left:45px;
	padding-right: 25px;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 14px;
	}