/*
 *************************************
 AdFrame Styles File 
 Created by Adam Jones, Copyright 2010
 
 CSS File for rolloart.com
  
 Created: 5/10/10
 Updated: 22/12/10
 *************************************
*/

#previewblock {
	font-weight:bold;
	background-color:#900;
	padding:10px;
	color:#FFF;
	position:fixed;
	top:0px;
	left:0px;
	width:80px;
	
	font-size:16px;
}
body {
	/*background-color: #e7e7e7;*/
	color:#000;
	
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica,sans-serif;
	
	margin:0px;
	padding:0px;
	border:0px;
	height: 100%;
}
html {
	height: 100%;
}
form {
	/* fix opera/ie form padding issues */
	margin: 0;
	padding: 0;
}
h1 {
	margin: 0;
	padding: 0;
}
h2 {
	margin: 0;
	padding: 0;
}
h3 {
	margin: 0;
	padding: 0;
}
h4 {
	margin: 0;
	padding: 0;
}
h5 {
	margin: 0;
	padding: 0;
}
h6 {
	margin: 0;
	padding: 0;
}
img {
	border:none;
	outline:none;
}
ul {
}
li {
	
}
blockquote {
	margin-left:10px;
}
A {
	text-decoration:none;
	color:#5a5758;
}
A:visited {
	text-decoration:none;
}
A:hover {
	text-decoration:none;
}
a:active, a:focus { 
	/* force remove of dotted borders */
	border:none; outline:none;
}
/*  GENERAL CSS : END */

/* AdFrame MISC ; START */
#debug {
	position:fixed;
	float:left;
	background-color:#000000;
	color:#ffffff;
	padding:10px;
	margin:10px;
	opacity:0.7;
	filter:alpha(opacity=70);
	z-index:99999;
}
#debug a {
	color:#FFF;
	font-size:9px;
}
#debug a:hover {
	color:#CCC;
}
#warnings {
	position:fixed;
	float:left;
	background-color:#990;
	color:#ffffff;
	padding:10px;
	margin:10px;
	opacity:0.7;
	filter:alpha(opacity=70);
	z-index:99999;
}
#warnings a {
	color:#FFF;
	font-size:9px;
}
#warnings a:hover {
	color:#CCC;
}
#debug_urlrewrite {
	position:fixed;
	right:0px;
	background-color:#000000;
	color:#ffffff;
	padding:10px;
	margin:10px;
	opacity:0.7;
	filter:alpha(opacity=70);
	z-index:99999;
}
#debug_urlrewrite_inner {
}
.ext-link {
	text-decoration:none;
}
a.ext-link {
	text-decoration:none;
}
/* AdFrame MISC : END */


/* CENTRAL CSS 2009! - START */
/* note 1: check your doctype! This CSS was written for 4.01 quirks but does work in 4.01 STRICT */
/* note 2: requires specific ie 7 or less mods */


#container1 {
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: table;
}

#container2 { 
	/* fill height container*/
	width:990px;
	height:100%;
	display: table-cell;
	
}
#container3 {
	width:990px;
	height:100%;
	/*height:815px;*/
	vertical-align: top;
	/* key to make content centre within container2 */
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	
}
/* CENTRAL CSS - END */

#innerbody {
	width:816px;
	border:1px solid #ffffff;
	
	margin-left:auto;
	margin-right:auto;
}

/* Header starts */
#header {
	margin-top:44px;
	/*height:122px;*/
	height:110px;
	width:816px;
}
#headerright {
	padding-top:30px;
	padding-right:22px;
	display:inline;
	float:right;
}
#logo {
	vertical-align:bottom;
	padding-left:22px;
	padding-top:33px;
	text-decoration:none;
}
#topleftlogo {
	position:relative;
	top:10px;
}



/* subnav */
#menuSelected {
	width:650px;
	height:30px;
	
	position:relative;
	
	left:244px;
	top:14px;
	
	margin:0; 
	padding:0; 
	list-style:none;
	
	z-index:1;
}
#menuSelected ul {
	padding:0; 
}

