/* css Maurice Salame website 2007 */
/* All associated graphics copyright 2007, Anthony Cummins. Red Ant Media */
/* Added: August 2007 */


body{
	font: 0.8em "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; 
	color: #333;
}

a{
	color: #8F0000;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	color: #0d1c2f;
}

#centre{
	width:650px;
	height:478px;
	position:absolute;
	top:50%; left:50%;
	margin-left:-325px;
	margin-top:-239px;
	background: #FFF;
}
	
#about{
	width: 147px;
	height: 60px;
	position: absolute;
	background: url(images/about.gif) no-repeat;
	left: 50px;
	top: 40px;
}

#aboutp{
	width: 147px;
	height: 60px;
	position: absolute;
	background: url(images/about_over.gif) no-repeat;
	left: 50px;
	top: 40px;
}

a.aboutn {
     display: block; 
     width: 147px; 
     height: 60px; 
     background-image: url(images/about.gif); 
     background-repeat: no-repeat;
}
	 
a.aboutn:hover { 
     background-image: url(images/about_over.gif); 
} 
	

#portfolio{
	width: 211px;
	height: 60px;
	position: absolute;
	background: url(images/portf.gif) no-repeat;
	left: 197px;
	top: 40px;
}

#portfoliop{
	width: 211px;
	height: 60px;
	position: absolute;
	background: url(images/portf_over.gif) no-repeat;
	left: 197px;
	top: 40px;
}
a.portfolion {
     display: block; 
     width: 211px; 
     height: 60px; 
     background-image: url(images/portf.gif); 
     background-repeat: no-repeat;
}
	 
a.portfolion:hover { 
     background-image: url(images/portf_over.gif); 
} 

#contact{
	width: 192px;
	height: 60px;
	position: absolute;
	background: url(images/contact.gif) no-repeat;
	left: 408px;
	top: 40px;
}

#contactp{
	width: 192px;
	height: 60px;
	position: absolute;
	background: url(images/contact_over.gif) no-repeat;
	left: 408px;
	top: 40px;
}

a.contactn {
     display: block; 
     width: 192px; 
     height: 60px; 
     background-image: url(images/contact.gif); 
     background-repeat: no-repeat;
}
	 
a.contactn:hover { 
     background-image: url(images/contact_over.gif); 
} 

#main{
	width: 550px;
	height: 340px;
	position: absolute;
	background: url(images/main.gif) no-repeat;
	left: 50px;
	top: 100px;
}

#plain{
	width: 550px;
	height: 340px;
	position: absolute;
	background: url(images/plain.gif) no-repeat;
	left: 50px;
	top: 100px;
}

#text{
	width: 500px;
	height: 230px;
	position: absolute;	
	overflow-x: hidden;
	overflow-y: scroll;	
	left: 25px;
	top: 0px;
}

#image{
	width: 510px;
	height: 200px;
	position: absolute;
	overflow-x: hidden;
	overflow-y: scroll;	
	text-align: center;
	left: 17px;
	top: 40px;
}

#cont{
	width: 500px;
	height: 230px;
	position: absolute;	
	left: 25px;
	top: 0px;
}
#thanks{
	width: 400px;
	height: 100px;
	position: absolute;	
	vertical-align: center;
	left: 75px;
	top: 50px;
}

#copy{
	width: 300px;
	height: 20px;
	position: absolute;
	left: 60px;
	top: 435px;
	text-align: left;
}

#redant{
	width: 350px;
	height: 20px;
	position: absolute;
	left: 240px;
	top: 435px;
	text-align: right;
}