/*
Theme Name: Thunder Bay Art Gallery
Description: Thunder Bay Art Gallery Theme
Author: Bolt Media
Author URI: http://boltmedia.ca
Version: 1.0
*/


@font-face {
	font-family: 'gotham_medium';
	src: url('fonts/gotham_medium.eot');
	src: url('fonts/gotham_medium.eot?#iefix') format('embedded-opentype'),
			 url('fonts/gotham_medium.woff') format('woff'),
			 url('fonts/gotham_medium.ttf') format('truetype'),
			 url('fonts/gotham_medium.svg#gotham_medium') format('svg');
	font-style: normal;
}

@font-face {
	font-family: 'tradegothicboldcondensed';
	src: url('fonts/gothamcond-bold.eot');
	src: url('fonts/gothamcond-bold.eot?#iefix') format('embedded-opentype'),
			 url('fonts/gothamcond-bold.woff') format('woff'),
			 url('fonts/gothamcond-bold.ttf') format('truetype'),
			 url('fonts/gothamcond-bold.svg#gothamcond-bold') format('svg');
	font-style: normal;
}

@font-face {
	font-family: 'news-gothic-bold';
	src: url('fonts/news-gothic-bold.eot');
	src: url('fonts/news-gothic-bold.eot?#iefix') format('embedded-opentype'),
			 url('fonts/news-gothic-bold.woff') format('woff'),
			 url('fonts/news-gothic-bold.ttf') format('truetype'),
			 url('fonts/news-gothic-bold.svg#news-gothic-bold') format('svg');
	font-style: normal;
}

@font-face {
	font-family: 'news-gothic';
	src: url('fonts/news-gothic.eot');
	src: url('fonts/news-gothic.eot?#iefix') format('embedded-opentype'),
			 url('fonts/news-gothic.woff') format('woff'),
			 url('fonts/news-gothic.ttf') format('truetype'),
			 url('fonts/news-gothic.svg#news-gothic') format('svg');
	font-style: normal;
}

@font-face {
	font-family: 'gotham_book';
	src: url('fonts/gotham_book.eot');
	src: url('fonts/gotham_book.eot?#iefix') format('embedded-opentype'),
			 url('fonts/gotham_book.woff') format('woff'),
			 url('fonts/gotham_book.ttf') format('truetype'),
			 url('fonts/gotham_book.svg#gotham_book') format('svg');
	font-style: normal;
}

@font-face {
	font-family: 'gotham_bold';
	src: url('fonts/gotham_bold.eot');
	src: url('fonts/gotham_bold.eot?#iefix') format('embedded-opentype'),
			 url('fonts/gotham_bold.woff') format('woff'),
			 url('fonts/gotham_bold.ttf') format('truetype'),
			 url('fonts/gotham_bold.svg#gotham_bold') format('svg');
	font-style: normal;
}

