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



#divpageheader
{
	position:relative;
	background-image:url(../Images/Titles/Measuring_made_clear_top_header_picture_frame.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:206px;
	width:575px;
}



#divoptions
{
	position:relative;
	background-image:url(../Images/titles/Which_would_you_like_to_measure_mount_frame_canvas.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:153px;
	width:575px;
	padding-top:20px;
}




#divbuttoncontainer
{
	height:50px;
	position:relative;
	padding-top:75px;
	padding-left:45px;
}




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



/* 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; 
	border:0px 	solid #FFFFFF; 
	outline:none;
	outline:none;
}




#divframebutton 
{
	background:url(../Images/Buttons/frames_button_measuring_home.png) no-repeat;
	background-position:top;
}





#divframebutton:hover
{
	background: url(../Images/Buttons/frames_button_measuring_home.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 */ 
} 



#divframebutton:active
{
	background: url(../Images/Buttons/frames_button_measuring_home.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 */ 
	outline:none;
} 




#divmountbutton
{
	background: url(../Images/Buttons/Mount_button_measuring_home.png) no-repeat; 
	background-position:top; /* 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 */ 
}



#divmountbutton:hover
{
	background: url(../Images/Buttons/Mount_button_measuring_home.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 */ 
} 


#divmountbutton:active 
{
	background: url(../Images/Buttons/Mount_button_measuring_home.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 */ 
	outline:none;
}



#divcanvasbutton
{
	background:url(../Images/Buttons/canvas_button_measuring_home.png) no-repeat; 
	background-position:top; /* 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 */ 
}



#divcanvasbutton:hover
{
	background: url(../Images/Buttons/canvas_button_measuring_home.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 */ 
}



#divcanvasbutton:active
{
	background: url(../Images/Buttons/canvas_button_measuring_home.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 */ 
	outline:none;
}



#divtextheader
{
	margin-top:15px;
	background-image: url(../Images/Titles/Measuring_Your_Item_Header.png);
	background-repeat:no-repeat;
	height:20px;
	position:relative;
	width:575px;
	margin-left:10px;
}



#divtextbox
{
	height:500px;
	position:relative;
	width:575px;
	margin-left:10px;
}


ul#bluetickmeasureul, li#bluetickmeasureli{
margin:0;
padding:0;
margin-left:20px;
}

li#bluetickmeasureli{
padding-left:10px;
} 


#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-bottom:20px;
}