#main
{
	background-position:center;
	background-repeat:repeat-y;
	margin-top:8px;
	background-position:center;
	margin-left:auto;
	margin-right:auto;
	width:575px;
}



#divpageheader
{
	position:relative;
	background-image:url(../Images/Titles/Contract-and-commercial-header-picture-frames2.jpg);
	background-repeat:no-repeat;
	height:150px;
	width:573px;
	margin-bottom:10px;
	margin-top:10px;
	border:1px solid silver;
}



#divintroduction
{
	position:relative;
	background-image:url(../Images/Backgrounds/TitleGradient.jpg);
	background-repeat:no-repeat;
	height:230px;
	width:575px;
	margin-bottom:15px;
	padding-bottom:20px;
}



#divsimple
{
	position:relative;
	background-image:url(../Images/Titles/CommercialSimpleTitle.png);
	background-repeat:no-repeat;
	height:210px;
	width:575px;
	margin-bottom:15px;
	padding-bottom:40px;
}



#divservices
{
	position:relative;
	background-image:url(../Images/Titles/CommercialServices.png);
	background-repeat:no-repeat;
	height:300px;
	width:575px;
	margin-bottom:15px;
	padding-bottom:20px;
}



#divclients
{
	position:relative;
	background-image:url(../Images/Titles/CommercialClients.png);
	background-repeat:no-repeat;
	height:250px;
	width:575px;
	margin-bottom:20px;
	padding-bottom:20px;
}



/* the button's outer container */
.divbutton
{
	height:39px;
}



/* the link CLASS */
.divbutton a
{
	height:39px; /* the height of that part of the image we want to show */ 
	width:146px; /* the width of that part of the image we want to show */ 
	display:inline; 
	text-align:center; 
	margin:auto; 
	float:left; 
	outline:none;
	margin-left:200px;
	margin-bottom:150px;
	margin-top:50px;
}




#divaboutusbutton 
{
	background:url(../Images/Buttons/About-eFrame-Button.png) no-repeat;
	background-position:top;
}




#divaboutusbutton:hover
{
	background:url(../Images/Buttons/About-eFrame-Button.png) no-repeat;
	background-position:0 -39px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */ 
} 




#divaboutusbutton:active 
{
	background:url(../Images/Buttons/About-eFrame-Button.png) no-repeat; 
	background-position:0 -78px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */ 
}




Li
{
	list-style:url(../Images/Backgrounds/Tick_measuring_top_tips.png);
}



P
{
	padding-left:10px;
	padding-right:10px;
	width:500px;
	margin-top:20px;
}



#divtitlegradient
{
	margin-top:20px;
	background-image:url(../Images/Backgrounds/TitleGradient.jpg);
	height:25px;
	background-repeat:no-repeat;
	color:white;
	font-size:13px;
	font-weight:bold;
	font-family:Verdana,Helvetica,sans-serif;
	padding-left:10px;
	padding-top:5px;
	margin-top:25px;
}