body { margin: 0; padding: 0; font-size: 16px; font-family: 'gotham_book'; color: #818285; background: #fff}
fieldset { margin: 0; padding: 0; border: none}
img { border: none}
.clear { float: none; clear: both}
.floatright { float: right !important;}

h1 { color: #231f20;  font: normal 44px 'gotham_medium'}
h2 { color: #231f20;  font: normal 31px 'gotham_medium'; text-transform:uppercase;}
h3 { color: #231f20;  font: normal 16px 'gotham_bold'; text-transform:uppercase;}


h4 { font: 14px/14px 'tradegothicboldcondensed'; color: #515151}
.noMargin{margin-top:0; padding-top:0;}

.button01 { display: inline-block; text-transform: uppercase; text-decoration: none; width: 136px; height: 27px; padding-top: 8px; background: #00B1D4; font: 14px 'opensansb'; color: #fff; border-radius: 5px; text-align: center; cursor: pointer}
.button01:hover { box-shadow: 0 0 5px #999}

.header { width: 100%; height: 155px; background: #252525 url(images/header.gif) top center repeat-x; font: 17px 'gotham_medium';} 
.header fieldset {width: 1000px; margin: 0 auto;}
.header h1 { margin: 0; padding: 22px 0 0 0; float: left}
.header blockquote { margin: 0 0 33px; padding: 40px 0 0 0; float: right}
	.header .social { float: left; margin-right: 12px;}
		.header .social a { display: inline-block; width: 19px; height: 19px; margin-left: 9px; background-image: url(images/social2.png)}
		.header .social a  span { visibility: hidden}
			.social-home { background: url(images/home-icon.png) top !important; }
			.social-home:hover { background: url(images/home-icon.png) bottom !important; }
			.social-youtube { background-position: 0 0}
			.social-flicker { background-position: -81px 0}
			.social-fb { background-position: -27px 0}
			.social-twitter { background-position: -54px 0}
			.social-youtube:hover { background-position: 0 -19px}
			.social-flicker:hover { background-position:-81px -19px}
			.social-fb:hover { background-position: -27px -19px}
			.social-twitter:hover { background-position: -54px -19px}			
	.header .search { float: left; background: #fff; border: 1px solid #DDDDDD; padding: 4px; position: relative; top: -5px}
	.header .search input { border: 1px solid #fff; padding: 0}
	.header .search input[type=text] { width: 160px; border-right: 2px solid #DDDDDD}
	.header .search input[type=submit] { background: #fff; cursor: pointer; font: 11px 'news-gothic-bold'; color: #65625F; text-transform: uppercase}
.header ul { margin: 0; padding: 0; list-style: none; float: right}
.header ul li { float: left; border-left: 1px solid #DBDBDB; padding: 3px 0 3px 13px; margin-left: 13px; }	
.header ul li:first-child { border: none}
.header ul li a { text-decoration: none; display: inline-block; color: #515151; padding: 8px 12px; text-transform: uppercase; position: relative}
.header ul li a:hover, .header ul li.current_page_item a, .header ul li.active a {background: #585858; color: #fff}
/*.header ul li.navOn a:after { content: url(images/arrow-top.png); width: 32px; height: 16px; position: absolute; bottom: -21px; left: 50%; margin-left: -16px;}*/
/*riaz addition for better hover experience*/
.header #menu-main > li.navOn > a:after {
    bottom: -21px;
    content: url("images/arrow-top.png");
    height: 19px;
    left: 50%;
    position: absolute;
    width: 32px;
    padding: 2px 0px 0px 0px;
}
.header #menu-main > li:nth-child(1) > a:after {
    margin-left: -46px;
    padding-left:30px;
    padding-right:30px;
}
.header #menu-main > li:nth-child(2) > a:after {
    margin-left: -64px;
    padding-left:46px;
    padding-right:46px;
}
.header #menu-main > li:nth-child(3) > a:after {
    margin-left: -32px;
    padding-left:16px;
    padding-right:16px;
}
.header #menu-main > li:nth-child(4) > a:after {
    margin-left: -44px;
    padding-left:28px;
    padding-right:28px;
}
.header #menu-main > li:nth-child(5) > a:after {
    margin-left: -56px;
    padding-left:39px;
    padding-right:39px;
}
.header #menu-main > li:nth-child(6) > a:after {
    margin-left: -56px;
    padding-left:38px;
    padding-right:38px;
}



.header ul li.active li a:after { content: "";}
.header select, .header .mobile-menu { display:none; }

	.nav02 { width: 100%; height: 50px; float: none; clear: both; background: #252525; margin-bottom: 30px; overflow: hidden}
	.nav02 fieldset { width: 1000px; margin: 0 auto}	
	.nav02 a img { float: left}
	.nav02 ul { font-family: 'news-gothic' ; font-size:.9rem; margin: 18px 6% 0 ; padding: 0; list-style: none; float: right; }
	.nav02 ul li { padding: 0 ; margin: 0 0 0 20px; border: none; float: left}
	.nav02 ul li a { color: #EEEEEE; padding: 0; text-decoration: none; text-transform:none;}
	.nav02 ul li a:hover, .nav02 ul li.current_page_item a{ background: transparent; color: #818285;}
	.nav02 ul li:first-child a {margin-left:0;}
	
.content { width: 1000px; margin: 0 auto; padding-bottom: 25px;}
	.left { width: 740px; float: right; margin:20px 0 0}
	.right { width: 242px; float: left;}
		.right p { line-height:21px; }
	
	.slider { width: 740px; height: 355px; padding-top: 14px; margin: 0 auto 20px; background: #2C7DA4;}
	#slider{ width:740px;height:355px;position:relative; }
	.slides_container div {width:740px; height:355px !important; display:block; position:relative; z-index: 1}	
	.slides_container div img { position: absolute; z-index: 1;}
	.slides_container div a { position: absolute; z-index: 2; background: url(images/transparent.png); color: #fff; text-decoration: none; left: 0; bottom: 0; padding: 12px 12px; max-width: 600px;}
	.slides_container div a:after { content: url(images/arrow.gif); position: absolute; right: -27px; bottom: 0px;}
	.slides_container div a strong { font: 20px/20px 'tradegothicboldcondensed'; text-transform: uppercase;}
	.slides_container div a small { color: #EEEEEE; font: 10px 'gotham_book';}
	.slider .pagination, .slider2 .pagination { position: absolute; z-index: 2; bottom: 10px; right: 14px; color: #fff; margin: 0; padding: 0; list-style: none;}		
	.slider .pagination li, .slider2 .pagination li { float: left; margin-left: 6px;}
	.slider .pagination a, .slider2 .pagination a { display: inline-block; width: 9px; height: 9px; text-indent: -99999px; background: #fff; border-radius: 50px;}
	.slider .pagination li.current a, .slider .pagination a:hover,
	.slider2 .pagination li.current a, .slider2 .pagination a:hover
	 { background: #8E8E8E}
	
	.slides_container div.onNow:after { content: "on now"; position: absolute; z-index: 3; top: 120px; right: -50px; width:35px; height: 45px; padding: 60px 50px 0 20px; background: #2B7DA5; color: #EEEEEE; font: 14px/14px 'news-gothic-bold'; border-radius: 200px;}
	
	
	.current-exibit { width: 482px; border-bottom: 1px solid #BFBEBE; font-size: 21px; margin-bottom: 20px; padding-bottom: 15px;}
		.slider2 { width: 482px; margin-bottom: 20px; border-top: 9px solid #ED3824;}
		#slider2 { width:482px;height:182px !important;position:relative; display: block}
		#slider2  .slides_container div {width:482px; height: 182px !important; display:block; position:relative; z-index: 1}	
		#slider2 .slides_container div img { position: absolute; z-index: 1;}
		#slider2  .slides_container div a { position: absolute; z-index: 2; background: #EC3A26; color: #fff; text-decoration: none; left: 0; bottom: 0; padding: 3px 9px 3px; max-width: 300px;}
		#slider2 .slides_container div a:after { content: url(images/arrow.gif); position: absolute; right: -27px; bottom: 0px}
		#slider2 .slides_container div a { font: 24px/24px 'tradegothicboldcondensed'; text-transform: uppercase}
		#slider2 .pagination { top: 155px;}
		

	.gifts { border-top: 9px solid #BAE4F8; background: #262223; color: #fff; font:13px/20px Helvetica, sans-serif; width: 452px; padding: 15px; position: relative; min-height: 155px}
	.gifts:before { content: url(images/fold.gif); position: absolute; right: 0px; top: -9px; z-index: 2}
	.gifts h4 { margin: 0 0 5px; padding: 0; font: 24px 'tradegothicboldcondensed'; color: #fff; text-transform:uppercase;}
	.gifts img { float: right; position: absolute; right: 15px; top: 15px; z-index: 1; height:auto; width:210px;}
	.gifts p { margin: 0; padding: 0; width: 210px;}
	.gifts a {color: #fff; font: 12px 'news-gothic-bold'; text-transform: uppercase; text-decoration: none}
	.gifts a:hover { color: #CCCCCC}
	
	.upcoming-exibit { margin: 20px 0 0; padding: 0; list-style: none; width: 239px;}
	.upcoming-exibit li { 
			padding-bottom: 20px; 
			font-size: 13px;
			overflow: hidden;
			margin-bottom:5%;
		}
	.upcoming-exibit li:nth-child(odd) { border-top: 10px solid #9CCCC8;}
	.upcoming-exibit li:nth-child(even) { border-top: 10px solid #FEE102;}
	.upcoming-exibit li a img { position: absolute; left: 0; top: 0; z-index: 1}
	.upcoming-exibit li a { width: 239px; height: 175px; display: block; position: relative; font: 25px/25px 'tradegothicboldcondensed'; text-transform: uppercase}
	.upcoming-exibit li a span { position: absolute; bottom: 0; left: 0; z-index: 2; display: inline-block; padding: 3px 9px 3px; color: #fff; text-decoration: none; max-width: 190px}
	.upcoming-exibit li a:hover span { opacity: .9;}
	.upcoming-exibit li a span:after { content: url(images/arrow.gif); position: absolute; right: -27px; bottom: 0px}
	.upcoming-exibit li:nth-child(odd) a span { background: #9DCDC9;}
	.upcoming-exibit li:nth-child(even) a span { background: #FEE105;}
	
	.viewall{ color:#231f20; text-decoration:none; font-size:12px; font-weight:normal; text-transform:uppercase; }
	.viewall:hover { color:#818285; text-decoration:underline; }
	p.viewall-rightcol{text-align:right; margin:-4px 0 30px;}
	
	.latest-news ul { margin: 0; padding: 0; list-style: none; width: 241px;}
	.latest-news ul li { padding-bottom: 1%; font-size: 13px;}
	.latest-news ul li:nth-child(odd) { border-top: 10px solid #93B560;}
	.latest-news ul li:nth-child(even) { border-top: 10px solid #F07E88;}
	.latest-news ul li a img { position: absolute; left: 0; top: 0; z-index: 1}
	.latest-news ul li a { width: 241px; height: 162px; display: block; position: relative; margin-bottom: 20px; font: 25px/25px 'tradegothicboldcondensed'; text-transform: uppercase; overflow: hidden}
	.latest-news ul li a span { position: absolute; bottom: 0; left: 0; z-index: 2; display: inline-block; padding: 3px 9px 3px; color: #fff; text-decoration: none; max-width: 190px}
	.latest-news ul li a:hover span { opacity: .9;}
	.latest-news ul li a span:after { content: url(images/arrow.gif); position: absolute; right: -27px; bottom: 0px}
	.latest-news ul li:nth-child(1) a span { background: #93B560;}
	.latest-news ul li:nth-child(2) a span { background: #F07E88;}	
	.latest-news ul li:nth-child(3) a span { background: #BCE6FB;}
	
	.latest-news-inner ul li:nth-child(2) a span { background: #5EB5BD}
	.latest-news-inner ul li:nth-child(2) { border-top: 10px solid #5EB5BD;}
	.latest-news-inner ul li:nth-child(3) a span { background: #BCE6FB}
	.latest-news-inner ul li:nth-child(3) { border-top: 10px solid #BCE6FB;}
	
	.hours {font: 12px 'gotham_book'; margin-bottom: 20px;}
	.hours h3 { margin: 0 0 10px; padding: 0; color: #000}
	.hours strong { font-family: 'gotham_bold' }
	.hours p { margin: 0; padding: 0; line-height: 16px;}
	.hours a:link{text-decoration:none; font-size:11px;}
	span.hours-span{font-weight:bold;margin-right:2px;letter-spacing:1px}
	
	.single { width: 727px; color: #515151; font: 17px 'gotham_book'}
	.single p { line-height:24px; }
	.single h1, .archive h1 { width: 650px; float: left; margin: 0; padding: 0;}
	.single h4, .archive h4 {float: right;  position: relative; top: 20px; display: inline-block; margin-left: 10px;}
	.single .attachment-post-large, .single .attachment-exhibition-large { border-top: 10px solid #BCE5FA; margin:0 0 0px 0; }
	
	.post-image { margin-bottom:4%; }
	.post-image img { width:727px; height:auto; }
	.image-caption { font-size:11px; clear:both; display:block; margin:10px 0 0 0; }

	.entry-content img { display:none; }
	h4.event-day { display:none; }
	
	.page-id-239 .single img, .events-list .single img, .events-archive .single img { display:all; }
	.page-id-239 .single, .events-list .single, .events-archive .single { border:0; }
	
.footer { width: 100%; background: #262223; padding: 20px 0 0 0; margin:20px 0 0; float: none; clear: both; font-family: Helvetica, sans-serif; color: #fff;} 
.footer fieldset {width: 1000px; margin: 0 auto;}
.footer img { margin-bottom: 25px}
.footer h6 { margin: 0 0 15px; padding: 0;  font: 20px 'news-gothic-bold' }
.footer address { margin: 0; padding: 0; font: 13px 'news-gothic'; font-style: normal;}
	.footer .col03-1 .col03 { text-align: right}
.footer ul { margin: 0; padding: 0; list-style: none; float: right; font-size: 11px; font-weight: bold}	
.footer li { float: left; border-left: 1px solid #fff; padding-left: 5px; margin-left: 5px;}
.footer li:first-child { border: none}
.footer li a { color: #fff; text-decoration: none; font-family: 'news-gothic'; font-weight: bold;}
.footer li a:hover { color: #CCCCCC}
ul.page-list li{
	margin:5px 0;
	list-style:none;
	
}
ul.page-list a{
	color: #666;
    	text-decoration: none;
}
ul.page-list a:hover{
	color: #333;
	text-decoration:underline;
}

.col01 { width: 100%}
.col02 { width: 50%; float: left}
.col03 { width: 31%; float: left}
.uneven { float:right; width:auto; }
	.col03-1 { width: 67%; float: left}
	.col03-2 { width: 67%; float: right}
.col04 { width: 25%; float: left}
	.col04-1 { width: 75%; float: right}
	.sixtyfive { width:65%; }
	
	.current-exibit-inner { font-size: 13px;}
	.current-exibit-inner h3, .upcoming-exibit-inner h3 { color: #000; text-transform: uppercase}
		.current-exibit-inner .slider2 { height: 182px !important; display:block; position:relative; z-index: 1}	
		.current-exibit-inner .slider2 img { position: absolute; z-index: 1;}
		.current-exibit-inner .slider2 a { position: absolute; z-index: 2; background: #EC3A26; color: #fff; text-decoration: none; left: 0; bottom: 0; padding: 7px 9px; max-width: 300px;}
		.current-exibit-inner .slider2 a:after { content: url(images/arrow.gif); position: absolute; right: -27px; bottom: 0px}
		.current-exibit-inner .slider2 a { font: 24px 'tradegothicboldcondensed'; text-transform: uppercase}	
	
.archive ul { margin: 0; padding: 0; list-style: none; font-size: 21px;}	
.archive h1 { margin: 0 0 15px; padding: 0;}
.archive h4 { margin: 0 0 15px; padding: 0;}
.archive ul li { border-bottom: 1px solid #E0E0E0; margin-bottom: 40px; padding-bottom: 40px;}
.archive li:nth-child(1) img { border-top: 10px solid #5FB5BD;}	
.archive li:nth-child(2) img { border-top: 10px solid #EE3A25;}	
.archive li:nth-child(3) img { border-top: 10px solid #94B763;}	
.archive li:last-child { border: none}	
.archive .pagination { text-align: right; color: #CDCDCD; font-size: 19px;}
.archive .pagination a { color: #CDCDCD; text-decoration: none}
.archive .pagination a:hover { color: #000000}

#wp_page_numbers { margin-top:-30px !important; }
#wp_page_numbers ul { border:0 !important; }
#wp_page_numbers li a:hover { 	color: #9cccc8 !important; border-top: 2px solid #9cccc8 !important; }
#wp_page_numbers li.active_page a { background: #5fb5bd !important; border-top: 2px solid #5fb5bd !important; border-bottom: 2px solid #5fb5bd !important; }
#wp_page_numbers li.active_page a:hover  { border-top: 2px solid #5fb5bd !important; border-bottom: 2px solid #5fb5bd !important; }
	
.archive .feat-img { display: block; width: 727px; height: 303px; position: relative; float: none; clear: both; overflow: hidden}
.archive .feat-img  img { position: absolute; left: 0; top: 0; z-index: 1}
.archive .feat-img:after { content: "more"; z-index: 2; position: absolute; top: 100px; right: -52px; display: block; font: 14px/14px 'news-gothic-bold'; color: #fff; width: 90px; height: 40px; padding: 65px 0 0 15px; border-radius: 200px;}
.archive li:nth-child(1) .feat-img:after { background: #5FB5BD;}	
.archive li:nth-child(2) .feat-img:after { background: #EE3A25;}	
.archive li:nth-child(3) .feat-img:after { background: #94B763;}	
/*
	#menu-main .new { width: 100%;  background: #252525; position: absolute; z-index: 10; left: 0px; padding: 0; margin: 20px 0 0 0; display: none; height: 0px; overflow: hidden}
	#menu-main ul { font: 13px 'gotham_bold'; width: 1000px; position: relative; float: none; margin: 20px auto}
	#menu-main ul li { float: left; border: none; padding: 0; margin: 0; width: 200px; margin-bottom: 10px;}
	#menu-main ul li:nth-child(odd) { clear: left;}
	#menu-main ul ul { width: 190px; margin:10px 0 5px 10px;}
	#menu-main ul ul li { float: none; clear: both; padding: 0; margin: 0 0 8px 0; width: 200px;}
	#menu-main ul li a { padding: 0; background: transparent; color: #fff}
	#menu-main ul ul li a{ color: #A6A6A6; text-transform: none}
	#menu-main ul li a:hover { color: #CCCCCC}
*/
	#menu-main .new { width: 100%;  background: #252525; position: fixed; z-index: 10; left: 0px; padding: 0; margin: 20px 0 0 0; display: block; height: 0px; overflow: hidden}
	#menu-main ul { font: 13px 'gotham_bold'; width: 1000px; position: relative; float: none; margin: 20px auto}
	#menu-main ul li { float: none !important; border: none; padding: 0; margin: 0; width: 200px; margin-bottom: 10px;}
	#menu-main ul ul { width: 190px; margin:10px 0 0 10px;}
	#menu-main ul ul li { float: none; clear: both; padding: 0; margin: 0; width: 200px;}
	#menu-main ul li a { padding: 0; background: transparent; color: #fff}
	#menu-main ul ul li a{ color: #A6A6A6; text-transform: none}
	#menu-main ul li a:hover { color: #CCCCCC}
	#menu-main > li > .new > .sub-menu { display: block; height: 175px; min-width: 1000px; !important}
	#menu-main > li > .new > .sub-menu .sub-menu { margin-bottom:5px}
			
	#menu-main .withImage { position: absolute; left: 380px; width: 380px; padding: 0 10px; background: url(images/withImage.jpg) no-repeat center center; text-align: center; border-left: 2px solid #828282;  border-right: 2px solid #828282;}
	#menu-main .withImage a { display: block;  width: 374px; height: 135px; font: 17px 'gotham_book'}	
	#menu-main .withImage a:hover { color: #fff}
	#menu-main .withImage a span { display: inline-block; width: 340px; height: 30px; padding: 10px 0 0 0; margin: 10px 0 0 25px; background: url(images/transparent2.png)}
	
	#menu-main .withAds { position: absolute; right: 0; width: 180px;  text-align: center;}
	#menu-main .withAds a { display: block; width: 180px; height: 150px; background: url(images/ad02.gif); }
	#menu-main .withAds a span { display: none}
	
	.heading { color: #EDEDED; font: normal 65px 'gotham_medium'; letter-spacing: -2px; margin: 0; padding: 0}

/* isotope fix */

.wpcf7-text { border:1px solid #6b6b6b; padding:5px; font-size: 16px; font-family: 'gotham_book'; color: #818285; width:100%; }
.wpcf7-textarea { padding:5px; height:175px; width:100%; }
.wpcf7-submit { cursor:pointer; display:block; background:#6b6b6b; border:0; font-size: 16px; font-family: 'gotham_book'; color: #fff; padding:10px; }

/* ----------------------------------------------------------------------------------------------------
  iPad in landscape
------------------------------------------------------------------------------------------------------ */

@media (max-width: 1024px) {

.wrapper, #wrapper {
margin:0;
padding:0;
width:100%;
}

.header, .content, .footer fieldset {
width:inherit;
margin:0;
padding:0;
}

.header {
font: 12px 'gotham_medium';
}
.header fieldset {
width: 768px; 
}

#menu-main{
	margin:4px 0 0;
}
#menu-main ul { 
	font-size:11px; 
	width: 800px;
}
#menu-main > li > .new > .sub-menu {
    min-width: 768px;
}

.nav02 fieldset {
width:768px;
}
.nav02 ul { 
	font-size:.75rem;
	margin: 18px 3% 0;
}
.nav02 ul li { margin-left:8px;}
.content {
margin:0 auto;
width:768px;
}

.left {
width:550px;
}

.single {
width:550px;
}

.single img {
height:auto;
width:550px;
}

.slider, #slider, .slides_container, .slides_container div, .slides_control {
margin:0 0 20px 0 !important;
width:568px !important;
}

.current-exibit, .slider2, #slider2, slider2 .slides_container div, .current-exibit-inner {
width:320px !important;
}

#slider2, #slider2 .slides_container div, .current-exibit-inner .slider2  {
height:122px !important;
}

.current-exibit img, .current-exibit-inner img {
height:auto;
width:320px;
}

.upcoming-exibit {
width:200px;
}

.upcoming-exibit li a {
font: 22px/22px 'tradegothicboldcondensed';
width:200px;
}

.upcoming-exibit li a span:after {
content:none;
}

.upcoming-exibit img {
height:auto;
width:200px;
}

.gifts {
width:320px;
}

.gifts img {
height:auto;
width:100px;
}

.right {
width:200px;
}

.latest-news ul {
width:200px;
}

.latest-news img {
height:auto;
width:200px;
}

.latest-news ul li a {
font: 22px/22px 'tradegothicboldcondensed';
width:200px;
}

.latest-news ul li a span:after {
content:none;
}

.widget-text .fb-like-box {
display:none !important;
}

.footer fieldset {
width: 768px;
margin:0 auto;
}

}

/* ----------------------------------------------------------------------------------
  iPad in portrait
---------------------------------------------------------------------------------- */

@media (max-width: 828px) {

.wrapper, #wrapper {
margin:0;
padding:0;
width:100%;
}

.header, .content, .footer fieldset {
width:inherit;
margin:0;
padding:0;
}

.header {
font: 11px 'gotham_medium';
}

.header ul li a {
padding:8px 4px;
}

#menu-main{
	margin:6px 0 0;
}
#menu-main ul { font-size:10px; width: 641px;}
#menu-main > li > .new > .sub-menu {
    min-width: 641px;
}
.nav02 fieldset {
width:641px;
}

.header fieldset {
width: 641px; 
}
.nav02 ul { 
	font:11px/11px 'tradegothicboldcondensed' !important;
	margin: 18px 1% 0;
}

.nav02 ul li {
padding:0 0 0 6px;
}

.nav02 ul li:first-child a {
font-size:14px;
}

.content {
margin:0 auto;
width:641px;
}

.left {
width:450px;
}

.single {
width:450px;
}

.single img {
height:auto;
width:450px;
}

.slider, #slider, .slides_container, .slides_container div, .slides_control {
margin:0 0 20px 0 !important;
width:470px !important;
}

.current-exibit, .slider2, #slider2, slider2 .slides_container div, .current-exibit-inner {
width:280px !important;
}

#slider2, #slider2 .slides_container div  {
height:122px !important;
}

.current-exibit img, .current-exibit-inner img {
height:auto;
width:280px;
}

.upcoming-exibit {
width:170px;
}

.upcoming-exibit li a {
font: 22px/22px 'tradegothicboldcondensed';
width:170px;
}

.upcoming-exibit li a span:after {
content:none;
}

.upcoming-exibit img {
height:auto;
width:170px;
}

.gifts {
width:260px;
}

.gifts img {
height:auto;
width:100px;
}

.right {
width:170px;
}

.latest-news ul {
width:170px;
}

.latest-news img {
height:auto;
width:170px;
}

.latest-news ul li a {
font: 18px/18px 'tradegothicboldcondensed';
width:170px;
}

.latest-news ul li a span:after {
content:none;
}

.widget-text .fb-like-box {
display:none !important;
}

.footer fieldset {
width: 641px;
margin:0 auto;
}

}

/* --------------------------------------------
  Mobile
-------------------------------------------- */

@media (max-width:640px) {

.wrapper, #wrapper {
margin:0;
padding:0;
width:100%;
}

.header, .header fieldset, .content, .footer fieldset {
width:100%;
margin:0;
padding:0;
}

.header { 
background:#f8f8f8 !important;
border-top:8px solid #231f20;
min-height:240px;
}

.header blockquote {
float:none;
margin:0;
padding:0;
}

.header h1 {
float:none;
position:absolute;
left:5%;
padding:0;
top:3px;
}

.header fieldset { 
position:relative;
}

.header .social {
float:none;
margin:0;
position:absolute;
right:5%;
top:13px;
width:120px;
}

.header .search {
float:none;
position:absolute;
top:140px;
left:5%;
padding:2%;
width:86%;
}

.header .search input { 
border: 0; 
padding: 0;
}

.header .search input[type=text] { 
border:0;
}

.header .search input[type=submit] { 
background:none;
border:0;
float:right;
}

.header ul { 
display: none; 
}

.header .mobile-menu {
border-top:1px solid #e7e7e7;
background: url(images/mobile-drop.png) no-repeat right #fff;
display:block;
height:48px;
overflow: hidden;
position:absolute;
top:190px;
padding:0 5%;
width:90%;
}

.header select { 
background: transparent;
border:1px solid #ddd;
display: inline-block; 
font: 16px 'gotham_medium';
height:30px;
width: 650px;
margin:10px 0 25px 0;
line-height: 1;
border: 0;
border-radius: 0;
-webkit-appearance: none;
text-transform:uppercase;
}

.nav02 { 
display:none;
}

.single {
padding:0 0 20px 0;
width:inherit;
}

.single img {
height:auto;
width:inherit;
}

.single h1, .single h2, .single h3, .single h4, .single p, .single ul, .single form {
padding:0 3%;
}

.col01, .col02, .col03, .uneven, .col03-1, .col03-2, .col04, .col04-1, .left, .right {
float:none;
width:inherit;
}

.slider, #slider, .slides_container, .slides_container div, .slides_control {
margin:0 0 20px 0 !important;
width:100% !important;
}

.slides_container div img {
width:100%;
}

.current-exibit-inner {
margin:0 auto;
}

.current-exibit, .slider2, #slider2, slider2 .slides_container div {
width:100% !important;
}

#slider2, #slider2 .slides_container div  {
height:182px !important;
}

.current-exibit img {
height:182px !important;
}

.current-exibit h3, .current-exibit p {
padding:0 5%;
}

.gifts {
padding:3% !important;
width:94% !important;
}

.gifts img {
width:214px !important;
}

.col03 h3 {
color:#818285;
margin:30px auto 10px auto;
width:240px;
}

.upcoming-exibit {
margin:0 auto;
width:241px;
}

.upcoming-exibit li a {
font: 22px/22px 'tradegothicboldcondensed';
width:241px;
}

.upcoming-exibit li a span:after {
content: url(images/arrow.gif);
}

.upcoming-exibit img {
height:auto;
width:241px;
}

.right {
margin:0 auto;
width:240px;
}

.right h3 {
color:#818285;
}

.hours, .latest-news {
margin:0 0 25px 0;
}

.latest-news ul {
width:241px;
}

.latest-news img {
height:auto;
width:241px;
}

.latest-news ul li a {
font: 22px/22px 'tradegothicboldcondensed';
width:241px;
}

.latest-news ul li a span:after {
content: url(images/arrow.gif);
}

.widget-text .fb-like-box {
display:none !important;
}

.footer fieldset {
margin:0 auto;
width:240px;
}

.footer ul, .footer img {
display:none;
}
}

/* ------------------------------------------------------------------------------------
  Mobile
-------------------------------------------------------------------------------------- */

@media (max-width:320px) {

 .header{border-top:none;}

}