/* CSS Document */

/* 
Thanks to html5doctor.com for the Reset Stylesheet
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
	font-size:15spx;
	 font-family: "chaparral-pro",sans-serif;
	font-weight:normal;
	color:#333333;
    vertical-align:baseline;
    background:transparent;
}

/* Common Styling
============================================================================ */
html { min-width: 290px; }
body {
    line-height:1.4;
	background-color:#e6e6e6;
	 font-family: "chaparral-pro",sans-serif;
	font-size:16px;
	color:#333333;
	font-weight:500;
	text-transform: none;
	overflow-x: hidden;
	max-width: 100%;
	-webkit-font-smoothing: antialiased;

}

img { max-height: 100%; max-width: 100%; position: relative; }
a:link img,
a:visited img { 
	/* opacity:0.8;
	filter:alpha(opacity=80); */ /* For IE8 and earlier */

}
a:hover img,
a:active img {}

p { margin-bottom: 1em; font-size: 16px; }

.typekit-badge {opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";}

body#alternate-styling {}

body#alternate-styling.portfolio, body.home {
	background:url(images/bg_line.gif) repeat-x #e6e6e6;
	background-position: 0 820px;
	color:#333333;
	
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

#page-header {
	height:86px;
	margin-bottom: 30px;
	position: relative;
	width: 100%;
	overflow: hidden; 
}

#page-header a#logo {
	float:left;
	margin:0 0 0 3%;
	height:86px;
}

header#page-header a:hover {}

a#logo img {}

#header-background {
    border-bottom: 1px solid #AAAAAA;
    left: 340px;
    position: absolute;
    top: 85px;
    width: 100%;	
}
#menu-icon { display: none; }
nav ul {
    list-style:none;
	margin:0;
	padding:0;
}

nav#main-nav {
	margin: 0 110px 0 4.25%;	
	float: left;
	width: 180px;
	position: relative;
	z-index: 9999;
	display: block;
	text-transform:uppercase;
	 font-family: "chaparral-pro",sans-serif;
	line-height:1.9;
	letter-spacing:0.5px;
	font-size:16px;
	color:#333333;padding-top: 0px;
}

nav#main-nav ul {
	padding: 0;
	margin: 0;	
}

nav#main-nav ul li {
	display:block;
	cursor: pointer;
	color:#333333;
	text-transform: capitalize;

}

nav#main-nav ul ul { display: none;}

nav#main-nav ul li ul { padding: 0 0 0 20px; }
.active { color:#bd4532; font-weight: 600; }

nav#main-nav ul li a:link, 
nav#main-nav ul li a:visited {
	position:relative;	
	color:#333333;
	text-decoration:none;
}

nav#main-nav ul li a:hover, 
nav#main-nav ul li a:active, 
nav#main-nav ul li a.active {
	color:#bd4532;
}

nav#main-nav ul li.parent > span { /* background: url("images/dropdown_default.png") no-repeat scroll right 3px transparent;*/ padding-right: 12px; font-family:  "chaparral-pro",sans-serif; }
nav#main-nav ul li.parent.open > span { background: url("images/dropdown_down.png") no-repeat scroll right 3px transparent; padding-right: 12px; }

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

h2 {
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	color: #BD4532;
	clear: both;
	margin-bottom: 5px;
}

a:link, a:visited {
    margin:0;
    padding:0;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.assistive-text {
	position:absolute;
	text-indent:-9999px;	
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

#container {
	width: 98%;
	padding-right: 2%;
	max-width:1200px;
	margin:0;	
	position:relative;
	
}



/* Main Content Styling
============================================================================ */

#main #container { width: 65%; float: left; margin-bottom: 50px; } 
.home #main #container { width: 65%; margin-left: 0;  }

.home a.home-img {
	margin:30px 0 0 0;
}

#main { width: 100%; max-width: 1200px; position: relative; }

#main p.main-text {
	float:left;
	text-align:right;
	width:275px;
	margin:255px 0 0;
	letter-spacing:1px;
	font-size:16px;
	color::#333333;
}

nav#main-nav {

}

img.section_head {
	margin:30px 30px 0px 0px;

}