#menuSelected li {
	float:left; 
	display:block; 
	
	z-index:500; 
	margin:0 1px;
}
#submenu1 {
	padding-left:0px;
	width:117px;
}
#submenu2 {
	width:91px;
}
#submenu3 {
	width:95px;
}
#submenu4 {
	width:123px;
}
#submenu5 {
	width:86px;
}
#submenu6 {
	width:100px;
}


	
/* NAV : START */
#pagelogo {
	position:absolute;	
}
#menuwrapper {
	position:relative;
	top:13px;
	left:244px;
	
	width:650px;	/*important to stop horiz scrollers! */
	
	color:#a8a9ab;
	text-decoration:none;
	
}
#menuwrapper a{
	text-decoration:none;
}
#menuwrapper a:hover{
	
	text-decoration:none;
}
#nav {
	margin:0; 
	padding:0; 
	list-style:none;
}
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
	float:left; 
	display:block; 
	
	position:relative;
	z-index:500; 
	margin:0 1px;
	background-color:#fff;
	margin-right:56px;	/* spacing! */
}

/* this is the parent menu */
#nav li a {
	display:block; 
	text-decoration:none;
	text-align:left;
	color:#5a5758;
}
/* you can make a different style for default selected value */
#nav a.selected {
	
}

/* submenu, it's hidden by default */
#nav ul {
	position:absolute; 
	left:0; 
	display:none; 
	margin:0 0 0 -1px; 
	padding:0; 
	list-style:none;
	
	
}
#nav ul li {
	float:left;
	/*vital to hide showing menus... */
	background-color:#fff;
	width:80px;
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
	display:block;  
	font-size:12px;
	margin-top:1px;
	text-decoration:none;
}

#nav ul a:hover {
	font-size:12px;
	
}
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}
.menuright {
	width:auto ;
	white-space: nowrap;
	width:80px;
}

/* NAV: END */



/* Footer */
#footerWrapper{
	position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
	
	width:816px;
	
	margin-left:auto;
	margin-right:auto;
}
/* Footer Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
#footer {
	color:#a7a9ac;
	background-color:#FFF;
	
	width:816px;
	height:20px;
	
	
}
#footer a {
	color:#5a5758;
	text-decoration:none;
}
#footerl {
	background-color:#FFF;
	float:left;
}
#footerr {
	background-color:#FFF;
	float:right;
	
}
/* footer end */



/* general.... */
#mainarea {
	border:0px;
	margin:0px;
	padding:0px;
	margin-bottom:30px;
}
#navspace {
	position:relative;
	display:block;
	float:left;
	width:210px;
	margin-right:30px;
	
	padding-left:1px;
	
	font-size:12px;
	line-height:18px;
	color:#5a5758;
}
#navspace p{
	margin-top:0px;
}


#contentspace {
	position:relative;
	left:2px;
	float:left;
	width:575px;
	
	
}
#contentspace p{
	margin-top:0px;
}
#homeTextIntro {
	position:absolute;
	display:inline-table;
	padding:8px;
	float:left;
	font-weight:500;
	z-index:501;
	
	width:420px;
}
.homeTextIntroPara {
	margin-bottom:20px;
}

#homeTextIntro a{
	text-decoration:none;
}
#homeTextIntro a:hover{
	text-decoration:none;
}

#homeimagearea {
	position:relative;
	width:100%;
	height:100%;
	cursor:pointer;
	z-index:499;
	
	left:2px;
}

.homepageimage {
	z-index:500;
	width:816px;
}
#homepageimage_imageoverlay {
	position:absolute;
	
	z-index:600;
	width:816px;
	height:530px;
	
	opacity:.60; /*FF/OPERA/Chrome*/
	filter: alpha(opacity=60); /*IE 5-7*/
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

