/*-------------------------------------------------
Resets 
-------------------------------------------------*/
* { margin: 0; font-size: 100%; outline: none; padding: 0; } /*      */
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
/*   th, b, strong,   */ h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
/*	table { border-collapse: collapse; border-spacing: 0; } */
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1em; background: white; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; margin:0; padding:0; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
u { text-decoration: underline; }
no-u { text-decoration: none; }
/*-------------------------------------------------
Standards / HTML
-------------------------------------------------*/
html { overflow-y:scroll; } /*	Prevent Firefox Scrollbar Jump	*/
a, input[type=submit], label, select, .pointer { cursor:pointer; } /*	CSS Pointer Cursors	*/

/*   .clear prevents divs from flaoting out side a container div.   */
.clear, .clear_margin{
height:0;
font-size:0;
line-height:0;
clear:both;
}

.fit_image { margin-bottom: -4px; }
.fit_image, .noborder{ border:0; } /* this removes the white space below an image in FF*/

.loc { border:1px solid green; }

/*-------------------------------------------------
Client Side - Site wide 
-------------------------------------------------*/
@font-face {
	font-family: Context-Light;
	src: url('Context-Light-SSi-Light.ttf');
}

@font-face {
	font-family: Context-Light-Italic;
	src: url('context-light-condensed-ssi-light-condensed-italic.ttf');
}

@font-face {
	font-family: Context-Light-Bold;
	src: url('Context-Reprise-Medium-SSi-Medium.ttf');
}

@font-face {
	font-family: Context-Medium;
	src: url('Context-Reprise-Medium-SSi-Medium.ttf');
}

body { 
	font-family: Context-Light, Arial, Helvetica, sans-serif;
	line-height: 135%; 
	font-size: 15px; 
	background-color: #fff;
	color: #666666;
	width:100%;

}

#header {
	position:relative;
	margin:0 auto; 
	width:1050px; 
	height:50px;
}

#content{
	margin:0 auto; 
	width:1050px; 
	height:550px;
	position:relative;
}

a {
	text-decoration: none;
	color: #333333; /* red */
}

a:hover {
	text-decoration: none;
	color: #999999;
}

.lfloat { float:left; }
.rfloat { float:right; }

.wrap-indent {
   margin-left:15px;
   text-indent: -15px; 
}

div.alertbox {
	position: absolute;
	left: 50%;
	top: 260px;
	margin-left:-250px;
	z-index:10000;
	width: 500px;
	background-color: #101010;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 3px solid #7f7f7f;
	color: #fff;
	list-style:none;
	font-size:15px;
	padding: 16px;
}

#left-column {  
	float:left; 
	margin-left:31px; 
	margin-top:87px;
	height:385px; 
	width:165px;
}

#middle-column {  
	float:left; 
	width:580px;
	margin-top:87px;
}

#right-column {  
	float:left; 
	width:270px;
	height:472px; 
	position:relative;
}

#image-info {
	margin-left:175px;
	height:200px;
	width:625px;
}

#captionArtists {
	margin:0 21px;
	float:left;
	font-size:18px;
	color:#666666;
	height:25px;
}

#captionArtName {
	margin-left:20px;
	float:left;
	font-size:15px;
	color:#666666;
	height:25px;
	padding-top:2px;
}

#captionMore {
	float:right;
	font-size:12px;
	color:#333333;
	height:25px;
	padding-top:2px;
}
/*-------------------------------------------------
Sprites - http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites
-------------------------------------------------*/

.sprite { background:url("../images/site/sprite.png") no-repeat; display:block; }

/* header section	*/
/* 
.header_logo		{ width:518px; height:34px; background-position:-273px -0px; } 
.login				{ width:102px; height:51px; background-position:-521px -99px; }
.login:hover		{ width:102px; height:51px; background-position:-521px -150px; }
*/

.logo				{ width:217px; height:26px; background-position:-0px -0px; position:absolute; top:25px; left:29px; } 
.ravenwave			{ width:23px; height:15px; background-position:-368px -0px; } 
.tooltip-container	{ width:239px; height:50px; background-position:-0px -30px; padding:15px 0px 0 0px; } 
.submit				{ width:77px; height:19px; background-position:-391px -0px; } 
.pdf-icon			{ width:17px; height:16px; background-position:-468px -0px; } 
.video-play			{ width:128px; height:128px; background-position:-239px -30px; z-index:11; position:relative; top:285px; left:230px; display:none; } 
.arrow-left			{ width:11px; height:22px; background-position:-217px -0px; cursor:pointer; float:left; }
.arrow-left:hover	{ width:11px; height:22px; background-position:-239px -0px; }
.arrow-right		{ width:11px; height:22px; background-position:-228px -0px; cursor:pointer; float:left; }
.arrow-right:hover	{ width:11px; height:22px; background-position:-250px -0px; }

/*-------------------------------------------------
FORMS
-------------------------------------------------*/

.field_title{
	font-weight: bold;
	color:#666666;
}

.field_copy{
	color: #666;
	font-size:11px;
}

.field_box{
	padding:10px 10px 5px 10px;
	margin-top:5px;
	width:240px;
}

/*
.field_box span{
	color: #D7D8D7;
	font-size:12px;
}
*/

select.normal {
	width: 235px;
	padding:5px;
	border:1px solid #D7D8D7;
}

textarea.normal {
	width: 98%;
	height:70px;
	padding:5px;
	overflow:auto;
	border:1px solid #D7D8D7;
}

