* { margin:0; padding:0; }

html, body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	background-color: #dadbdb;
}

#page {
	width:980px;
	padding:13px 0 0 0;
    margin: 0 auto 20px auto;
    background-color: #ffffff;
    -moz-box-shadow: 0 0 5px 5px #aaa;
    -webkit-box-shadow: 0 0 5px 5px #aaa;
    box-shadow: 0 0 5px 5px #aaa;
}

.alignleft { float:left; }
.alignright { float:right; }

p { margin-bottom:15px; }
img { border:0 none; }
ul { list-style:none; }

a { text-decoration:underline; color:#000000; outline:0 none; cursor:pointer; }
a:hover { text-decoration:none; color:#555555; }

h2 { font-weight:normal; font-size:16px; margin-bottom:15px; }
h3 { font-weight:normal; font-size:14px; margin-bottom:15px; }
h4 { font-weight:normal; font-size:15px; color:#ffffff; background:#868889; }
.clear { clear:both; }
.hidden { display:none; }
.rollover { cursor:pointer; }
.column {
	float:left;
	width:224px;
	padding-right:15px;
}
.column_double {
	float:left;
	width:463px;
	padding-right:15px;
}

#container {
	float:left;
	width:737px;
	padding-bottom:20px;
}
#header {
	float:left;
	padding-left:20px;
	padding-bottom:10px;
	font-size:16px;
}
#header li { padding-bottom:0px; }
#header a { text-decoration:none; }

.menu-about a:hover, .menu-about a.active				{ color:#7b71af; }
.menu-exhibitions a:hover, .menu-exhibitions a.active	{ color:#68839a; }
.menu-permanent a:hover, .menu-permanent a.active		{ color:#d1253a; }
.menu-events a:hover, .menu-events a.active				{ color:#00c6ca; }
.menu-education a:hover, .menu-education a.active		{ color:#ff5b36; }

.menu-visitor a:hover, .menu-visitor a.active { color:#ef0079; }
.menu-library a:hover, .menu-library a.active { color:#ba6116; }
.menu-gallery a:hover, .menu-gallery a.active { color:#00683b; }
.menu-support a:hover, .menu-support a.active { color:#2c6aca; }
.menu-contact a:hover, .menu-contact a.active { color:#ffb800; }

.subscribe {
	color:#868889;
}
.subscribe h2 { margin-bottom:6px; }
.subscribe .message {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	padding-bottom:10px;
}

#content {
	float:left;
}
#breadcrumb {
	width:682px;
	background:#333333;
	color:#ffffff;
	padding:3px 20px;
}
#breadcrumb a { color:#ffffff; text-decoration:none; }
#breadcrumb a:hover { text-decoration:underline; }

#banner {
	width:722px;
	height:94px;
	background:#cccccc;
}

#main {
	padding-left:20px;
	padding-top:15px;
}
.submenu {
	font-size:15px;
	margin-bottom:45px;
}
.submenu li { margin-bottom:2px; }
.submenu a { text-decoration:none; }

.img_caption {
	font-size:9px;
	color:#646464;
	padding-top:5px;
}



#sidebar {
	float:left;
	width:223px;
	min-height:400px;
	padding-top:245px;
	*padding-top:230px;
	background:url(../images/logo_estorick.gif) no-repeat right 2px;
	margin-bottom:20px;
}
#sidebar h4 {
	padding:3px 10px;
}
#twitter {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000000;
	width:222px;
	border:1px solid #9c9d9f;
}
#twitter a { color:#000000; text-decoration:underline; }
#twitter a:hover {text-decoration:none; }

#twitter-bird {
	position:absolute;
	margin-top:-37px;
}

#twitter-update { padding:10px; padding-bottom:0; }
.twitter-feed { padding-bottom:15px; }
.twitter-date, #twitter a.twitter-date { color:#999; text-decoration:none; white-space:nowrap; }
.twitter-info {
	color:#646464;
	padding:10px;
	border-top:1px solid #9c9d9f;
}
#twitter .twitter-info a { color:#646464; }


#footer {
	clear:both;
	width:960px;
	height:45px;
	padding-right:20px;
	background:#333333;
	color:#ffffff;
}
#footer a { color:#ffffff; }
#footer-text {
	width:712px;
	padding:10px 0;
	text-align:center;
	font-size:9px;
}


/* catalogues */
#img_container {
	width:224px;
	height:185px;
	border:#69859C solid 1px;
	position:absolute;
}



.heading {
	font-weight:bold;
	padding-top:15px;
	clear:both;
}
.item {
	display:block;
	cursor:pointer;
	overflow:hidden;
}

.item:hover { background:#69859C; color:#FFFFFF; }


.price{
	float:right;
	width:50px;
}


/* contact */
.step1, .step2, .step3 {
	padding:6px 0;
	padding-left:30px;
	background-position:bottom left;
}
.step1 { background:url(../images/contact/image_contact_one.gif) no-repeat; }
.step2 { background:url(../images/contact/image_contact_two.gif) no-repeat; }
.step3 { background:url(../images/contact/image_contact_three.gif) no-repeat; }

#dropmenu-title {
	position:absolute;
	padding-left:10px;
	margin-bottom:40px;
	width:214px;
	line-height:18px;
	color:#ffffff;
	background:url(../images/contact/image_contact_dropdown.png) no-repeat;
	cursor:pointer;
}
#dropmenu {
	float:left;
	width:214px;
	margin-top:9px;
	margin-bottom:40px;
	padding-left:10px;
	padding-top:13px;
	padding-bottom:5px;
	background:url(../images/contact/image_contact_field_1.gif) bottom no-repeat;
}
#dropmenu li {
	padding-bottom:2px;
}
#dropmenu a { text-decoration:none; color:#000000; }
#dropmenu a:hover { color:#ffffff; }

.contact_field {
	padding-left:10px;
	margin-bottom:5px;
	line-height:18px;
	background:url(../images/contact/image_contact_field_2.gif) no-repeat;
}
.input_contact {
	float:right;
	background:#ffdc80;
	height:14px;
	width:140px;
	margin-right:10px;
	border:1px solid #ffdc80;
}

textarea {
	background:url(../images/contact/image_contact_field_1.gif) no-repeat;
	width:204px;
	height:180px;
	padding:10px;
	border:0;
}

.input, .input_contact, textarea {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:11px;
	width:190px;
}
.input {
	height:20px;
	border:1px solid #868889;
}
.subscribe .input {
	float:left;
	width:155px;
	margin-right:6px;
	_margin-right:3px;
}

#myfj-badge {
	float:right;
	margin-right:15px;
	*margin-right:10px;
	margin-top:-8px;
}

#main .notice.xmas {
    background: url(/images/ESTholly.png) 160px 0 no-repeat;
}
#main .notice.xmas p {
    padding-right: 10px;
}
#main .notice h3 {
    margin-bottom: 0;
}