/* exhib list... */
.exhibListImage {
	width:170px;
	vertical-align:top;	
}
.exhibListName{
	width:170px;
	margin-top:1px;
	margin-bottom:1px;
}
.exhibListArtists{
	width:170px;
	margin-bottom:1px;
}
.exhibListDates{
	width:170px;
	margin-bottom:20px;
	color:#99999c;
}
.exhibTable {
	position:relative;
}
.exhibTableTR {
	vertical-align:top;
}
.exhibTableTD {
	width:190px;
	font-size:11px;
	color:#898a8d;
	line-height:14px;
}
.exhibTableTD a{
	color:#898a8d;
}
.exhibTableTD a:hover{
	/*color:#231f20;*/
}
#exhibNavArtists {
	width:200px;
}
.artistNoWrap {
	/* white-space:nowrap; */
	display:inline-block;
	color:#5a5758;
}
a.artistNoWrap {
	color:#5a5758;
}
.artistNoWrap a:link{
	color:#5a5758;
}
.artistNoWrap a:visited{
	color:#5a5758;
}


.exhibListYearsNav a{
	color:#898a8d;
}
.exhibListYearsNav a:hover{
	color:#898a8d;
}
#NavIntenter {
	margin-left:12px;
	
}



/* artwork list... */
.artworkListImage {
	width:170px;
	vertical-align:top;	
	margin-bottom:27px;
	
}
.artworkListName{
	width:170px;
	margin-bottom:3px;
}
.artworkListArtists{
	width:170px;
	margin-bottom:3px;
}
.artworkListDates{
	width:170px;
	margin-bottom:20px;
	color:#99999c;
}

.exhibTableTR {
	
	vertical-align:top;
}
.exhibTableTD {
	width:200px;
	color:#898a8d;
}
.exhibTableTDFirst .artworkListImage{
	
}
.exhibTableTDLast {
	width:170px;
}
.exhibTableTD a{
	color:#898a8d;
}
.exhibTableTD a:hover{
	/*color:#231f20;*/
}

#exhibNavTitle {
	
}
#exhibNavDates {
	color:#99999c;
}
#exhibNavVenue {
	color:#99999c;
}

/* image viewer */
#imageViewOuterWrapper {
	
}

#imageViewerWrapper {
	width:auto;
	display:inline-block;
	height:100%;
	
	position:relative;
	left:-17px;
}
#imageFullSize {
	padding-left:17px;
	padding-right:17px;
	
}
#videoWrapper {
	padding-left:17px;
	padding-right:17px;
	
}
#leftScrollWrapper {
	position:absolute;
	background-color:#fff;
	height:100%;
	width:12px;
}
.imageViewerBtnPRL {
	position:absolute;
	top:47.5%;
	
	margin-right:5px;
	float:left;
}
.imageViewerBtnPRR {
	position:absolute;
	top:47.5%;
	
	margin-left:5px;
	right:0;
}
#imageDetailsLS {
	width:570px;
	overflow:hidden;
}
#imageDetailsArtist {
	font-style:italic;
	color:#5a5758;
}
#imageDetailsArtist a {
}
#imageDetailsPR {
	width:180px;
	overflow:hidden;
}
#imageViewerInfoLS {
	margin-top:5px;	
	font-size:11px;
	line-height:14px;
}
#imageViewerInfoPR {
	position:absolute;
	left:395px;
	width:170px;
	top:0px;
	
	font-size:11px;
	line-height:14px;
}

.ligherGrey, .ligherGrey a {
	/* color:#99999c; */
}


/* artists listing pages */
.artistListName a{
	color:#5a5758;
}

/* publication listings*/
#pubListWrapper {
	width:170px;	
}
.pubListImage {
	margin-bottom:5px;				
				
}
.pubListName{
	color:#231f20;
}
.pubListName a{
	color:#231f20;
}
.pubListContribs {
	color:#5a5758;
}
.pubListYear {
	color:#231f20;
}
.pubListISBN{
	color:#231f20;
}
.pubListPrice{
	color:#231f20;
}

