@charset "utf-8";
/* 
CSS Document 
Author: Lockerby Design
*/
/*global defaults*/
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,img,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
html, body {
cursor: default;
background:#d1d7d9 url(../images/background_grad.gif) repeat-x fixed; 
color: #000000;
font-family: 'lucida sans', arial, helvetica;
font-size: 14px;
}
h1,h2,h3 {color: #ffffff;}
a {color:#ffffff; margin: 0; padding: 0;}
a img {border: none; text-decoration: none;}
a:hover {color:#ffffff;	border: none;}

/*specific styling starts here*/
#container {
color: #ffffff;
margin-top: 5px;
background: #caccce;
margin-bottom: 5px;
margin-right: auto;
margin-left: auto;
width: 954px;
border: solid 1px #efefef;
}
#header {
height: 90px;
text-align: center;
background-color: #b7d8f4;
background-image:url(../images/header.jpg);
background-repeat: no-repeat;
background-position: center;
}

#header_logo {float: left;}
#header_logo a{
display: block;
width: 180px;
height: 90px;
}
#wrapper{background-color: #caccce;}	
#content {
background-color: #666666;
float: left;
width: 674px;
}
#content ul li{list-style: square inside;}
#content_left {
width: 246px;
float: left;
}
#content_right {
margin-left: 246px;
}
.divider {
background-color: #ffffff;
border-width:0;
color:gray;
height:1px;
margin-left: 3px;
margin-right: 3px;
}
.darkgrey {
background-color: #333333;
}
/*lockerby*/
#content_wide{
width: 630px;
margin-left: 17px;
margin-right: 17px;

}
/*Left Section*/
#left {
float: left;
width: 140px;
background-color: #caccce;
}
#left_links {
width: 140px;
margin-top: 5px;
height: 150px;
text-align: left;
}
#left_links a{
color:#000000;
text-decoration:none;
text-align: left;
}
#left a:hover{
color: #0072ff;
}
#left_contact {
color: #000000;
padding-top: 10px;

}
#left_contact h3 {
color: #000000;
}
#left_services {
color: #000000;
margin-left: 3px;
margin-right: 3px;
margin-top: 10px;
padding: 7px;
}
#left_services a{
font-size: 18px;
}	
#left_services h1, h2, h3, h4, h5 {
color: #ffffff;
}
#left_services a:hover{
background-color: #333333;
font-weight: normal;
}
/*content*/
.text_talk {
text-align: left;
padding: 8px;
}
#select_box {
width: 60px;
height: 65px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}
/*right*/
#right {
width: 140px;
float: left;
background-color: #caccce;
}
#right_icons{
background: #ffffff;
}
#right_links {
color: #000000;
font-size: 12px;
background-color: #caccce;
margin: 3px;
_margin: 0px;
}
#right_links a{
color: #000000;
}
#right h3 {
color: #222222;
}
#right_latest {
background: #777777;
margin-left: auto;
margin-right: auto;
width: 72px;
}
/*Exhibition*/
#exhibition_left {
width: 256px;
float: left;
}
#exhibition_right {
width: 418px;
float: left;
}
/*Web Page*/
#web_left {
float: left;
width: 410px;
}
#web_right {
width: 264px;
float: left;
}
/*Chibi page*/
#chibi_left {
float: left;
width: 410px;
}
#chibi_right {
margin-left: 410px;
}
/*Contact Page*/
#contact_left {
float: left;
width: 410px;
}
#contact_right {
margin-left: 410px;
}
/*Artists Page*/
#artists_left {
float: left;
width: 410px;
}
#artists_right {
margin-left: 410px;
}

/*promo specific*/
#promo {
background-color: #333333;
}
#promo span {
font-size: 20px;
}
/*footer*/
#footer {
clear:both;
background-color: #caccce;
text-align: center;
height: 100px;
font-size: 12px;
padding-top: 20px;
}
#footer li{
	display:inline;
	text-align:center;
