@charset "UTF-8";
/* CSS Document */

html {height:100%; -webkit-text-size-adjust:100%;}
body, p, h1, h2, h3, img, ul, li {margin:0; padding:0;}
a:link, a:visited {color:#6C7173; text-decoration:none;}
a:hover, a:active {color:#6C7173; text-decoration:underline;}
p, h1 {line-height:15px; padding:9px 0;}
img {border:0;}
.container {max-width:900px; margin:0 auto;}
ul {list-style-type:none;}
li {display:inline; padding:0 4px;}
.bigger {font-size:125%;}
.nowrap { white-space: nowrap; }
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6C7173;
	}
#header {
	font-size:15px;
	color:#6C7173;
	height:90px;
	border-bottom:#6C7173 1px solid;
	}
.middle {
	width:100%;
	}
#footer {font-size:10px; text-align:center; color:#6C7173;}
.content{margin:0 auto; padding:70px 2%; max-width:560px; text-align:justify;}

#header img {margin:36px 0 16px 47px; float:left;}
#nav {float:right;}
#header ul {margin:61px 44px 0 0;}

.content > div[class^="col"] {
	display: inline-block;
	width: 43%;
	padding: 0 3%;
	vertical-align: top;
}
@media screen and (max-width: 700px) {
	.content > div[class^="col"] {
		width: 94%;
	}
	.content .col1 {
		padding-bottom: 30px !important;
	}
}
.content a:link, .content a:visited {color:#6C7173; text-decoration:underline;}
.content a:hover, .content a:active {text-decoration:none;}
.content a[href^="tel:"] {text-decoration: none;}
a.swypebox:link, a.swypebox:visited {
	text-decoration: none;
}
.content li {display:block; padding:4px 0;}
.content p {line-height:20px;}

h1 {text-align:center; font-size:13px; font-weight:400;}
h1 img {margin:0 4px 1px;}
#end {background:url(images/decorationB.gif) no-repeat scroll center;}
#galNav, #aboutNav {width:100%; padding:0; text-align:right; line-height:33px;}
#galNav ul, #aboutNav ul {margin:0 44px 0 0;}
#galNav a:link, #galNav a:visited, #galNav a:hover, #galNav a:active {color:#6C7173;}
#aboutNav a:link, #aboutNav a:visited, #aboutNav a:hover, #aboutNav a:active {color:#6C7173;}
#gallery .content {padding:53px 0 70px; max-width:900px; text-align:center;}
#about .content {padding:53px 2% 70px;}
#gallery .content img {border:#3D3D43 2px solid; margin:17px;}
#gallery .content .sized {text-align:left;}
#gallery .content .sized .section > * {vertical-align:top;}
#gallery .content .sized .sizeLabel {display:inline-block; width:112px; text-align:right;}
.sizeLabel h2 {
	font-size:24px;
	font-weight:300;
	line-height:24px;
	padding:45px 0 0;
}
.singles {margin:0 0 0 48px;}
.singles h2 {
	font-size:24px;
	line-height:24px;
	font-weight:300;
	display:inline-block;
	vertical-align:middle;
	padding:0 4px 0 0;
}
.singles img {
	display:inline-block;
	vertical-align:middle;
}
#gallery .content .sized .sizeThumbs {display:inline-block; max-width:784px;}
#gallery .content .sized .sizeThumbs > * {vertical-align:middle; display:inline-block;}

.grid-item {width:288px;}
.grid-item.w2 {width:450px;}
.grid-item.w3 {width:550px;}

#reviews, #contact .content, #exhibitions .content, #articles .content {text-align:center;}
h2 {font-size:13px; line-height:15px; padding:9px 0;}
#footer p {line-height:12px; padding:7px 2%;}
#home .content, #book .content {max-width:100%; text-align:center;}
#welcome img {max-width:100%; height:auto; /*border:#3D3D43 2px solid;*/}
#articles .content {max-width:800px;}
#exhibitions #gallery .content {padding:0 0 20px;}
.left {float:left; /*max-*/width:400px;}
.right {float:right; /*max-*/width:400px;}
.clear {clear:both; line-height:0;}
.fw300 {font-weight:300;}
.noborder {
	border: 0 !important;
}
@media screen and (max-device-width: 950px), (max-width: 950px) {
	#gallery .content .sized .sizeLabel {
		width:100%;
		text-align:left;
		padding:0 0 0 15px;
	}
}
@media screen and (max-device-width: 800px), (max-width: 800px) {
		body {font-size:16px;}
		h1 {
			font-size:18px;
		}
		#header {
			height:auto;
			margin:0 10px 15px;
			font-size:18px;
			text-align:center;
			}
		#header img {
			float:none;
			margin:35px 0 16px;
			}
		#header ul {margin:0;}
		#nav, .left, .right {
			float:none;
			}
		#nav li, #galNav li, #aboutNav li {
			line-height:150%;
			padding:0 10px;
			}
		#galNav ul, #aboutNav ul {margin:0; padding:0 2%; text-align:center;}
		.content {padding:30px 2% 50px; margin:0; max-width:100%;}
		h1, #aboutNav, #reviews, #contact .content, #exhibitions .content, #articles .content, .container, .content {text-align:left;}
		#home .content {text-align:center;}
		#gallery .content {padding:20px 10px 40px;}
		#gallery .content .sized .sizeLabel {
			padding:0;
		}
		#gallery .content img{
			border:#3D3D43 2px solid;
			margin:8px 8px 0 0;
		}
		.singles {margin:0;}
		.singles h2 {
			width:100%;
			padding:45px 0 0;
		}
}