.main-content {
	/*  Uncomment bottom two lines if you want to add back the scroller  */
	/*height:500px; 
	overflow:auto;*/
	position:relative;
	margin:10px 30px 30px 0px;
}

.main-content.scroll-pane { /*width:685px;*/ }

.main-content ul {
	margin:0;
	font-size:16px;
	letter-spacing:0px;
	line-height: 1.4;	
	list-style:none;
}

.main-content ul li {
	color:#333333;	
}

.biotext_grp {
	width:auto;
	float:left;
	border:none;
	text-align:left;
	margin-left:0px;
	color:#333333;
	}
.biotext_grp div,
.biotext_grp h2 { font-size: 16px; }
.biotext_grp li,
.biotext_grp p { font-size: 16px; letter-spacing:0px; }

.biotext_grp h2 {
    color: #bd4532;
    letter-spacing: 0.8px;
	font-weight:600;
    line-height: 1em;
    padding-top: 16px;
	padding-bottom:0px;
}

.biotext_year {
	width:68px;
	float:left;
	border:none;
	font-size:16px;
	clear: both;
	}
	
.biotext_exhibition {
	width:88%;
	float:left;
	border:none;
	margin-bottom:0px;
	font-size:16px;
}

.biotext_statement {
	width:650px;
	float:left;
	border:none;
	padding-bottom:10px;
	font-size:16px;
}

#biotext a:link {
    color: #bd4532;
    text-decoration: none;
}
#biotext a:visited {
    color: #bd4532;
    text-decoration: none;
}
#biotext a:active {
    color: #bd4532;
}
#biotext a:hover {
    color: #bd4532;
}





/* Gallery Styling
============================================================================ */

.royalSlider { height: 730px; }
#gallery-1 { float: left; width: 100%; position: absolute; padding: 0 3%; max-width: 1200px; }
.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { background: none; }

.rsContainer {}
.rsSlide { }
.rsOverflow { margin-left: 30%; width: 70% !important; padding-bottom: 30px; margin-bottom: 55px; height: 630px !important; }


#gallery-1 img { position: relative; }
img.rsImg { max-width: 100%; }
.rsNav { width: 100%; position: relative; }
.royalSlider.rsDefault .rsThumbsHor {
    height: 87px;
}

.rsDefault .rsThumb { width: 95px; height: 87px; }
.rsDefault .rsThumb img { padding-top: 7px; opacity: .7; filter:alpha(opacity=70); /* For IE8 and earlier */ }
.rsDefault .rsThumb.rsNavSelected { padding-top: 0; background: none; }
.rsDefault .rsThumb.rsNavSelected img { border-top: 3px solid #bf452d; padding-top: 4px; opacity: 1.0 !important; filter:alpha(opacity=100) !important; /* For IE8 and earlier */ }
.rsDefault .rsThumbsHor { margin: 0 0 40px; }

.rsDefault .rsThumbsArrow,
.rsDefault .rsThumbsArrow:hover { background: none; }
.rsDefault .rsThumbsArrow:hover {}

.rsDefault .rsGCaption {
    background: none;
	font-family: "chaparral-pro",sans-serif;
    bottom: 0px;
    color: #333333;
	font-size:16px;
	letter-spacing:0.5px;
    left: 0;
	position: relative; 
	border-radius: 0;
	top: 8px; 
}

.rsGCaption {     
	background: none;
	font-family: "chaparral-pro",sans-serif;
    bottom: 2px;
    color: #333333;
	font-size:16px;
	letter-spacing:1px;
    left: 0;
	border-radius: 0;
	top: 5px;
	text-align:center;
 }


#descriptions {
	clear: both;
	position: absolute;
	width: 165px;
	display: block;
	top: 400px;
    border-top: 1px solid #AAAAAA;
    padding: 10px 1.5% 15px 3%;
}

 
/* jScrollPane Styling - Scroll bar on Bio Page
============================================================================ */
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
	margin-left: 19px !important;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #eee;
	position: relative;
	border:1px solid #aaa;
	height:498px !important;
}

