@charset "UTF-8";
/* CSS STYLES FOR LONGVIEWGALLERY.COM */
@import url("includes/reset.css");


/* *********************
     LAYOUT GLOBAL
***********************/

html {  }

body { text-align:center; font-family:Arial, Helvetica, sans-serif; color:#efefef; font-size:12px; line-height:18px; background-image:url(images/bg.gif); background-repeat:repeat-x; background-color:#efefef; }

div#pageContent { width: 1150px; position:relative; margin: 0 auto; text-align: left;  }

div#bannerContent { position:relative; margin-top:17px; width: 1150px; height:85px; text-align:left;   }

div#mainContainer {    }

div#footer { color:#999; font-size:11px; width:1100px; margin:0 auto; position:relative; top:-13px; }

div#footerRight { float: right; text-align:right; }

img#logo { position:relative; top:0px; left:20px; }

/* *********************
     PAGE BLOCKS
***********************/


div#homeBox{ width:1150px; height:580px; background-image:url(images/box.gif); background-repeat:no-repeat; position:relative; text-align:center; padding-top:2px; }

div#interiorText { width:700px; height:540px; text-align:left; margin-left:375px; overflow:auto; padding-top:5px; }

div#interiorTextLeft { float:left; margin-left:40px; width:300px; height:540px; overflow:auto; }

div#interiorTextRight { width:700px; height:540px; text-align:left; position:relative; left:35px; overflow:auto; }




div#interiorBox { width:1150px; height:570px; background-image:url(images/box_about.jpg); background-repeat:no-repeat; background-position:top;  padding-top:20px; }

div#interiorBoxSpace { width:1150px; height:570px; background-image:url(images/box_space.jpg); background-repeat:no-repeat; background-position:top;  padding-top:20px; }


/* *********************
      NAVIGATION
***********************/

#nav { list-style-image:none; list-style-position:outside; list-style-type:none; width: 620px; height:40px; position:absolute; top:40px; left:515px; }

#nav li { float:left; height:40px; overflow:visible; }
	
#nav li a {	display: block; text-indent: -9999px; height: 40px; background-image: url(images/nav.gif); background-repeat:no-repeat; }

#nav li.home a, #nav li.home a:link, #nav li.home a:visited { width:82px; background-position:0 0; }
#nav li.home a:hover, #nav li.home a:focus, #nav li.home a:active, #nav li.home_on a { width:82px; background-position:0 -40px; }

#nav li.artists a, #nav li.artists a:link, #nav li.artists a:visited { width:85px; background-position:-82px 0; }
#nav li.artists a:hover, #nav li.artists a:focus, #nav li.artists a:active, #nav li.artists_on a { width:85px; background-position:-82px -40px; }

#nav li.exhibitions a, #nav li.exhibitions a:link, #nav li.exhibitions a:visited { width:116px; background-position:-167px 0; }
#nav li.exhibitions a:hover, #nav li.exhibitions a:focus, #nav li.exhibitions a:active, #nav li.exhibitions_on a { width:116px; background-position:-167px -40px; }

#nav li.space a, #nav li.space a:link, #nav li.space a:visited { width:86px; background-position:-283px 0; }
#nav li.space a:hover, #nav li.space a:focus, #nav li.space a:active, #nav li.space_on a { width:86px; background-position:-283px -40px; }

#nav li.clients a, #nav li.clients a:link, #nav li.clients a:visited { width:87px; background-position:-369px 0; }
#nav li.clients a:hover, #nav li.clients a:focus, #nav li.clients a:active, #nav li.clients_on a { width:87px; background-position:-369px -40px; }

#nav li.press a, #nav li.press a:link, #nav li.press a:visited { width:79px; background-position:-456px 0; }
#nav li.press a:hover, #nav li.press a:focus, #nav li.press a:active, #nav li.press_on a { width:79px; background-position:-456px -40px; }

#nav li.contact a, #nav li.contact a:link, #nav li.contact a:visited { width:85px; background-position:-535px 0; }
#nav li.contact a:hover, #nav li.contact a:focus, #nav li.contact a:active, #nav li.contact_on a { width:85px; background-position:-535px -40px; }
	
div#artistSidebar ul { margin-left:48px; }


	
/* *********************
     LAYOUT INTERIOR
***********************/

div#boxTop { width:1150px; height:22px; background-image:url(images/box_top.gif); background-repeat:no-repeat; margin:0 auto; }

div#boxMiddle { width:1110px; background-image:url(images/box_middle.png); background-repeat:repeat-y; margin:0 auto; text-align:left; }

div#boxBottom { width:1150px; height:19px; background-image:url(images/box_bottom.gif); background-repeat:no-repeat; margin:0 auto 14px 0; }

div#artistSidebar { line-height:20px; width:320px; padding:10px 0 0 15px; float:left; text-align:left;  }

div#artistContent { margin-left:385px;  width:700px; padding-top:15px; }

div#artistBio { padding:15px; background-color:#f0f0f0; color:#7a7a7a; margin:0 15px 15px 5px;  }

div#blankPageContent { margin-left:23px; margin-right:23px; }

div#pageClear { clear:both; height:40px; }

div#divLeft { float:left; width:240px; }

div#divRight { margin-left:270px; width:240px;	 }

.prop { float:right; width:1px; }

.minHeight { height:540px; }

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #article_left_side {
  margin-right: 10px;
  }
 
