body {
	margin: 0;
	padding: 0;
	font-size: small;
	background: #00AFE5 url(images/page_background.gif) repeat-x top;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	color: #006699;/*BLUE*/
}

#wrapper {
	position: relative;
	width: 968px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	
}

#topbackground{/* SHADOW BEHIND PAGE*/
	background: url(images/header.png) no-repeat top left;
	width: 968px;
	height: 600px;
	float: left;
}

#innerwrapper{/* HEADER BACKGROUND*/
	background: url(images/header_background.gif) no-repeat top left;
	width: 968px;
	float: left;

}

*html #topbackground { /* fix for a png image to work in IE6*/ 
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header.png', sizingMethod='crop');
}



/*////////////////////////////
	HEADER AREA
////////////////////////////*/


#header{
	width: 897px;
	height: 200px;
	float: left;
	margin: 0;
	padding: 0;
}

.logo{
	float: right;
	padding: 0;
	margin: 105px 0px 0px 0px;
}

/*////////////////////////////
	MENU
////////////////////////////*/

#menu{
	width: 180px;
	float: right;
	margin: 20px 75px 0px 0px;
	padding: 0;
}

*html #menu{
	margin: 20px 37px 0px 0px;
}

#menu p{
	padding: 0;
	margin: 5px 0px 5px 0px;
}


#menu div{
	width: 180px;
	vertical-align: middle;
	border-bottom: 1px solid #A8A8A8;
	float: right;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 6px 0px;
}


*html #menu div{/*bug in IE6 doubles above margin*/
	margin: 0px 0px 5px 5px;
}

#menu a:link, #menu a:visited, #menu a:hover, #menu a:active{
	text-decoration: none;
	vertical-align: middle;
	display: block;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	padding-left: 20px;
	}
	
#menu a:hover{
	margin-left: 5px;
}

/*different colours for each menu item*/
.home a:link, .home a:visited, .home a:hover, .home a:active{color: #000; background: url(images/menu_home.gif) no-repeat top left; width: 150px;}
.about a:link, .about a:visited, .about a:hover, .about a:active{color: #170E96;/* drk blue */ background: url(images/menu_about.gif) no-repeat top left; width: 150px;}
.contact a:link, .contact  a:visited, .contact  a:hover, .contact  a:active{color: #DA0028;/* red */ background: url(images/menu_contact.gif) no-repeat top left; width: 150px;}
.design a:link, .design  a:visited, .design  a:hover, .design  a:active{color: #A707A9;/* purple */background: url(images/menu_design.gif) no-repeat top left; width: 150px;}
.exhibition a:link, .exhibition  a:visited, .exhibition  a:hover, .exhibition a:active{color: #00AFE5;/* turquoise */ background: url(images/menu_exhibition.gif) no-repeat top left; width: 150px;}
.point a:link, .point  a:visited, .point  a:hover, .point a:active{color: #43BB74;/* green */background: url(images/menu_point.gif) no-repeat top left; width: 150px;}
.stationery a:link, .stationery  a:visited, .stationery a:hover, .stationery a:active{color: #E01780;/* pink */ background: url(images/menu_stationery.gif) no-repeat top left; width: 150px; }


#menu p a:link, #menu p a:visited, #menu p a:hover, #menu p a:active{
	margin: 0;
	padding: 0;
	}
*html #menu p a:link, *html #menu p a:visited, *html #menu p a:hover, *html#menu p a:active{
	margin: 0;
	padding: 0px 0px 0px 5px;
	}

/*////////////////////////////
	MAIN CONTENT
////////////////////////////*/


#content{	
	background: url(images/content_background.gif) repeat-y top left;
	width: 968px;
	margin: auto;
	min-height: 720px;
	padding: 0;
	float: left;
}

*html #content { height: 720px;}


.innercontent{
	width: 565px;
	padding: 0px 0px 30px 0px;
	margin: 0px 0px 0px 100px;
}


/*////////////////////////////
	COPYRIGHT
////////////////////////////*/

#footer{
	width: 986px;
	background: url(images/footer.gif) no-repeat top left;
	float: left;
	height: 47px;
	font-size: 85%;
	margin: 0;
	padding: 0;
	clear: both;
}

#footer p{
	padding: 5px 0px 0px 90px;
	margin: 0;
}

#copyright{
	width: 986px;
	color: #fff;
	font-size: 0.9em;
	background: url(images/copyright_background.gif) no-repeat top left;
	float: left;
	height: 90px;
}

#copyright p{
	text-align: right;
	padding: 0;
	margin: 5px 94px 0px 0px;
}

#copyright a:link, #copyright a:visited, #copyright a:hover, #copyright a:active{
	text-decoration: underline;
	color: #fff;
	font-weight: normal;
	font-size: 0.9em;
	}

/*////////////////////////////
	LINKS
////////////////////////////*/
.innercontent a{
	color:  #000;/*black*/
	text-decoration: underline;
}

.innercontent a:visited{
    color:  #666;/*grey*/
	text-decoration: underline;
}

.innercontent a:hover{
    color:   #006699;/*blue*/
	text-decoration: underline;
}


/*////////////////////////////
	HEADINGS
////////////////////////////*/

h1{
	font-family: "Trebuchet MS", arial, helvetica, sans serif;
	color: #000;/*black*/
	font-size: 1.5em;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0;
}


h2{
	font-family: "Trebuchet MS", arial, helvetica, sans serif;
	color: #006699;/*blue*/
	font-size: medium;
	font-weight: normal;
	font-style: italic;
}  


h3{
	font-family: "Trebuchet MS", arial, helvetica, sans serif;
	color: #006699;/*blue*/
	font-size: small;
	font-weight: bold;
}


/*////////////////////////////
	OTHER
////////////////////////////*/

img {
	border: none;
}

.padding{
	margin: 10px 0px 0px 0px;
}

.right{
	float: right;
	margin-left: 10px;
}

.left{
	float: left;
	margin-right: 10px;
}

.medium{
	font-size: medium;
}

.large{
	font-size: x-large;
}

ul 
{
	list-style-type: image;
	list-style-image:  url(images/bulletpoint.gif);
	vertical-align: middle;
	line-height: 140%;
}

ul, li{
	vertical-align: middle;

}



.blue{
	color: #170E96;
}

.red{
	color: #DA0028;
}

.purple{
	color: #A707A9;
}

.turquoise{
	color: #00AFE5;
}

.green{
	color: #43BB74;
}

.pink{
	color: #E01780
}
/*////////////////////////////
	CONTACT FORM
////////////////////////////*/


#contactform{
	width: 310px;
	float: right;
	margin: 10px 0px 0px 0px;
	line-height: 120%;
	padding: 0;
}

#contactform h2{
	padding: 5px 0px 5px 0px;
	margin: 0;
}

#contactdetails{
	width: 180px;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0;
}

#contactdetails h2{
	padding: 0px 0px 5px 0px;
	margin: 0;
}


input{
	color: #006699;/* dark grey*/
	font-family: arial;	
}

.borderform{
	border: 1px solid #006699;/*green from logo*/
	margin-bottom: 5px;
}

.borderform.select {border:1px solid #000;padding:0px;!important}

textarea{
	width: 294px;
	font-family: arial;
	color: #006699;/* dark grey*/	
}

.submit{
		background: #006699;/*green from logo*/
		border: 1px solid #006699;/*green from logo*/
		font-weight: bold;
		color: #fff;
}