.jspDrag
{
	background: #d3d3d3;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* Devicification
============================================================================ */
@media only screen and (max-width : 1100px) {
	.rsDefault .rsThumbsArrow{ display: none; }
}

@media only screen and (max-width : 960px) {
	#header-background { left: 260px; }
	nav#main-nav { margin-right: 60px; }
	#main #container { width: 60%; }
	.home #main #container { width: 60%; }
	.rsOverflow { height: 530px !important; }
	.biotext_year { width: 60px; }
	.biotext_grp { margin-left: 0; }
}

@media only screen and (max-width : 860px) { 
	#header-background { left: 250px; }	
	.royalSlider {}
	#gallery-1 {/* height: 700px !important;*/ }
	.rsOverflow {
	    margin-bottom: 20px;
    	margin-left: 35%;
    	padding-bottom: 55px;
    	width: 65% !important;	
	}
	img.rsImg { max-height: 100%; }
	.rsDefault .rsThumbsHor {}
	.main-content { height: auto; margin-right: 0; }
	body#alternate-styling.portfolio { background-image: none; }
}

@media only screen and (max-width : 800px) {
	nav#main-nav { margin-right: 50px; }
	#main #container { width: 58%; }
	.home #main #container { width: 54%; }
	.biotext_exhibition { width: 80%; }
}

@media only screen and (max-width : 740px) {
	 body { overflow-x: hidden; }
	/*.rsOverflow { height: 600px !important; }*/
}


@media only screen and (max-width : 700px) { 
	#gallery-1 { }
	.rsOverflow {
    	margin-left: 40%;
    	padding-bottom: 55px;
    	width: 60% !important;	
		/*height: 490px !important;*/
	}
	.rsDefault .rsGCaption { text-align: center;margin-left: 40px; margin-right: 40px;}
	#main #container { width: 55%;}
}


@media only screen and (max-width : 600px) {
	#header-background { display: none; }
	#page-header a#logo { float: none; display: block; margin: 0 auto; text-align: center; }
	
	/*  Main Nav Menu  */
    nav#main-nav { float: none; margin: 0 auto; width: 190px; }
	#menu-icon {
    color: #000;
	width: 40px; 
	height: 26px;
	background: url("images/menu-icon.png") no-repeat scroll 10px center #ECEBEB;
	padding: 8px 10px 1px 43px;
	cursor: pointer;
	border: 1px solid #666;
	display: block;
	margin-bottom: 10px;
    }
    
    #main-nav ul.main {
    clear: both;
	position: absolute;
	top: 36px;
	width: 180px;
	z-index: 9999;
	padding: 5px;
	background: #F8f8f8;
	border: 1px solid #999;
	display: none; /* visibility is toggled with jquery  */
	left: 0; 
	float: none; 
    }
    
    #main-nav li { display: block; right: 0; margin: 3px 0; }
	#main-nav li.parent { padding: 6px 0px 6px 4px; }
	#main-nav li a { padding: 6px 0px 6px 4px; display: block; }
    
    #main-nav li ul { left: 150px; top: 0; padding-right: 12px; }
	 
	#main { margin: 0 3%; width: 94%; }
	#main #container { width: 100%; }
	.home #main #container { width: 94%; }
	#gallery-1 { position: relative; text-align: center; margin-top: 20px; }
	#gallery-1 { height: 680px !important; }
	.rsOverflow {
    	margin-left: 0;
    	padding-bottom: 52px;
    	width: 100% !important;	
		/*height: 360px !important;*/
	}
	.jspVerticalBar { display: none; }
	.jspPane { position: relative; margin-left: 0 !important; }
}
@media only screen and (max-width : 400px) {
	.rsOverflow { height: 430px !important; }
	.biotext_exhibition { width: 76%; }
}
@media only screen and (max-width : 330px) {
	.rsOverflow { height: 330px !important; }
}
@media screen and (min-width: 600px){ 
	#main-nav { display:block !important; } 
}

@media only screen and (min-width: 768px) {
	.rsThumbsArrowIcn {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) {
	.rsThumbsArrowIcn {
		display: block !important;
	}
}

@media only screen and (max-width: 767px) {
	.rsSlide {
		display: flex !important;
		align-items: end !important;
		justify-content: center !important;
	}
}