BODY {
	BACKGROUND-COLOR: #000000;
	text-align: center;
COLOR: #cccccc;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}

A {
	FONT-SIZE: xx-small; CURSOR: hand; COLOR: #339999; TEXT-DECORATION: none
}
A:hover {
	COLOR: #cccccc
}
margin {
display: block;
margin: 280px 0px 280px 0px;
FONT-WEIGHT: bold; 
}

.text{
display:  block;
FONT-SIZE: 11px;
margin: 50px 0px 10px 0px;
text-align: left;
float: clear;
}
H2  {
FONT-WEIGHT: bold; 
FONT-SIZE: 12px;
float: left;
}
.contact {
float: right;
}
.mainlinks { 
margin-left: auto;
    margin-right: auto;
  max-width: 800px;
 width:expression(
     document.body.clientWidth > (500/12) *
     parseInt(document.body.currentStyle.fontSize)?
         "50em":
         "auto" );
         }

img {
	
	color:  #000000;

	}

a.Portrait
{
display: block;
 float: left;
 background-image:
 url("indexImages/portraitsO.jpg");
 height:294;
 width:194;

	 
}
a.Portrait:hover
{
display: block;
 float: left;
 background-image:
 url("indexImages/portraits.jpg");
height:294;
 width:194;
 
}
a.Blog
{
display: block;
 float: left;
 background-image:
 url("indexImages/blogO.jpg");
height:294;
 width:194;

}
a.Blog:hover
{
display: block;
 float: left;
 background-image:
 url("indexImages/blog.jpg");
height:294;
 width:194;

}

a.Wedding
{
display: block;
 float: left;
 background-image:
 url("indexImages/weddingsO.jpg");
height:294;
 width:194;

}
a.Wedding:hover
{
display: block;
 float: left;
 background-image:
 url("indexImages/weddings.jpg");
height:294;
 width:194;
}
a.Shop
{
display: block;
 float: left;
 background-image:

 url("indexImages/eventsO.jpg");
height:294;
 width:194;

}
a.Shop:hover
{
display: block;
 float: left;
 background-image:
 url("indexImages/events.jpg");
height:294;
 width:194;
 
}