input[type=text], input[type=password] {
	width: 200px;
	padding:5px;
}

input[type=radio] {
	margin:5px 10px 0 0;
}

input[type=checkbox] {
	margin:5px 10px 0 0;
}

input[type=submit] {
	width:100px;
	height:30px;
}

.buttons {
	width:100px;
	height:30px;
}

input.normal {
	width: 220px;
	padding:5px;
	border:1px solid #D7D8D7;
}

.address_box{
	float:left;
	padding:10px;
	margin:0px 20px 2px 20px;
	width:380px; 
}

/*-------------------------------------------------
Main Navigation
-------------------------------------------------*/

.UpMenus, .PastMenus {
	position:absolute;
	left:29px;
	width:1px;
	height:63px;
	padding:0px;
	border:0px;
	list-style-type:none;
	overflow:visible;
}
.UpMenus li, .PastMenus li {
	position:relative;
	float:left;
	width:200px;
	height:16px;
	padding:2px 0px;
	overflow:visible;
	cursor:pointer;
	cursor:hand;
	font-size:15px;
}
.UpMenus li:hover, .PastMenus li:hover {
	color:#999999;
}
.UpMenus li ol, .PastMenus li ol {
	position:absolute;
	bottom:10px;
	/*width:160px;*/
	height:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	overflow:hidden;

}

.UpMenus li ol.Up, .PastMenus li ol.Up {

}
.UpMenus li ol li, .PastMenus li ol li {
	color:#333333;
	margin-left:12px;
	font-size:12px;
	white-space: nowrap;
}
.UpMenus li ol li:hover, .PastMenus li ol li:hover, .active {
	color:#999999;
}

/*-------------------------------------------------
Right Navigation
-------------------------------------------------*/

.RightMenus {
	position:absolute;
	bottom:0px;
	left:29px;
	padding:0px;
	border:0px;
	list-style-type:none;
}
.RightMenus li {
	cursor:pointer;
	cursor:hand;
	font-size:15px;
}
.RightMenus li:hover {
	color:#999999;
}
.RightMenus li ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.RightMenus li ul li {
	color:#333333;
	margin-left:12px;
	font-size:12px;
}
.RightMenus li ul li:hover, .active {
	color:#999999;
}

/*-------------------------------------------------
Artists Slideshow
-------------------------------------------------*/

/* styling for the image wrapper  */
#image_wrap {

	/* dimensions */
	margin:0px;
	padding:0px;

	/* centered */
	text-align:center;

}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 580px;
	height:85px;
	margin:0 10px;
	z-index:10;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:580px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	padding:0px;
	width:110px;
	cursor:pointer;
}

/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


/*-------------------------------------------------
Overlay
-------------------------------------------------*/

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	width:780px;
}

/* the overlayed element */
.custom {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url("../images/site/white2.png");
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	 width:784px;
	 /*height:800px;*/
	
	/* some padding to layout nested elements nicely  */
	padding:30px 22px 0 34px;

	/* a little styling */	
	font-size:12px;

	line-height:130%;

	/* position: fixed !important; */

}

/* default close button positioned on upper right corner */
.custom .close {
	background-image:url("../images/site/overlay-close.png");
	position:absolute; 
	right:20px; 
	top:710px;
	cursor:pointer;
	height:15px;
	width:15px;
}

#lr-arrows {
	position:absolute; 
	left:34px; 
	top:702px;
	cursor:pointer;
}

.overlay-title {
	color:#666; 
	font-size:18px; 
	margin-bottom:15px;
}

.style1 {
	color:#666; 
	font-size:18px; 
}

.style2 {
	font-family: Context-Light-Bold, sans-serif;
	font-weight:bold;
}

.style3 {
	font-family: Context-Light-Italic, sans-serif;
	font-style: italic;
}

/*-------------------------------------------------
Styled Selects 
- http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/
- http://www.readactor.com/articles/jquery-checkbox-radio-button-and-selectbox-css-styling-solutions/
-------------------------------------------------*/

.select {
	position: absolute;
	width: 236px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 28px;
	padding: 4px 24px 0 8px;
	color: #fff;
	font: 15px arial,sans-serif;
	background: url("../images/site/select.png") no-repeat;
	overflow: hidden;
}

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url("http://chambersgallery.com/images/site/checkbox.gif") no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url("http://chambersgallery.com/images/site/radio.gif") no-repeat;
}

/*-------------------------------------------------
Tooltip 
- http://craigsworks.com/projects/simpletip/
-------------------------------------------------*/

.tooltip{ 
	position: absolute; 
	top: 0; 
	left: 0;
	z-index: 12; 
	display: none;
	font-size:12px;
	color:#666666;
}

/*-------------------------------------------------
Accordion 
- http://flowplayer.org/tools/demos/tabs/accordion.html
-------------------------------------------------*/

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion, #right-accordion {
	width: 200px;
	position:absolute;
	left:29px;
}

#accordion {
	width: 140px;
}

/* accordion header */
#accordion h2, #right-accordion h2, .navlinks {
	color:#333333;
	margin:0;
	padding:2px 0px;
	cursor:pointer;		
}

/* accordion header */
#accordion h2:hover, #right-accordion h2:hover, .navlinks {
	color:#999999;
}

/* currently active header */
#accordion h2.current, #right-accordion h2.current {
	cursor:pointer;		
}

/* accordion pane */
#accordion .pane, #right-accordion .pane {
	border-width:0 2px;
	display:none;
	padding:0 15px;
	color:#333333;
	font-size:12px;
}