.pubTableTR {
	vertical-align:top;
}
.pubTableTD {
	width:190px;
	font-size:11px;
	color:#898a8d;
	padding-bottom:28px;
	line-height:14px;
}
.pubTableTD a{
	/* color:#898a8d; */
}
.pubTableTD a:hover{
	/*color:#231f20;*/
}

/* gallery */
#contentspacegallery {
	position:relative;
	left:2px;
	float:left;
	width:468px;	/* special width */
}
#contentspacegallery p{
	margin-top:0px;
}


/* news */
#newsspace {
	position:relative;
	left:2px;
	float:left;
	width:725px;	/* width to right side of news menu item */
}
.NewsItemHR {
	border-bottom:1px solid #e9eaea;
	width:725px;
}
.NewsItemWrapper {
	margin-bottom:30px;
	width:725px;
}
.NewsItemPic {
	margin-top:7px;
	margin-bottom:20px;
	float:left;
	width:243px;
}
.NewsItemTitle {
	position:relative;
	top:-2px;
	font-weight:bold;
	margin-top:7px;
	vertical-align:top;
	color:#231f20;
}
.NewsItemCopy p {
	margin-top:0px;
	color:#000;
}
.NewsItemCopy{
	float:left;
	width:480px;
	color:#5a5758;
	margin-bottom:20px;
}
.NewsItemCopy a{
	font-weight:normal;
}


/* contact pages */
#ConactNavWrapper {
	color:#000;
}


/* ml form */
.mlFormItem {
	position:relative;
	height:30px;
	border-bottom:1px solid #d3d4d6;
}
.mlFormItemOther {
	position:relative;
	top:2px;
	
	width:575px;
	height:1px;
	border-top:1px solid #d3d4d6;
	
	margin-bottom:35px;
}
.mlItemTitle {
	float:left;
	width:100px;
	display:block;
	position:absolute;
	bottom: 0px; 
	
	color:#919294;
}
.mlTextField {
	left:120px;
	display:block;	
	width:415px;
	
	position:absolute;
	bottom: 0px; 
	color:#ED1093;
	border:none 0px;
	
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica,sans-serif;
}
.mlTextFieldOther {
	left:50px;
	display:inline;	
	width:415px;
	
	position:relative;
	top:2px;
	color:#ED1093;
	border:none 0px;
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica,sans-serif;
	
	z-index:1;
}

#mlFormInterestAreas1 {
	margin-top:45px;
}
#mlFormInterestAreas2 {
	margin-top:45px;
	margin-bottom:40px;
}
.mlFormBoldTitle {
	color:#666;	
	margin-bottom:22px;
}
.mlFormCheckItem {
	margin-bottom:2px;
	cursor:pointer;
}
.mlFormCheckItem input {
	padding-right:2px;
}
#mlFormEnquiries {
	margin-bottom:40px;	
}
#mlEnquiries {
	width:355px;
	height:160px;
	
	bottom: 0px; 
	color:#ED1093;
	border:1px solid #bdbfc1;
	margin-top:3px;
}
#mlSubmitDiv {
	margin-top:35px;
	margin-bottom:35px;
}


/* misc */
#ArtistCopyWrapper {
	width:468px; /* special width */
}

#creditDiv {
	position:absolute;
	top:336px;
	width:100px;
}
#creditDiv a{
	font-size:11px;
}

.doubleline {
	line-height:17px;
	margin-top:2px;
	margin-bottom:2px;
}
.postSuccess {
	color:#060;
	margin-bottom:25px;
}
.postError {
	color:#900;
	margin-bottom:25px;
}


/* formGFX */
.checkbox, .radio {
	width: 19px;
	height: 10px;
	padding: 0 5px 0 0;
	margin-top:4px;
	
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(../res/radio.gif) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(../res/select.gif) no-repeat;
	overflow: hidden;
}