/* CSS Document */

body {
	margin:0px 0px; 
	padding:0px;
	text-align:center;
	background-color:#F0F0F0;
	font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#939393;
	}
	
/*get rid of page shift in firefix*/
html { 
	min-height: 100%; margin-bottom: 1px;
	}

a:link{
	text-decoration:none
	}

a {
	color:#7A7963;
	text-decoration:none;
	}

a:hover{
	color:#FF6600;
	}

h1{
	font-size:130%;
	color:#FF9900;
	font-weight:normal;
	letter-spacing:5px;
	}
	
#content {
	width:740px;
	margin:0px auto;
	text-align:left;
	}

#header{
	height:80px;
	float:left;
	width:740px;
	background-image:url(../images/logo.gif);
	background-position:580px 55px;
	background-repeat:no-repeat;
	}
	
#headerfront{
	height:80px;
	float:left;
	width:740px;
}

#datalogo{
	text-align:center;
	padding-top:30px;
}
#datalogofront{
	text-align:center;
	width:98%;
	padding-bottom:10px;
	
	
}

#centre_container{
	width:740px;
	float:left;
	}
	
#left_side{
	width:150px;
	float:left;
	/*background-color:#CC9933;*/
}

#right_side{
	width:590px;
	float:left;
	/*background-color:#ffffff;*/
}

#footer{
	width:97%;
	float:left;
	font-size:90%;
	color:#B1B1B1;
	padding-left:3%;
	padding-right:0%;
	padding-top:40px;
	text-align:center;
	padding-bottom:50px;
}
.menubottom{
	width:100%;
	float:left;
}

#menu{
 	width:128px;
 	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
 	padding-top:20px;
 	padding-left:20px;
 	padding-bottom:20px;
	background-color:#ffffff;
	float:left;
 }
 
#menu2{
 	width:128px;
 	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
 	padding-top:20px;
 	padding-left:20px;
 	padding-bottom:20px;
	background-color:#FFFFFF;
	float:left;
 }
 
#menu_top{
 	width:119px;
	border-top:1px solid #cccccc;
 	border-left:1px solid #cccccc;
 	height:29px;
 	float:left;
 	background-color:#FFFFFF;
 }
 
#menu_top_cnr{
 	width:30px;
 	height:30px;
 	float:left;
 	background-image:url(../images/top_right_cnr.gif);
 	background-position:top right;
 	background-repeat:no-repeat;
 
 }
 
#menu2_top{
 	width:119px;
 	border-top:1px solid #cccccc;
 	border-right:1px solid #cccccc;
 	height:29px;
 	float:left;
 	background-color:#FFFFFF;
 }
 
#menu2_top_cnr{
 	width:30px;
 	height:30px;
 	float:left;
 	background-image:url(../images/top_left_cnr.gif);
 	background-position:top right;
 	background-repeat:no-repeat;
 }
 
 
#menu2_bottom_cnr{
 	width:30px;
 	height:30px;
 	float:right;
 	background-image:url(../images/bottom_right_cnr.gif);
 	background-position:top left;
 	background-repeat:no-repeat;
 }
 
#menu2_bottom{
 	width:119px;
 	border-left:1px solid #cccccc;
 	border-bottom:1px solid #cccccc;
 	height:29px;
 	float:left;
 	background-color:#FFFFFF;
 }
 
 
#menu_bottom_cnr{
 	width:30px;
 	height:30px;
 	float:left;
 /*	background-image:url(../images/bottom_left_cnr.gif);*/
	background-image:url(../images/bottom_left_cnr.gif);
 	background-position:top left;
	background-repeat:no-repeat;
	background-color:#ffffff;
 }
 
#menu_bottom{
 	width:119px;
 	border-right:1px solid #cccccc;
 	border-bottom:1px solid #cccccc;
 	height:29px;
 	float:right;
 	background-color:#ffffff;
 }
.clear{
	clear:both;
}
 
#submenu{
	width:150px;
	margin-top:20px;
	float:left;
}
#page_content{
 	width:570px;
 	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background-color:#ffffff;
	margin-left:18px;
	float:right;
	padding-top:10px;
}
 
#centre_right{
	width:340px;
	float:right;
	/*background-color:#006699*/
}