padding: 0px 20px 0px 10px;
	border-right: solid 1px #000000;
}
.lastchild{	border-right: 0px none !important;}
#footer 	a{
    color: #000000;
	text-decoration: none;
}
#footer a:hover{color: #ffffff; background-color: #224864;}	
#footer span{
    font-size: 10px;
	color: #000000;
	margin:10px;
	display:block;
	}
/**usefull coloured boxes**/
.box1 {background-color: #7aa4d8; height: 20px; width: 20px; float: left;} 
.box2 {background-color: #b7d8f4; height: 20px; width: 20px; float: left;}
.box3 {background-color: #dbecfa; height: 20px; width: 20px; float: left;}
.box4 {background-color: #ffffff; height: 20px; width: 20px; float: left;}

/*form styles*/
.form_drop {
border: 1px solid #555555;
background: url(../images/style/form_dark.gif)  repeat-x;}
.form_drop:hover {
 border: 1px solid #ffffff; }
.form_drop:focus {
 border: 1px solid #ffffff;}
 
 .form_input_contact {
padding-left: 3px;
width: 180px;
background: url(../images/style/form_dark.gif) repeat-x;
border: 1px solid #555555;;}
.form_input_contact:hover {
 border: 1px solid #ffffff;}
.form_input_contact:focus {
 border: 1px solid #ffffff;
}
.form_input {
padding-left: 3px;
width: 130px;
background: url(../images/style/form_dark.gif) repeat-x;
border: 1px solid #555555;;}
.form_input:hover {
 border: 1px solid #ffffff;}
.form_input:focus {
 border: 1px solid #ffffff;
}
 .form_text {
background: url(../images/style/form_text_dark.gif) repeat-x;
height: 90px;
width: 300px;
border: 1px solid #555555;}
 .form_text:hover {
 border: 1px solid #ffffff;}
 .form_text:focus {
 border: 1px solid #ffffff;} 
 .form_submit {
margin: 4px 0px 4px 0px;
background-color: #ffffff;
border: 1px solid #555555;
width: 65px;}
 .form_submit:hover {
 border: 1px solid #ffffff;}
 .form_submit:focus {
 border: 1px solid #ffffff;} 
 
 /*text effects*/
.speech{background: #888888; padding: 0px;}
.bold {font-weight: bold;}
.subscript{font-size: 11px;}
.quote {font-style: italic;}
.highlight{background-color: #eeeeee;}
/**tools**/
.left {float: left; padding: 5px;}
.textleft {text-align: left;}
.right {float: right; padding: 5px;}
.center {display: block; text-align: center; margin-left: auto; margin-right: auto;}
.expander {clear: both;}
.padding80{padding: 80px;}
.padding150{padding: 150px;}
.padding8{padding: 8px;}
.border5px{padding: 5px;}
/*Animated Menu*/
	.main_menu ul li {
		list-style: none;
		display: inline;
		margin: 0px;
		padding: 0px;
	}
	
	.menu_animated1 {

		display: block;
		margin: 2px 0;
		padding: 3px 0px 3px 23px;
		background-image:url('images/menu_tile4.gif');
		background-repeat: repeat-y;
		background-position: -130px 0px;
	}
		.menu_animated2 {
		display: block;
		margin: 2px 0;
		padding: 3px 0px 3px 23px;
		background-image:url('images/menu_tile3.gif');
		background-repeat: repeat-y;
		background-position: -130px 0px;
	}
		.menu_animated3 {
		display: block;
		margin: 2px 0;
		padding: 3px 0px 3px 23px;
		background-image:url(images/menu_tile2.gif);
		background-repeat: repeat-y;
		background-position: -130px 0px;
	}
		.menu_animated4 {
		display: block;
		margin: 2px 0;
		padding: 3px 0px 3px 23px;
		background-image:url(images/menu_tile1.gif);
		background-repeat: repeat-y;
		background-position: -130px 0px;
	}