/**********************
   background colour
***********************/

/*sets up default html code - colour + page margins*/
body, html {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #939598;
	background-image: url(../../images/page/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body {
    }


/**********************
    main containier
***********************/

div#mainContainer {
	width: 928px;
	margin-right: auto;/*forces content into centre*/
	margin-left: auto;/*forces content into centre*/
	
	background-image: url(../../images/page/content_background_fill.jpg);
	background-repeat: repeat-y;
}


/**********************
    menu
***********************/

div#header {
	height: 71px;
	padding-top: 320px;
	background-image: url(../../images/page/background_header.jpg);
	background-repeat: no-repeat;
}
	div#header ul { 
		list-style-type:none; 
		display:inline; 
	}
	div#header li { 
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px; 
		display:inline; 
	}
	
	div#header li a {
	display: block; /*needed to display menu*/
	height: 71px; /*height of the active link area*/
	}
	
	div#header li a span {
	display: none;
	}

div#topLinks {
	height: 71px;
	padding: 320px 0px 0px 0px;
	display: block;
	background-image: url(../../images/page/background_header.jpg);
	background-repeat: no-repeat;
	}
	
	/*hides bullets from list*/
	div#topLinks ul {
	text-align: left;
	margin: 0px 0px 0px 0px;/*remove left padding from list*/
	padding: 0px 0px 0px 0px;/*remove left padding from list*/
	}
	
	/*changes it from vertical to horizontal*/
	div#topLinks li {
	display: block; /*stops hover graphic from flashing*/
	float: left; /*direction list is drawm*/
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	}
	
	/*activates li# code graphics behind*/
	div#topLinks li a {
	display: block; /*needed to display menu*/
	height: 71px; /*height of the active link area*/
	}
	
	/*hides text links from infront of li# graphics*/
	div#topLinks li a span {
	display: none;
	}
			div#topLinks li#linkHome a {
				width: 235px;
				background: url(../../images/page/nav/home.png) no-repeat top left;
			}
			div#topLinks li#linkHome a:hover {
				background: url(../../images/page/nav/home_h.png) no-repeat top left;
			}
			div#topLinks li#linkAbout a {
				width: 228px;
				background: url(../../images/page/nav/about.png) no-repeat top left;
			}
			div#topLinks li#linkAbout a:hover {
				background: url(../../images/page/nav/about_h.png) no-repeat top left;
			}
			div#topLinks li#linkProducts a {
				width: 229px;
				background: url(../../images/page/nav/products.png) no-repeat top left;
			}
			div#topLinks li#linkProducts a:hover {
				background: url(../../images/page/nav/products_h.png) no-repeat top left;
			}
			div#topLinks li#linkContact a {
				width: 236px;
				background: url(../../images/page/nav/contact.png) no-repeat top left;
			}
			div#topLinks li#linkContact a:hover {
				background: url(../../images/page/nav/contact_h.png) no-repeat top left;
			}





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

div#contentTop {
	height: 22px;
	background-image: url(../../images/page/content_background_top.jpg);
	background-repeat: no-repeat;
}
div#contentContainer {
	padding: 4px 21px 20px 21px;
	
}
div#contentBottom {
	height: 22px;
	background-image: url(../../images/page/content_background_bottom.jpg);
	background-repeat: no-repeat;
	clear: both;
}


div#stripHome {
	background-image: url(../../images/page/strip_home.jpg);
	background-repeat: no-repeat;
	height: 6px;
}
div#stripAbout {
	background-image: url(../../images/page/strip_about.jpg);
	background-repeat: no-repeat;
	height: 6px;
}
div#stripProducts {
	background-image: url(../../images/page/strip_products.jpg);
	background-repeat: no-repeat;
	height: 6px;
}
div#stripContact {
	background-image: url(../../images/page/strip_contact.jpg);
	background-repeat: no-repeat;
	height: 6px;
}

.header {
	padding: 24px 0px 15px 0px;
}

div#contentLeft {
	width: 662px;
	float: left;
}
div#contentLeft p{
	padding: 0px 0px 0px 10px;
}
div#contentRight {
	width: 214px;
	float: right;	
}


/**********************
    products
***********************/

.products {
	padding: 16px 0px 0px 20px;
	background-image: url(../../images/page/product_background.jpg);
	background-repeat: no-repeat;
	height: 173px;
}



/**********************
    buttons
***********************/

.buttonCat {
	padding: 16px 0px 0px 0px;
}
.button {
	padding: 20px 0px 0px 0px;
}


/**********************
    footer
***********************/

div#footer {
	width: 886px;
	margin-right: auto;/*forces content into centre*/
	margin-left: auto;/*forces content into centre*/
	
	padding: 10px 21px 0px 21px;
	
	height: 34px;
}
div#footerLeft {
	float: left;
	width: 380px;
}
div#footerRight {
	width: 380px;
	text-align: right;
	float: right;
}




/**********************
    Columns
***********************/


.column-thirds {
	width:213px;
	float:left;
	margin-right:10px;
	overflow:hidden;
}
.column-thirds-last {
	width:213px;
	float:left;
	margin-right:0px;
	overflow:hidden;
}
.column-thirds2 {
	width:200px;
	float:left;
	margin-right:10px;
	overflow:hidden;
}
.column-twothirds2-last {
	width:410px;
	float:left;
	margin-right:0px;
	overflow:hidden;
}


div#columnFooter {
	clear: right;
}