* html #article_style {
  height: 1%;
  margin-left: -3px;
  }
  
 
/* *********************
     GALLERY
***********************/ 

.box {
    position: relative;
    display: table;
    vertical-align: middle;
	text-align:center;
	border:1px solid #4f4f4f;
	background-color:#f4f4f4;
    height: 162px;
    width: 162px;
    margin: 5px;
	float:left;
    }

.box_on {
    position: relative;
    display: table;
    vertical-align: middle;
	text-align:center;
	border:1px solid #c2d82f;
	background-color:#f4f4f4;
    height: 162px;
    width: 162px;
    margin: 5px;
	float:left;
    }



.inner {
    position: relative;
    display: table-cell;
    vertical-align: middle;
	text-align:center;
    width: 100%;
    }

.mid {
     /*for clarity*/
    }

/* for Internet Explorer */

/* \*/
* html .inner {
    top: 50%;
    left: 0;
    }

* html .inner .mid {
    position: relative;
    top: -50%;
    }  


/* *********************
     TEXT
***********************/


h1 { color: #c2d82f; font-family: Arial, Helvetica, sans-serif; font-size:30px; font-weight:300; margin:5px  0 5px 0;  }
h2 { color: #c2d82f; font-family: Arial, Helvetica, sans-serif; font-size:24px; font-weight:300; margin:8px  0 3px 0;  }
h3 { color: #efefef; font-family: Arial, Helvetica, sans-serif; font-size:24px; font-weight:300; margin:5px  0 3px 0;  }
h4 { color: #efefef; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:300; margin:5px  0 3px 0; }

div#artistSidebar h1 { padding:5px 0 15px 52px; margin:0; }

.quote { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333; }

p { font-family: Arial, Helvetica, sans-serif; margin:15px 0; }
.noBtmMargin { padding-bottom:0; margin-bottom:0; }





/* *********************
     IMAGES AND LISTS, FORMS
***********************/

form{  }

input.textbox { height:14px; width:250px; font-size:11px; color:#666; }
input.button { color:#666; font-size:11px; background-color:#CCC; border:1px solid #999; height:22px; width:70px; vertical-align:bottom;  }
input.button:hover { color:#FFF; font-size:10px; background-color:#c2d82f; border:1px solid #999; }



img.visitbutton{ margin-left:45px; }
.link,

	.link {
		text-decoration: none;
		}
	.signupframe {
		border: 1px solid #ffffff;
		background: #ffffff;
		}


/* *********************
     TABLES
***********************/

table strong {color:#333333; }

table.tableStyle {border:0; border-collapse:collapse; margin-top:10px;}
table.tableStyle td {padding-left:5px; height:24px;font-size:11px; }
tr.grayBackground { background-color:#e6e6e6; }
tr.whiteBackground { background-color:#ffffff; }

tr.header, div#sectionAdult table.tableStyle tr.header { height:24px; background-color:#955dba; color:#ffffff; text-transform:uppercase; }
div#sectionYouth table.tableStyle tr.header { height:24px; background-color:#c61065; color:#ffffff; text-transform:uppercase; }

 

/* *********************
     LINKS
***********************/	

a, a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#c2d82f;
	text-decoration:none;
	}
	
a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#c2d82f;
	text-decoration:underline;
	}
	

#artistSidebar ul, #artistSidebar li {
	list-style-type: none;
	line-height: 22px; 
	margin:0;
	}

#artistSidebar li a {
	color:#7a7a7a;
	font-size:14px;
	background-image:url(images/arrow_bullet.gif);
	background-repeat: no-repeat; background-position: 0 1px;
	padding-left: 20px;
	text-decoration:none;
	}
	
#artistSidebar li.arrow a {
	color:#404040;
	font-size:14px;
	background-image:url(images/arrow_bullet_on.gif);
	background-repeat: no-repeat; background-position: 0 1px;
	padding-left: 20px;
	text-decoration:none;
	}

#artistSidebar li a:hover {
	color:#404040;
	font-size:14px;
	background-image:url(images/arrow_bullet_on.gif);
	background-repeat: no-repeat; background-position: 0 1px;
	padding-left: 20px;
	text-decoration:none;
	}

	
div#footer a, div#footer a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:11px;
	}
div#footer a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#c2d82f;
	font-size:11px;
	}



/* *********************
     SCROLLBAR
***********************/	


div.scrollholder
{
    position: relative;
    width:720px; height:540px;
    overflow: auto;
    z-index: 1;
	
	margin-left:370px;
   
}

div.scroll
{
    position: absolute;
    left: 0; top: 0;
    width: 95%;
    z-index: 2;
}

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 11px; height: 100%;
    font-size: 0;
    z-index: 3;
    background:#999;
}

div.drag_bar
{
    position: absolute;
    width: 100%; height: 14px;
    cursor: pointer;
    z-index: 4;
    background:#666;
}