#sub_centre_right{
	width:350px;
	float:right;
	/*padding-top:23px;*/
	padding-right:30px;
	/*background-color:#006699;*/
}
#medimagecontainer{
	width:350px;
	height:300px;
	float:left;
	background-image:url(../images/ajax-loader.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
/*background-color:#33CCCC;*/
}

#collection{
	width:160px;
	float:left;
	padding:10px;
	background-color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	color:#FF9900;

}

#descript{
	width:160px;
	float:left;
	padding:10px;
	font-size:12px;
	color:#333333;
	font-weight:normal;
	text-align:center;
}

#imagesize{
 	width:160px;
	padding:10px;
 	float:left;
 	text-align:center;
}
#mednavcontainer{
	width:350px;
	float:left;
	text-align:right;
}
.centre{text-align:center;}

#sub_centre_left{
	width:180px;
	float:left;
	/*background-color:red;*/
	padding-top:23px;

} 	

#sub_centre_bottom{
	width:100%;
	float:left;
	/*background-color:#663366;*/
}

#front_image{
	width:97%;
	height:247px;
	float:right;
	/*background-image:url(../images/front_img.jpg);
	background-position:center;
	background-repeat:no-repeat;*/
	padding-top:12px;
	padding-left:3%;
}

#centre_left{
	width:220px;
	float:left;
	background-color:#ffffff;
} 	


#front_name{
	width:100%;
	height:55px;
	border-bottom:10px solid #ffffff;
	border-top:30px solid #ffffff;
	background-image:url(../images/front_name.jpg);
	background-position:40px 00px;
	background-repeat:no-repeat;
 }
 
#front_left_image{
 	width:100%;
 	height:142px;
 	float:left;
 	background-image:url(../images/front_left_images.jpg);
 	background-position:40px 0px;
 	background-repeat:no-repeat;
 	margin-top:10px;
 	border-bottom:30px solid #ffffff;
	padding-top:10px;
 }
 
 
#bottom_right_corner{
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	width:541px;
	height:29px;
	background-color:#ffffff;
	float:right;
}

#bottom_right_img{
	width:30px;
	height:30px;
	float:right;
	background-image:url(../images/bottom_right_cnr.gif);
	background-repeat:no-repeat;
	background-position:top left;
}


#top_left_cnr{
	width:541px;
	float:right;
	background-color:#ffffff;
	height:29px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	
}
#top_left_img{
	width:30px;
	height:30px;
	float:right;
	background-image:url(../images/top_left_cnr.gif);
	background-repeat:no-repeat;
	background-position:top left;
}


/*navigation*/


.navcontainer
{
	width:100%;
	background-color: #ffffff;
	color:#999999;
}

.navcontainer ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

.navcontainer li
{
	border-bottom: 1px solid #ffffff;
	margin: 0;
}

.navcontainer li a
{
	display: block;
	padding: 4px 5px 4px 18px;
	border-left: 2px solid ;
	border-left-color:#ffffff;
	color:#B1B1B1;
	text-decoration: none;
}

html>body .navcontainer li a { width: auto; }

.navcontainer li a:hover
{
	border-left: 2px solid ;
	border-left-color: #FFCC00;
	color: #666666;
}
/*end navigation*/


#sub_biog_image{
	width:180px;
	height:181px;
	background-image:url(../../images/crop_biog.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#sub_contact_image{
	width:180px;
	height:181px;
	background-image:url(../../images/contact_sub.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#sub_exhibition_image{
	width:180px;
	height:181px;
	background-image:url(../../images/exhibition_sub.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#thumbs{
	/*width:520px;*/
	width:95%;
	margin-left:0px;
	padding-left:4%;
	/*margin-right:15px;*/
	float:right;
	text-align:center;
	padding-bottom:20px;

	
}
#thumbtop{
	padding-top:8px;
	padding-bottom:8px;
	width:85%;
	padding-left:6%;
	text-align:center;
	float:left;

}

.thumbnail{
	/*width:89px;
	height:95px;*/
	padding:4px;
	float:left;
	border:1px solid ;
	/*text-align:center;*/
	margin:0px;
	border-color: #ffffff;
	background-image:url(../images/ajax-loader.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
}

#paint{
	text-align:center;
	width:100%;
	float:left;
	font-size:90%;
	}

#nav{display:none;}
img{border:0px;}
#closewindow{
	text-align:center;
	}
#colour_test{color:#FFCC00;}

#float_fix{float:left;}