@charset "utf-8";
/* Style CSS */

/***************************************** Reset *****************************************/

* {
	margin:0;
	/*padding: 0; commented out by Shaun to enable cellpadding in tables*/
	text-decoration: none;
  }
  
 /***************************************** Container *****************************************/  
  
#container
{
	/*fixes width & centres content in browser window*/
	position:relative;
	margin: 50px auto 0px auto;
	width:976px;
	height: auto;
	
	/*Hack to stop the container collapsing*/
	border:1px solid hidden;
}

/***************************************** Header *****************************************/

#header
{
	position: relative;
	float: right;
    width: 771px;
    height:81px;
    background-image: url(../images/header_logo.jpg);
}

/***************************************** Image Header Index *****************************************/

#image_header_index
{
	position: relative;
	float: right;
    width: 771px;
    height: 233px;
    background-image: url(../images/image_header_index.jpg);
}

/***************************************** Image Header Background *****************************************/

#image_header_bg
{
	position: relative;
	float: right;
    width: 771px;
    height: 233px;
    background-image: url(../images/image_header_bg.jpg);
}

/***************************************** Image Header Services *****************************************/

.img_services img
{
	margin-top: 40px; 
	margin-left: 28px;
}

/***************************************** Image Header Test *****************************************/

.img_test img
{ 
	margin-top: 16px; 
	margin-left: 112px;
}

/***************************************** Image Header News *****************************************/

.img_news img
{ 
	margin-top: 16px; 
}

/***************************************** Menu Top *****************************************/

#menu_top
{
    position:relative;
	float:left;
    width: 205px;
	height: 314px;
	margin: 0px auto 0px auto;
	background-image: url(../images/menu_images/menu_bg.jpg);
	background-repeat: repeat;
}

/***************************************** Button Area *****************************************/

#button_area
{
    position:relative;
	float:left;
	top: 81px;
    width: 205px;
	height: 232px;
	margin: 0px auto 0px auto;
}

/***************************************** Content *****************************************/

#content
{
    position: relative;
	float:left;
	width: 976px;
	height:auto;
	background-image: url(../images/text_bg.jpg);
	background-repeat: repeat-y;
	clear: both;
}

/***************************************** Main Text *****************************************/

.text
{
	position: relative;
	float:right;
	right: 50px;
	top: 20px;
	width: 690px;
	height: auto;
	border: solid 2px transparent;
	background-color: #FFFFFF;
}

/***************************************** Footer *****************************************/

#footer
{
	position: relative;
	float: right;
	right: 25px;
	width: 284px;
	height: 21px;
	background-image: url(../images/footer_bg.jpg);
	margin-top: 50px;
}

/***************************************** Footer2 *****************************************/

#footer2
{
	position: relative;
	float: left;
	left: 40px;
	width: 192px;
	height: 15px;
	margin-top: 54px;
}

/***************************************** shadow_top *****************************************/

#shadow_top
{
	position: relative;
	margin: 0 auto 0 auto;
	width: 976px;
	height: 12px;
	background-image: url(../images/shadow_top.jpg);
	clear: both;
}


/***************************************** shadow_bottom *****************************************/

#shadow_bottom
{
	position: relative;
	float:left;
	width: 976px;
	height: 28px;
	margin: 0 auto 50px auto;
	background-image: url(../images/shadow_bottom.jpg);
	clear: both;
	vertical-align: top;
}

/***************************************** Contact Box *****************************************/

.contact_box
{
	text-align: center;
	width: 330px; 
	height: 300px; 
	margin: 0 auto 0 auto; 
}

/***************************************** Button Layout *****************************************/

#buttons
{
	text-align: center;
	width: 530px; 
	height: 100%; 
	margin: 0 auto 0 auto; 
}

/***************************************** Small Button *****************************************/

a#smallbtn
{
	float: left;
	display: block;
	width: 318px; 
	height: 140px; 
	background-image: url(../images/button_images/button_small_business.jpg);
	background-position: top;
}

a:hover#smallbtn
{
	background-position: bottom;
}

/***************************************** Medium Button *****************************************/

a#mediumbtn
{
	float: left;
	display: block;
	width: 428px; 
	height: 156px; 
	background-image: url(../images/button_images/button_medium_business.jpg);
	background-position: top;
}

a:hover#mediumbtn
{
	background-position: bottom;
}

/***************************************** Large Button *****************************************/

a#largebtn
{
	float: left;
	display: block;
	width: 530px; 
	height: 168px; 
	background-image: url(../images/button_images/button_large_business.jpg);
	background-position: top;
}

a:hover#largebtn
{
	background-position: bottom;
}